.el-slider{--el-slider-main-bg-color:var(--el-color-primary);--el-slider-runway-bg-color:var(--el-border-color-light);--el-slider-stop-bg-color:var(--el-color-white);--el-slider-disabled-color:var(--el-text-color-placeholder);--el-slider-border-radius:3px;--el-slider-height:6px;--el-slider-button-size:20px;--el-slider-button-wrapper-size:36px;--el-slider-button-wrapper-offset:-15px;align-items:center;display:flex;height:32px;width:100%}.el-slider__runway{background-color:var(--el-slider-runway-bg-color);border-radius:var(--el-slider-border-radius);cursor:pointer;flex:1;height:var(--el-slider-height);position:relative}.el-slider__runway.show-input{margin-right:30px;width:auto}.el-slider__runway.is-disabled{cursor:default}.el-slider__runway.is-disabled .el-slider__bar{background-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button{border-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging,.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,.el-slider__runway.is-disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button.dragging,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{cursor:not-allowed;transform:scale(1)}.el-slider__input{flex-shrink:0;width:130px}.el-slider__bar{background-color:var(--el-slider-main-bg-color);border-bottom-left-radius:var(--el-slider-border-radius);border-top-left-radius:var(--el-slider-border-radius);height:var(--el-slider-height);position:absolute}.el-slider__button-wrapper{background-color:initial;height:var(--el-slider-button-wrapper-size);line-height:normal;outline:none;position:absolute;text-align:center;top:var(--el-slider-button-wrapper-offset);transform:translate(-50%);-webkit-user-select:none;user-select:none;width:var(--el-slider-button-wrapper-size);z-index:1}.el-slider__button-wrapper:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:grab}.el-slider__button-wrapper.dragging{cursor:grabbing}.el-slider__button{background-color:var(--el-color-white);border:2px solid var(--el-slider-main-bg-color);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--el-slider-button-size);transition:var(--el-transition-duration-fast);-webkit-user-select:none;user-select:none;vertical-align:middle;width:var(--el-slider-button-size)}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:grab}.el-slider__button.dragging{cursor:grabbing}.el-slider__stop{background-color:var(--el-slider-stop-bg-color);border-radius:var(--el-border-radius-circle);height:var(--el-slider-height);position:absolute;transform:translate(-50%);width:var(--el-slider-height)}.el-slider__marks{height:100%;left:12px;top:0;width:18px}.el-slider__marks-text{color:var(--el-color-info);font-size:14px;margin-top:15px;position:absolute;transform:translate(-50%);white-space:pre}.el-slider.is-vertical{display:inline-flex;flex:0;height:100%;position:relative;width:auto}.el-slider.is-vertical .el-slider__runway{height:100%;margin:0 16px;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__bar{border-radius:0 0 3px 3px;height:auto;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__button-wrapper{left:var(--el-slider-button-wrapper-offset);top:auto;transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{transform:translateY(50%)}.el-slider.is-vertical .el-slider__marks-text{left:15px;margin-top:0;transform:translateY(50%)}.el-slider--large{height:40px}.el-slider--small{height:24px}.el-input-number{display:inline-flex;line-height:30px;position:relative;vertical-align:middle;width:150px}.el-input-number .el-input__wrapper{padding-left:42px;padding-right:42px}.el-input-number .el-input__inner{-webkit-appearance:none;-moz-appearance:textfield;line-height:1;text-align:center}.el-input-number .el-input__inner::-webkit-inner-spin-button,.el-input-number .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-input-number__decrease,.el-input-number__increase{align-items:center;background:var(--el-fill-color-light);bottom:1px;color:var(--el-text-color-regular);cursor:pointer;display:flex;font-size:13px;height:auto;justify-content:center;position:absolute;top:1px;-webkit-user-select:none;user-select:none;width:32px;z-index:1}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:var(--el-color-primary)}.el-input-number__decrease:hover~.el-input:not(.is-disabled) .el-input__wrapper,.el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color,var(--el-color-primary)) inset}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-input-number__increase{border-left:var(--el-border);border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0;right:1px}.el-input-number__decrease{border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);border-right:var(--el-border);left:1px}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:var(--el-disabled-border-color);color:var(--el-disabled-border-color)}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:var(--el-disabled-border-color);cursor:not-allowed}.el-input-number--large{line-height:38px;width:180px}.el-input-number--large .el-input-number__decrease,.el-input-number--large .el-input-number__increase{font-size:14px;width:40px}.el-input-number--large.is-controls-right .el-input--large .el-input__wrapper{padding-right:47px}.el-input-number--large .el-input--large .el-input__wrapper{padding-left:47px;padding-right:47px}.el-input-number--small{line-height:22px;width:120px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{font-size:12px;width:24px}.el-input-number--small.is-controls-right .el-input--small .el-input__wrapper{padding-right:31px}.el-input-number--small .el-input--small .el-input__wrapper{padding-left:31px;padding-right:31px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{transform:scale(.9)}.el-input-number.is-without-controls .el-input__wrapper{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__wrapper{padding-left:15px;padding-right:42px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{--el-input-number-controls-height:15px;height:var(--el-input-number-controls-height);line-height:var(--el-input-number-controls-height)}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-bottom:var(--el-border);border-radius:0 var(--el-border-radius-base) 0 0;bottom:auto;left:auto}.el-input-number.is-controls-right .el-input-number__decrease{border-left:var(--el-border);border-radius:0 0 var(--el-border-radius-base) 0;border-right:none;left:auto;right:1px;top:auto}.el-input-number.is-controls-right[class*=large] [class*=decrease],.el-input-number.is-controls-right[class*=large] [class*=increase]{--el-input-number-controls-height:19px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{--el-input-number-controls-height:11px}.el-color-predefine{display:flex;font-size:12px;margin-top:8px;width:280px}.el-color-predefine__colors{display:flex;flex:1;flex-wrap:wrap}.el-color-predefine__color-selector{border-radius:4px;cursor:pointer;height:20px;margin:0 0 8px 8px;width:20px}.el-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.el-color-predefine__color-selector.selected{box-shadow:0 0 3px 2px var(--el-color-primary)}.el-color-predefine__color-selector>div{border-radius:3px;display:flex;height:100%}.el-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-hue-slider{background-color:red;box-sizing:border-box;float:right;height:12px;padding:0 2px;position:relative;width:280px}.el-color-hue-slider__bar{background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);height:100%;position:relative}.el-color-hue-slider__thumb{background:#fff;border:1px solid var(--el-border-color-lighter);border-radius:1px;box-shadow:0 0 2px #0009;box-sizing:border-box;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:4px;z-index:1}.el-color-hue-slider__thumb:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-hue-slider.is-vertical{height:180px;padding:2px 0;width:12px}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:linear-gradient(180deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{height:4px;left:0;top:0;width:100%}.el-color-svpanel{height:180px;position:relative;width:280px}.el-color-svpanel__black,.el-color-svpanel__white{bottom:0;left:0;position:absolute;right:0;top:0}.el-color-svpanel__white{background:linear-gradient(90deg,#fff,#fff0)}.el-color-svpanel__black{background:linear-gradient(0deg,#000,#0000)}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{border-radius:50%;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006;cursor:head;height:4px;transform:translate(-2px,-2px);width:4px}.el-color-alpha-slider{background-image:linear-gradient(45deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%);background-position:0 0,6px 0,6px -6px,0 6px;background-size:12px 12px;box-sizing:border-box;height:12px;position:relative;width:280px}.el-color-alpha-slider__bar{background:linear-gradient(to right,#fff0 0,var(--el-bg-color) 100%);height:100%;position:relative}.el-color-alpha-slider__thumb{background:#fff;border:1px solid var(--el-border-color-lighter);border-radius:1px;box-shadow:0 0 2px #0009;box-sizing:border-box;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:4px;z-index:1}.el-color-alpha-slider__thumb:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-alpha-slider.is-vertical{height:180px;width:20px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:linear-gradient(180deg,#fff0,#fff)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{height:4px;left:0;top:0;width:100%}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper:after{clear:both;content:"";display:table}.el-color-dropdown__btns{margin-top:12px;text-align:right}.el-color-dropdown__value{color:#000;float:left;font-size:12px;line-height:26px;width:160px}.el-color-picker{display:inline-block;height:32px;line-height:normal;outline:none;position:relative;width:32px}.el-color-picker:hover:not(.is-disabled,.is-focused) .el-color-picker__trigger{border-color:var(--el-border-color-hover)}.el-color-picker:focus-visible:not(.is-disabled) .el-color-picker__trigger{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-picker.is-focused .el-color-picker__trigger{border-color:var(--el-color-primary)}.el-color-picker.is-disabled .el-color-picker__trigger{background-color:var(--el-fill-color-light);cursor:not-allowed}.el-color-picker.is-disabled .el-color-picker__color{opacity:.3}.el-color-picker--large{height:40px;width:40px}.el-color-picker--small{height:24px;width:24px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{transform:scale(.8)}.el-color-picker__trigger{align-items:center;border:1px solid var(--el-border-color);border-radius:4px;cursor:pointer;display:inline-flex;font-size:0;justify-content:center;padding:4px}.el-color-picker__color,.el-color-picker__trigger{box-sizing:border-box;height:100%;position:relative;width:100%}.el-color-picker__color{border:1px solid var(--el-text-color-secondary);border-radius:var(--el-border-radius-small);display:block;text-align:center}.el-color-picker__color.is-alpha{background-image:linear-gradient(45deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%);background-position:0 0,6px 0,6px -6px,0 6px;background-size:12px 12px}.el-color-picker__color-inner{align-items:center;display:inline-flex;height:100%;justify-content:center;width:100%}.el-color-picker .el-color-picker__empty{color:var(--el-text-color-secondary);font-size:12px}.el-color-picker .el-color-picker__icon{align-items:center;color:#fff;display:inline-flex;font-size:12px;justify-content:center}.el-color-picker__panel{background-color:#fff;border-radius:var(--el-border-radius-base);box-shadow:var(--el-box-shadow-light);box-sizing:initial;padding:6px;position:absolute;z-index:10}.el-color-picker__panel.el-popper{border:1px solid var(--el-border-color-lighter)}.el-color-picker,.el-color-picker__panel{--el-color-picker-alpha-bg-a:#ccc;--el-color-picker-alpha-bg-b:#0000}.dark .el-color-picker,.dark .el-color-picker__panel{--el-color-picker-alpha-bg-a:#333}[data-v-d7b9c25f]:root{--primary-color:#6cf;--secondary-color:#3498db;--dark-bg:#121212;--card-bg:#1e1e1e;--accent-color:#e74c3c}.page[data-v-d7b9c25f]{background:var(--dark-bg);color:#eee;display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden}.header[data-v-d7b9c25f],.page[data-v-d7b9c25f]{position:relative}.header[data-v-d7b9c25f]{background:linear-gradient(135deg,#1a1a1a,#2c2c2c);box-shadow:0 4px 20px #00000080;padding:1.5em 0;z-index:10}.header-content[data-v-d7b9c25f]{margin:0 auto;max-width:1200px;padding:0 2em}.header h1[data-v-d7b9c25f]{color:var(--primary-color);font-size:2em;margin:0 0 .5em;text-align:center;text-shadow:0 0 10px rgba(102,204,255,.3)}.info-bar[data-v-d7b9c25f]{display:flex;flex-wrap:wrap;gap:1.5em;justify-content:center}.info-item[data-v-d7b9c25f]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(30,30,30,.8);border:1px solid rgba(102,204,255,.2);border-radius:8px;padding:.8em 1.5em;transition:all .3s ease}.info-item[data-v-d7b9c25f]:hover{border-color:#66ccff80;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.title[data-v-d7b9c25f]{color:#aaa;font-size:.9em;margin-bottom:.2em}.value[data-v-d7b9c25f]{color:var(--primary-color);font-size:1.2em;font-weight:500}.test-container[data-v-d7b9c25f]{flex:1;padding:2em;z-index:1}.test-box[data-v-d7b9c25f],.test-container[data-v-d7b9c25f]{align-items:center;display:flex;justify-content:center;position:relative}.test-box[data-v-d7b9c25f]{box-shadow:0 0 30px #66ccff1a,inset 0 0 20px #66ccff0d;flex-direction:column;overflow:hidden;text-align:center;transition:all .3s ease}.test-box[data-v-d7b9c25f]:hover{border-color:#6cf9;box-shadow:0 0 40px #6cf3,inset 0 0 30px #66ccff1a}.test-box-content[data-v-d7b9c25f]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2em;width:100%}.test-box h3[data-v-d7b9c25f]{color:var(--primary-color);font-size:1.5em;margin-bottom:.5em;text-shadow:0 0 10px rgba(102,204,255,.2)}.test-box p[data-v-d7b9c25f]{color:#aaa;margin-bottom:1.5em}.dimension-display[data-v-d7b9c25f]{align-items:center}.size-transition[data-v-d7b9c25f]{transition:width .3s ease,height .3s ease}.control-sidebar[data-v-d7b9c25f]{background:linear-gradient(180deg,#1a1a1a,#2c2c2c);border-right:1px solid rgba(102,204,255,.1);box-shadow:0 0 20px #00000080;display:flex;flex-direction:column;height:100vh;left:-320px;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:320px;z-index:20}.sidebar-open[data-v-d7b9c25f]{left:0}.sidebar-header[data-v-d7b9c25f]{align-items:center;background:rgba(30,30,30,.8);border-bottom:1px solid rgba(102,204,255,.1);display:flex;justify-content:space-between;padding:1.5em}.sidebar-header h2[data-v-d7b9c25f]{color:var(--primary-color);font-size:1.3em;margin:0}.close-btn[data-v-d7b9c25f]{align-items:center;background:rgba(30,30,30,.8);border:1px solid rgba(102,204,255,.2);border-radius:50%;box-shadow:0 0 10px #0000004d;color:var(--primary-color);cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .3s ease;width:50px;z-index:15}.size-controls[data-v-d7b9c25f]{gap:1.5em;padding:1.5em}.input-group[data-v-d7b9c25f],.size-controls[data-v-d7b9c25f]{display:flex;flex-direction:column}.input-group[data-v-d7b9c25f]{gap:.5em}.input-group label[data-v-d7b9c25f]{color:#aaa;font-size:.9em;font-weight:500}.input-group input[data-v-d7b9c25f]{background:rgba(30,30,30,.8);border:1px solid rgba(102,204,255,.2);border-radius:8px;color:#eee;font-size:1em;padding:.8em 1em;transition:all .3s ease}.input-group input[data-v-d7b9c25f]:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #6cf3;outline:none}.apply-button[data-v-d7b9c25f]{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:8px;box-shadow:0 4px 12px #6cf3;color:#121212;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:.5em;justify-content:center;padding:.8em 1em;transition:all .3s ease}.apply-button[data-v-d7b9c25f]:hover{background:linear-gradient(135deg,var(--secondary-color) 0,var(--primary-color) 100%);box-shadow:0 6px 16px #66ccff4d;transform:translateY(-2px)}.apply-button[data-v-d7b9c25f]:active{transform:translateY(0)}.quick-presets[data-v-d7b9c25f]{margin-top:auto;padding:0 1.5em 1.5em}.quick-presets h3[data-v-d7b9c25f]{color:#aaa;font-size:1em;margin-bottom:.8em}.preset-buttons[data-v-d7b9c25f]{display:grid;gap:.8em;grid-template-columns:repeat(2,1fr)}.preset-btn[data-v-d7b9c25f]{background:rgba(30,30,30,.8);border:1px solid rgba(102,204,255,.2);border-radius:6px;color:#eee;cursor:pointer;font-size:.9em;padding:.6em 1em;transition:all .3s ease}.preset-btn[data-v-d7b9c25f]:hover{background:rgba(40,40,40,.9);border-color:#66ccff80;transform:translateY(-1px)}.sidebar-toggle[data-v-d7b9c25f]{align-items:center;background:rgba(30,30,30,.8);border:1px solid rgba(102,204,255,.2);border-radius:50%;box-shadow:0 0 10px #0000004d;color:var(--primary-color);cursor:pointer;display:flex;height:40px;justify-content:center;left:2em;position:fixed;top:2em;transition:all .3s ease;width:40px;z-index:15}.sidebar-toggle[data-v-d7b9c25f]:hover{background:rgba(40,40,40,.9);border-color:#66ccff80;box-shadow:0 0 15px #6cf3;transform:scale(1.1)}.footer[data-v-d7b9c25f]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,8%,.8);box-shadow:0 -4px 20px #0000004d;padding:1em 0;position:relative;z-index:10}.box-dimensions[data-v-d7b9c25f]{color:var(--primary-color);display:flex;font-size:1em;gap:2em;justify-content:center;margin:0 auto;max-width:800px}.dimension-item[data-v-d7b9c25f]{align-items:center;background:rgba(30,30,30,.5);border-radius:8px;display:flex;gap:.5em;padding:.5em 1em}.notification[data-v-d7b9c25f]{border-radius:8px;bottom:2em;box-shadow:0 4px 15px #0000004d;color:#fff;font-size:.9em;left:50%;max-width:300px;opacity:0;padding:.8em 1.5em;position:fixed;text-align:center;transform:translate(-50%);transform:translate(-50%,20px);transition:all .3s ease;z-index:100}.notification-show[data-v-d7b9c25f]{opacity:1;transform:translate(-50%)}.notification-info[data-v-d7b9c25f]{background:rgba(52,152,219,.9);border:1px solid rgba(102,204,255,.3)}.notification-error[data-v-d7b9c25f]{background:rgba(231,76,60,.9);border:1px solid rgba(231,76,60,.3)}.particle[data-v-d7b9c25f]{background:rgba(102,204,255,.1);border-radius:50%;pointer-events:none;position:absolute;z-index:0}