.os-scrollbar.scrollbar-dark-theme{padding:5px;position:relative}.os-scrollbar.scrollbar-dark-theme:before{background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.08);border-radius:0;bottom:2px;content:"";display:block;left:2px;position:absolute;right:2px;top:0}.os-scrollbar.scrollbar-dark-theme:hover:before{border:1px solid rgba(0,0,0,.16)}.os-scrollbar.scrollbar-dark-theme.active:before{border:1px solid rgba(0,0,0,.24)}.os-scrollbar.os-scrollbar-horizontal.scrollbar-dark-theme{height:18px;right:18px}.os-scrollbar.os-scrollbar-horizontal.scrollbar-dark-theme>.os-scrollbar-track>.os-scrollbar-handle{min-width:30px}.os-scrollbar.os-scrollbar-horizontal.scrollbar-dark-theme>.os-scrollbar-track>.os-scrollbar-handle:before{bottom:-5px;top:-3px}.os-scrollbar.os-scrollbar-vertical.scrollbar-dark-theme{bottom:18px;width:22px}.os-scrollbar.os-scrollbar-vertical.scrollbar-dark-theme>.os-scrollbar-track>.os-scrollbar-handle{min-height:30px}.os-scrollbar.os-scrollbar-vertical.scrollbar-dark-theme>.os-scrollbar-track>.os-scrollbar-handle:before{left:-3px;right:-5px}.os-scrollbar-corner.scrollbar-dark-theme{background-color:transparent;height:18px;width:18px}.os-scrollbar.os-scrollbar-horizontal.scrollbar-dark-theme.os-host-rtl{left:18px;right:0}.os-scrollbar.os-scrollbar-vertical.scrollbar-dark-theme.os-host-rtl>.os-scrollbar-track>.os-scrollbar-handle:before{left:-5px;right:-3px}.os-scrollbar.scrollbar-dark-theme>.os-scrollbar-track{background:transparent}.os-scrollbar.scrollbar-dark-theme>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(0,0,0,.4);border-radius:0}.os-scrollbar.scrollbar-dark-theme>.os-scrollbar-track>.os-scrollbar-handle:hover{background:rgba(0,0,0,.6)}.os-scrollbar.scrollbar-dark-theme>.os-scrollbar-track>.os-scrollbar-handle.active{background:rgba(0,0,0,.8)}.os-scrollbar.scrollbar-dark-theme>.os-scrollbar-track>.os-scrollbar-handle{transition:background .3s}.os-scrollbar.scrollbar-dark-theme:before{background:#bebebe!important;border:1px solid #817c7c!important;transition:border .3s}.os-scrollbar.scrollbar-dark-theme>.os-scrollbar-track>.os-scrollbar-handle{background:#fff!important}.os-scrollbar.scrollbar-dark-theme.os-scrollbar-auto-hidden{opacity:0!important;pointer-events:none!important}.os-scrollbar.scrollbar-dark-theme.os-scrollbar-visible{margin-left:8px}.os-scrollbar.scrollbar-dark-theme.os-scrollbar-unusable{display:none!important}.os-scrollbar.scrollbar-light-theme{padding:5px;position:relative}.os-scrollbar.scrollbar-light-theme:before{background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.08);border-radius:0;bottom:2px;content:"";display:block;left:2px;position:absolute;right:2px;top:0}.os-scrollbar.scrollbar-light-theme:hover:before{border:1px solid rgba(0,0,0,.16)}.os-scrollbar.scrollbar-light-theme.active:before{border:1px solid rgba(0,0,0,.24)}.os-scrollbar.os-scrollbar-horizontal.scrollbar-light-theme{height:18px;right:18px}.os-scrollbar.os-scrollbar-horizontal.scrollbar-light-theme>.os-scrollbar-track>.os-scrollbar-handle{min-width:30px}.os-scrollbar.os-scrollbar-horizontal.scrollbar-light-theme>.os-scrollbar-track>.os-scrollbar-handle:before{bottom:-5px;top:-3px}.os-scrollbar.os-scrollbar-vertical.scrollbar-light-theme{bottom:18px;width:22px}.os-scrollbar.os-scrollbar-vertical.scrollbar-light-theme>.os-scrollbar-track>.os-scrollbar-handle{min-height:30px}.os-scrollbar.os-scrollbar-vertical.scrollbar-light-theme>.os-scrollbar-track>.os-scrollbar-handle:before{left:-3px;right:-5px}.os-scrollbar-corner.scrollbar-light-theme{background-color:transparent;height:18px;width:18px}.os-scrollbar.os-scrollbar-horizontal.scrollbar-light-theme.os-host-rtl{left:18px;right:0}.os-scrollbar.os-scrollbar-vertical.scrollbar-light-theme.os-host-rtl>.os-scrollbar-track>.os-scrollbar-handle:before{left:-5px;right:-3px}.os-scrollbar.scrollbar-light-theme>.os-scrollbar-track{background:transparent}.os-scrollbar.scrollbar-light-theme>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(0,0,0,.4);border-radius:0}.os-scrollbar.scrollbar-light-theme>.os-scrollbar-track>.os-scrollbar-handle:hover{background:rgba(0,0,0,.6)}.os-scrollbar.scrollbar-light-theme>.os-scrollbar-track>.os-scrollbar-handle.active{background:rgba(0,0,0,.8)}.os-scrollbar.scrollbar-light-theme>.os-scrollbar-track>.os-scrollbar-handle{transition:background .3s}.os-scrollbar.scrollbar-light-theme:before{background:hsla(0,0%,75%,.36)!important;border:1px solid #fff!important;transition:border .3s}.os-scrollbar.scrollbar-light-theme>.os-scrollbar-track>.os-scrollbar-handle{background:#fff!important}.os-scrollbar.scrollbar-light-theme.os-scrollbar-auto-hidden{opacity:0!important;pointer-events:none!important}.os-scrollbar.scrollbar-light-theme.os-scrollbar-visible{margin-left:8px}.os-scrollbar.scrollbar-light-theme.os-scrollbar-unusable{display:none!important}.flex-container-color,.flex-container-effect,.flex-container-texture{display:flex;flex-wrap:wrap;justify-content:space-between;margin:auto;padding:1px 0 0;position:relative}.flex-container-color{height:20%}.flex-container-color-30-percent{height:30%!important}.flex-container-effect,.flex-container-texture{height:30%}.cbox-header{margin:auto;width:25px}.cbox-header div{font-size:10px!important;height:100px;line-height:1;margin-left:2px;text-align:center;text-transform:uppercase;transform:scale(-1);word-break:break-word;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.cbox{align-content:center;border:1px solid transparent;display:flex;flex:0;flex-grow:1;justify-content:center;margin:1px;position:relative}.cbox-ratio-texture:hover{border:1px solid #000}.cbox-ratio-color,.cbox-ratio-color-empty,.cbox-ratio-texture-empty{height:100%}.cbox-ratio-color:hover{border:1px solid #000}.swatchcolor{background-color:var(--color-swatch-shadow);box-sizing:border-box;font-family:monospace;font-size:10px;left:0;padding:2px 3px;position:absolute;text-transform:uppercase;top:0;width:100%;z-index:3}.flex-sub-item-texture{color:#fff;-ms-hyphens:auto;hyphens:auto;word-wrap:break-word}.flex-item-empty,.flex-sub-item-texture{height:100%;position:absolute;width:100%}.flex-item-empty{background-color:#f8f8f800}.texture{background-position:50%;background-repeat:no-repeat;background-size:cover}.clickable-color{cursor:pointer}.js-draggable{color:#fff;height:100%;text-overflow:clip;white-space:pre-line;width:100%}.js-draggable,.js-draggable-drag{border:2px solid #0000002f;float:left;-ms-hyphens:auto;hyphens:auto;z-index:20}.js-draggable-drag{font-size:10px!important;height:80px;opacity:.8;width:80px}.ui-draggable-helper{border-radius:100%;height:40px!important;margin-left:17px;margin-top:17px;opacity:.9;overflow:hidden;text-indent:100%;white-space:nowrap;width:40px!important}.ui-state-active,.ui-state-dropcolor{border:2px solid #4c566a!important}.ui-state-dropcolor-hover{background-color:#d8dee9;border:2px solid #000!important}.ui-state-active-imageview{opacity:.9;outline:2px solid #4c566a!important}@media only screen and (min-device-width:320px) and (max-device-width:480px){.cbox-header{margin:auto;width:18px}.cbox-header div{font-size:10px!important;height:100px;line-height:1;margin-left:2px;text-align:center;text-transform:uppercase;transform:rotate(-90deg);transform-origin:right center}.cbox{border-left-style:solid;border-top-style:solid;border-width:0;border-bottom:1px solid #f8f8f8;border-right:1px solid #f8f8f8;flex:0 1 5%;flex-grow:1}.js-draggable{color:#fff;float:left;font-size:8px;height:100%;-ms-hyphens:auto;hyphens:auto;text-overflow:clip;white-space:pre-line;width:100%}}:root{--viz-navbar-h:64px;--viz-rail-w:56px;--viz-panel-w:380px;--viz-gap:8px;--viz-canvas-bg:#f2f4f8;--viz-border:#e5e7eb;--btn-box:56px;--icon:24px;--toolbar-h:56px;--viz-dropbar-h:80px;--btn-topbar-height:48px;--btn-toolbar-height:48px;--swatch-chip-size:52px;--swatch-card-radius:8px;--tooltip-radius:6px;--rail-active-indicator-w:10px;--dropcolor-size:56px;--toolbar-btn-hover-radius:15px;--color-bg-main:#f1eff4;--color-bg-rail:#132138;--color-bg-panel:#20345c;--color-bg-tooltip:#3b4252;--color-bg-overlay:#f8f8f8;--color-bg-masonry-tabs-surface:#e8edf5;--color-white:#fff;--color-black:#000;--color-swatch-shadow:#0000002f;--color-border-strong:#3b4252;--color-border-muted:#4c566a;--color-rail-hover:#1c2b49;--color-rail-active:#20345c;--color-rail-active-indicator:#3b82f6;--color-swatch-meta-name:#d9e2f1;--color-swatch-meta-code:#fff;--color-swatch-delete:#b6c2d9;--color-dropcolor-selected-outline:hsla(0,0%,100%,.9);--color-dropcolor-outline:hsla(0,0%,100%,.1);--color-dropcolor-bg:hsla(0,0%,100%,.06);--color-swatch-add-border:hsla(0,0%,100%,.45);--color-swatch-add-border-hover:hsla(0,0%,100%,.75);--color-swatch-card-outline:hsla(0,0%,100%,.1);--color-swatch-card-bg:hsla(0,0%,100%,.06);--color-overlay-dark:rgba(0,0,0,.7);--text-default:#111827;--text-light:var(--color-white);--text-dark-strong:#111827;--text-muted-panel:#cdd6f4;--text-muted-swatch-add:#c9d3e6;--shadow-inset-strong:rgba(0,0,0,.25);--shadow-soft:rgba(0,0,0,.12);--overlay-light:hsla(0,0%,100%,.12);--overlay-light-2:hsla(0,0%,100%,.1);--transition-fast:120ms ease-out;--transition-medium:180ms ease-out;--rail-scrollbar-thumb:hsla(0,0%,100%,.18);--btn-hover-border:var(--color-black);--color-placeholder-swatch:#999;--color-drop-hover-legacy:#d8dee9;--color-drop-full-border:#3b425260;--space-xxs:4px;--space-xs:6px;--space-sm:8px;--space-md:10px;--space-lg:12px;--border-thin:1px;--border-thick:2px}
/*# sourceMappingURL=visualizer-ui-legacy.css.map*/