*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f1115;color:#e4e7eb;overflow:hidden;height:100vh}#app{display:flex;height:100vh}#viewer-3d{flex:0 0 60%;display:flex;flex-direction:column;background:linear-gradient(180deg,#0f1115,#1a1d24)}#viewer-controls{display:flex;align-items:flex-start;gap:4px;padding:8px 12px;background:#0f1115e6;border-bottom:1px solid #2a2f3a;flex-shrink:0;z-index:10}.toggle-controls-btn{padding:6px 10px;background:#2a2f3a;color:#8b92a0;border:1px solid #3a3f4a;border-radius:6px;cursor:pointer;font-size:14px;flex-shrink:0;transition:all .2s}.toggle-controls-btn:hover{background:#3a3f4a;color:#e4e7eb}#viewer-controls-body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}#viewer-controls.collapsed #viewer-controls-body{display:none}.control-row{display:flex;gap:8px;flex-wrap:wrap}.control-group{display:flex;gap:4px;background:#1e222acc;padding:2px 6px;border-radius:6px;border:1px solid #2a2f3a;align-items:center}.space-btn,.slice-btn{padding:6px 12px;background:transparent;color:#8b92a0;border:none;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s}.space-btn:hover,.slice-btn:hover{background:#2a3142;color:#e4e7eb}.space-btn.active,.slice-btn.active{background:#4a9eff;color:#fff}#viewer-canvas-wrap{flex:1;position:relative;min-height:0;overflow:hidden}#viewer-canvas-wrap canvas{display:block}.view-center-control{position:absolute;top:50%;right:12px;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;background:#1e222ab3;border:1px solid #2a2f3a;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.view-center-label{font-size:10px;color:#8b92a0;writing-mode:vertical-rl;letter-spacing:2px}#view-center-slider{-webkit-appearance:slider-vertical;writing-mode:vertical-lr;-moz-appearance:vertical-slider;appearance:vertical-slider;width:6px;height:180px;padding:0;direction:rtl}#view-center-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#4a9eff;border-radius:50%;cursor:pointer}.float-clear-btn{position:absolute;bottom:8px;right:12px;z-index:10;width:72px;box-sizing:border-box;padding:5px 0;text-align:center;background:#b42828d9;color:#fff;border:1px solid rgba(220,60,60,.6);border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s}.float-clear-btn:hover{background:#dc3c3cf2}.current-color-swatch{position:absolute;bottom:56px;right:12px;z-index:10;width:72px;height:56px;padding:0;border:1px solid #3a3f4a;border-radius:6px;cursor:pointer;background:#888;transition:transform .15s,box-shadow .15s}.current-color-swatch:hover{transform:scale(1.08);box-shadow:0 0 8px #fff6}.ring-color-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:10px;border-radius:5px;background:linear-gradient(to right,#000,#fff);border:1px solid #3a3f4a;outline:none;cursor:pointer;vertical-align:middle}.ring-color-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#1e222a;border:2px solid #fff;cursor:pointer;box-shadow:0 0 4px #0009}.ring-color-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#1e222a;border:2px solid #fff;cursor:pointer}#input-panel{padding:8px 12px;border-top:1px solid #2a2f3a;background:#1e222a;flex-shrink:0;position:relative;z-index:5}.input-panel-layout{display:flex;gap:1%;align-items:flex-start}.input-panel-left{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}#input-panel .mode-switch{display:flex;gap:4px;align-items:center}#input-panel .input-fields{display:flex;flex-direction:row;gap:12px;align-items:center}#input-panel .input-group{display:flex;align-items:center;gap:6px;flex:1;min-width:0}#input-panel .input-group label{width:auto;font-size:12px;color:#8b92a0;flex-shrink:0}#input-panel .input-group input[type=range]{flex:1;min-width:40px}#input-panel .input-group input[type=number]{width:50px;flex-shrink:0}#input-panel .input-group input[type=text]{width:100px;flex-shrink:0}#panel-2d{flex:0 0 40%;display:flex;flex-direction:column;background:#1a1d24;border-left:1px solid #2a2f3a;overflow:hidden}#source-tabs{display:flex;background:#1e222a;border-bottom:1px solid #2a2f3a;flex-shrink:0;position:sticky;top:0;z-index:10}.source-tab{flex:1;padding:12px;background:transparent;color:#8b92a0;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:13px;transition:all .2s}.source-tab:hover{color:#e4e7eb}.source-tab.active{color:#4a9eff;border-bottom-color:#4a9eff;background:#2a3142}#source-panels{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.source-panel{display:none;padding:12px;min-height:0;flex:1;overflow-y:auto}.source-panel.active{display:block}#help-panel{padding:16px 18px;color:#b8bcc4;font-size:13px;line-height:1.7}#help-panel p{margin:8px 0;color:#b8bcc4}#help-panel li{margin:3px 0}#help-panel img{max-width:220px}#bottom-panels{border-top:2px solid #2a2f3a;background:#1a1d24;flex-shrink:0;max-height:400px;overflow-y:auto}#panel-2d[data-active-source=analysis] #image-picks-panel,#panel-2d[data-active-source=paint] #image-picks-panel{display:none}#panel-2d[data-active-source=paint] #bottom-panels{flex:0 0 20%;max-height:none;overflow-y:auto}#color-wheel{display:flex;gap:8px;height:220px;width:100%}#sv-square-canvas{flex:1;width:180px;height:220px;background:#000;border-radius:6px;cursor:crosshair;display:block}#hue-bar-canvas{width:28px;height:220px;background:#000;border-radius:6px;cursor:crosshair;display:block;flex-shrink:0}#image-picker-panel input[type=file],#image-analyzer-panel input[type=file]{margin-bottom:8px;font-size:12px}.mode-switch{display:flex;gap:4px;margin-bottom:8px}.mode-switch button{padding:4px 10px;background:#2a2f3a;color:#8b92a0;border:none;border-radius:4px;cursor:pointer;font-size:12px}.mode-switch button.active{background:#4a9eff;color:#fff}.shape-select{display:flex;gap:4px;margin-bottom:8px}.shape-btn{padding:4px 10px;background:#2a2f3a;color:#8b92a0;border:none;border-radius:4px;cursor:pointer;font-size:12px}.shape-btn.active{background:#4a9eff;color:#fff}.sync-toggle{margin:8px 0}.sync-toggle label{display:flex;align-items:center;gap:6px;font-size:13px;color:#e4e7eb;cursor:pointer}.sync-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer}.toggle-label{display:flex;align-items:center;gap:4px;font-size:12px;color:#e4e7eb;cursor:pointer;white-space:nowrap}.toggle-label input[type=checkbox]{width:14px;height:14px;cursor:pointer}.analyzer-point-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0;padding:6px 8px;background:#1e222a;border-radius:6px}.analyzer-algo-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0;padding:6px 8px;background:#1e222a;border-radius:6px}.analyzer-algo-row label{color:#8b92a0;font-size:12px;display:flex;align-items:center;gap:4px}.analyzer-algo-row select{background:#2a2f3a;color:#e4e7eb;border:1px solid #3a3f4a;border-radius:4px;padding:2px 6px;font-size:12px}.analyzer-algo-row input[type=number]{width:48px;background:#2a2f3a;color:#e4e7eb;border:1px solid #3a3f4a;border-radius:4px;padding:2px 6px;font-size:12px;font-family:monospace}.analyzer-algo-row span{color:#8b92a0;font-size:12px}#image-picker-panel .image-main-canvas,#image-analyzer-panel .analyzer-image-canvas{max-width:100%;border-radius:6px;cursor:crosshair}.analyzer-report-canvas{width:100%;height:auto;min-height:380px;margin-top:8px;border-radius:6px;display:block;cursor:pointer}.analyzer-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}.analyzer-controls label{color:#8b92a0;font-size:12px;display:flex;align-items:center;gap:4px}.analyzer-controls select{background:#2a2f3a;color:#e4e7eb;border:1px solid #3a3f4a;border-radius:4px;padding:2px 6px;font-size:12px}.analyzer-reanalyze-btn{padding:4px 10px;background:#3a2a1a;color:#fa4;border:1px solid #ff8822;border-radius:4px;cursor:pointer;font-size:12px}.analyzer-reanalyze-btn:hover{background:#4a3a2a}#paint-library-panel .panel-header,.paint-toolbar{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.paint-search-row{display:flex;gap:8px}.paint-search{flex:1;padding:6px 10px;background:#2a2f3a;border:1px solid #3a3f4a;border-radius:6px;color:#e4e7eb;font-size:12px}.paint-actions-row{display:flex;gap:6px;flex-wrap:wrap}.paint-actions-row button{padding:6px 12px;background:#2a2f3a;color:#e4e7eb;border:1px solid #3a3f4a;border-radius:6px;cursor:pointer;font-size:12px;white-space:nowrap}.paint-actions-row button:hover{background:#3a3f4a}.paint-actions-row button.disabled{opacity:.4;cursor:not-allowed}.paint-options-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.paint-unified-toggle{display:flex;align-items:center;gap:4px;font-size:12px;color:#e4e7eb;cursor:pointer;white-space:nowrap}.paint-unified-toggle input[type=checkbox]{width:14px;height:14px;cursor:pointer}.paint-unified-size-control{display:flex;align-items:center;gap:6px}.paint-unified-size-control input[type=range]{width:80px;cursor:pointer}#paint-unified-size-value{font-size:10px;color:#8b92a0;min-width:32px;text-align:right;font-family:monospace}.paint-shape-label{display:flex;align-items:center;gap:4px;font-size:12px;color:#8b92a0;white-space:nowrap}.paint-shape-label select{background:#2a2f3a;color:#e4e7eb;border:1px solid #3a3f4a;border-radius:4px;padding:2px 6px;font-size:12px}.paint-file-row{display:flex;gap:8px}.btn-paint-import{padding:6px 12px;background:#3a2a1a;color:#fa4;border:1px solid #ff8822;border-radius:6px;cursor:pointer;font-size:12px;white-space:nowrap;position:relative;overflow:hidden}.btn-paint-import:hover{background:#4a3a2a}.paint-list{max-height:300px;overflow-y:auto}.paint-categories{display:flex;flex-direction:column;gap:8px}.paint-category{border:1px solid #2a2f3a;border-radius:6px;overflow:hidden}.paint-category-header{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#1a1d24;flex-wrap:wrap}.paint-category-toggle{background:none;border:none;color:#8b92a0;cursor:pointer;font-size:12px;padding:2px 4px;flex-shrink:0}.paint-category-toggle:hover{color:#e4e7eb}.paint-category-name{font-size:13px;font-weight:600;color:#e4e7eb;flex-shrink:0;min-width:80px}.paint-category-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.paint-cat-unified{display:flex;align-items:center;gap:4px;font-size:12px;color:#8b92a0;cursor:pointer}.paint-cat-unified-control{display:flex;align-items:center;gap:4px}.paint-cat-unified-control input[type=range]{width:80px}.paint-cat-unified-value{font-size:11px;color:#8b92a0;min-width:32px}.paint-cat-shape-label{font-size:12px;color:#8b92a0;display:flex;align-items:center;gap:4px}.paint-cat-shape-label select{background:#0f1115;color:#e4e7eb;border:1px solid #3a3f4a;border-radius:3px;padding:2px 4px;font-size:12px}.paint-cat-opacity-label,.paint-cat-ring-width-label{display:flex;align-items:center;gap:4px;font-size:12px;color:#8b92a0}.paint-cat-opacity-label input[type=range],.paint-cat-ring-width-label input[type=range]{width:80px}.paint-cat-opacity-value,.paint-cat-ring-width-value{font-size:11px;color:#8b92a0;min-width:32px;font-family:monospace}.paint-category-list{padding:4px 0}.paint-category-list:empty{display:none}.paint-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;cursor:pointer;transition:background .2s}.paint-item:hover{background:#2a2f3a}.paint-item.paint-loaded{background:#1a2a1a;border:1px solid #2a4a2a}.paint-checkbox{width:16px;height:16px;cursor:pointer;flex-shrink:0}.paint-color{width:32px;height:32px;border-radius:6px;border:1px solid #3a3f4a;flex-shrink:0}.paint-info{flex:1;min-width:0}.paint-name{font-size:13px;color:#e4e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.paint-values{font-size:11px;color:#8b92a0;margin-top:2px}.paint-size-control{display:flex;align-items:center;gap:6px;flex-shrink:0}.paint-size-control.disabled{opacity:.4}.paint-size-slider{width:60px;cursor:pointer}.paint-size-value{font-size:10px;color:#8b92a0;min-width:32px;text-align:right}#paint-match-bar{display:none;flex:0 0 5%;min-height:44px;align-items:center;gap:12px;padding:6px 12px;background:#1e222a;border-top:1px solid #3a3f4a;border-bottom:1px solid #3a3f4a;flex-shrink:0}#panel-2d[data-active-source=paint] #paint-match-bar{display:flex}.paint-match-btn{padding:6px 20px;background:#e0e0e0;color:#1e222a;border:1px solid #6a6f7a;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;transition:background .2s,color .2s;flex-shrink:0}.paint-match-btn:hover{background:#f0f0f0}.paint-match-btn.active{background:#d0d0d0;color:#c0392b;border-color:#c0392b}.paint-match-threshold-label{display:flex;align-items:center;gap:6px;font-size:12px;color:silver;white-space:nowrap}.paint-match-threshold-label input[type=range]{width:100px}.paint-match-threshold-value{font-size:11px;color:#8b92a0;min-width:32px;font-family:monospace}#paint-match-window{display:none;position:absolute;top:12px;right:12px;width:280px;max-height:80%;flex-direction:column;background:#14161cf2;border:1px solid #ff8822;border-radius:8px;box-shadow:0 6px 24px #0009;z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden}.pmw-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(90deg,#c60,#f82);flex-shrink:0}.pmw-title{color:#fff;font-size:13px;font-weight:700;letter-spacing:1px}.pmw-close{background:transparent;color:#fff;border:none;font-size:20px;cursor:pointer;line-height:1;padding:0 4px;border-radius:4px}.pmw-close:hover{background:#fff3}.pmw-center{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ff88221a;border-bottom:1px solid #3a3f4a;flex-shrink:0}.pmw-center-color{width:28px;height:28px;border-radius:6px;border:1px solid #ff8822;flex-shrink:0}.pmw-center-info{flex:1;min-width:0}.pmw-center-name{font-size:12px;color:#ffd24a;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pmw-center-params{font-size:10px;color:#8b92a0;margin-top:2px;font-family:monospace}.pmw-matches-header{padding:4px 12px;font-size:11px;color:#8b92a0;background:#1a1d24;border-bottom:1px solid #2a2f3a;flex-shrink:0}.pmw-matches-list{flex:1;overflow-y:auto;padding:4px 0}.pmw-match-row{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid #2a2f3a;cursor:pointer;transition:background .15s}.pmw-match-row:hover{background:#ff88221f}.pmw-match-color{width:22px;height:22px;border-radius:4px;border:1px solid #3a3f4a;flex-shrink:0}.pmw-match-info{flex:1;min-width:0}.pmw-match-name{font-size:12px;color:#e4e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pmw-match-params{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px;font-size:10px;color:#8b92a0;font-family:monospace}.pmw-delta-e{color:#ffd24a;font-weight:600}.image-pick-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.image-shape-label{display:flex;align-items:center;gap:4px;font-size:12px;color:#8b92a0}.image-shape-label select{background:#2a2f3a;color:#e4e7eb;border:1px solid #3a3f4a;border-radius:4px;padding:2px 6px;font-size:12px}.image-size-label{display:flex;align-items:center;gap:4px;font-size:12px;color:#8b92a0}.image-size-label input[type=range]{width:80px;cursor:pointer}#image-size-value{font-size:10px;color:#8b92a0;min-width:32px;text-align:right;font-family:monospace}.image-file-row{display:flex;gap:8px;margin-bottom:8px;align-items:center}.btn-close-image{padding:4px 10px;background:#3a1a1a;color:#ff6b6b;border:1px solid #ff4444;border-radius:4px;cursor:pointer;font-size:12px;white-space:nowrap}.btn-close-image:hover{background:#4a2a2a}.btn-clear-marks{padding:4px 10px;background:#1a3a1a;color:#6bff8a;border:1px solid #2fd053;border-radius:4px;cursor:pointer;font-size:12px;white-space:nowrap}.btn-clear-marks:hover{background:#2a4a2a}.image-canvas-wrap{position:relative;display:inline-block;max-width:100%;line-height:0}.image-main-canvas{display:block;max-width:100%;border-radius:6px}.image-overlay-canvas{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair;border-radius:6px}.image-magnifier{position:absolute;display:none;width:140px;height:140px;border:2px solid #4a9eff;border-radius:8px;background:#000;box-shadow:0 4px 16px #0009;pointer-events:none;z-index:20;image-rendering:pixelated}#input-panel .mode-switch{display:flex;gap:4px;margin-bottom:12px}.mode-btn{flex:1;padding:6px;background:#2a2f3a;color:#8b92a0;border:none;border-radius:4px;cursor:pointer;font-size:12px}.mode-btn.active{background:#4a9eff;color:#fff}.input-fields{display:flex;flex-direction:column;gap:8px}.input-group{display:flex;align-items:center;gap:8px}.input-group label{width:24px;font-size:12px;color:#8b92a0}.input-group input[type=range]{flex:1;height:4px;background:#2a2f3a;border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#4a9eff;border-radius:50%;cursor:pointer}.input-group input[type=number]{width:60px;padding:4px 6px;background:#2a2f3a;border:1px solid #3a3f4a;border-radius:4px;color:#e4e7eb;font-size:12px;text-align:right}.color-preview{width:100%;height:32px;margin-top:8px;border-radius:6px;border:1px solid #3a3f4a}#record-panel,#sequence-panel,#image-picks-panel{padding:12px;border-bottom:1px solid #2a2f3a}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panel-header-actions{display:flex;gap:6px}.panel-header h3{font-size:14px;color:#e4e7eb}.btn-save-record,.btn-clear-sequence{padding:6px 12px;background:#4a9eff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px}.record-grid{display:flex;flex-wrap:wrap;gap:6px}.record-block{position:relative;width:28px;height:28px;border-radius:6px;border:1px solid #3a3f4a;cursor:pointer;transition:transform .2s}.record-block:hover{transform:scale(1.1)}.record-del-x{position:absolute;top:-5px;right:-5px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;line-height:1;text-align:center;font-size:12px;font-weight:700;color:#fff;background:#d33;border:1px solid #fff;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .15s;-webkit-user-select:none;user-select:none;box-sizing:border-box;padding:0}.record-block:hover .record-del-x{opacity:1}.record-del-x:hover{background:#f55}.sequence-drop-zone{padding:16px;text-align:center;background:#1e222a;border:2px dashed #3a3f4a;border-radius:6px;color:#8b92a0;font-size:12px;margin-bottom:8px}.sequence-list{list-style:none;display:flex;flex-direction:column;gap:4px}.sequence-item{display:flex;align-items:center;gap:8px;padding:6px;background:#1e222a;border-radius:6px;cursor:pointer;transition:background .2s}.sequence-item:hover{background:#2a2f3a}.seq-index{width:20px;font-size:12px;color:#8b92a0;text-align:center}.seq-color{width:24px;height:24px;border-radius:4px;border:1px solid #3a3f4a;flex-shrink:0}.seq-hex{font-size:12px;color:#e4e7eb;font-family:monospace}.seq-hsv{flex:1;font-size:11px;color:#8b92a0}.seq-actions{display:flex;gap:2px}.seq-actions button{width:24px;height:24px;background:transparent;color:#8b92a0;border:none;border-radius:4px;cursor:pointer;font-size:14px}.seq-actions button:hover{background:#3a3f4a;color:#e4e7eb}#error-overlay{position:fixed;top:20px;left:20px;right:20px;background:#2a1a1a;color:#fff;padding:16px;border-radius:8px;border:1px solid #ff4444;z-index:99999;font-family:monospace;font-size:13px;white-space:pre-wrap}.size-slider-label{color:#8b92a0;font-size:12px;white-space:nowrap}.bg-select{background:#0f1115;color:#e4e7eb;border:1px solid #3a3f4a;border-radius:4px;padding:3px 6px;font-size:12px;cursor:pointer}.size-slider{width:80px;vertical-align:middle}#marker-size-value{color:#4a9eff;font-size:12px;font-family:monospace;min-width:24px;display:inline-block}.clear-btn{padding:6px 12px;background:#3a1a1a;color:#ff6b6b;border:1px solid #ff4444;border-radius:4px;cursor:pointer;font-size:12px;white-space:nowrap}.clear-btn:hover{background:#4a2a2a}.cloud-tooltip{position:fixed;display:none;background:#1e222af2;color:#e4e7eb;padding:8px 12px;border-radius:6px;border:1px solid #3a3f4a;font-size:12px;pointer-events:none;z-index:10000;white-space:nowrap;box-shadow:0 4px 12px #00000080}.cloud-tooltip .tooltip-name{font-weight:700;color:#4a9eff;margin-bottom:2px}.cloud-tooltip .tooltip-hex{font-family:monospace;color:#e4e7eb}.cloud-tooltip .tooltip-lab{font-family:monospace;color:#8b92a0;font-size:11px;margin-top:2px}.cloud-tooltip .tooltip-source{color:#8b92a0;font-size:11px;margin-top:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1d24}::-webkit-scrollbar-thumb{background:#3a3f4a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4f5a}.toggle-btn{padding:4px 10px;background:#2a2f3a;color:#8b92a0;border:1px solid #3a3f4a;border-radius:4px;cursor:pointer;font-size:12px;white-space:nowrap;transition:all .15s}.toggle-btn:hover{background:#3a3f4a;color:#e4e7eb}.toggle-btn.active{background:#4a9eff;color:#fff;border-color:#4a9eff}.marker-ctrl-template{display:flex;flex-direction:column;gap:4px;padding:4px 0}.marker-ctrl-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.marker-ctrl-label{font-size:12px;color:#c4c9d3;font-weight:600;min-width:60px}.mc-shape-label,.mc-size-label,.mc-slider-label,.mc-color-label{display:flex;align-items:center;gap:4px;font-size:11px;color:#8b92a0}.mc-shape-label select,.mc-color-label select{background:#0f1115;color:#e4e7eb;border:1px solid #3a3f4a;border-radius:3px;padding:2px 4px;font-size:11px}.mc-shape-label select,.mc-color-label select{font-size:12px}.marker-ctrl-template input[type=range]{width:70px;vertical-align:middle}.mc-size-value,.mc-ring-thickness-value,.mc-ring-width-value,.mc-ring-opacity-value{font-size:10px;color:#8b92a0;min-width:28px}.spline-ctrl-template{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 0}.spline-ctrl-label{font-size:12px;color:#c4c9d3;font-weight:600;min-width:60px}.sc-slider-label{display:flex;align-items:center;gap:4px;font-size:11px;color:#8b92a0}.sc-slider-label input[type=range]{width:70px}.sc-thickness-value,.sc-opacity-value{font-size:10px;color:#8b92a0;min-width:28px}.picker-display-toggle{margin-top:8px;padding:6px 0;font-size:12px;color:#8b92a0}.picker-display-toggle label{display:flex;align-items:center;gap:6px;cursor:pointer}.display-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.display-list-wrap{max-height:240px;overflow-y:auto}.display-list-wrap.drag-over{background:#4a9eff14;border-radius:6px;outline:1px dashed #4a9eff}.display-list{display:flex;flex-direction:column;gap:2px}.display-row{display:flex;align-items:center;gap:6px;padding:2px 6px;background:#1e222a;border:1px solid #2a2f3a;border-radius:4px;cursor:grab;transition:border-color .15s}.display-row:hover{border-color:#4a9eff}.display-row:active{cursor:grabbing}.display-sort-btns{display:flex;flex-direction:row;gap:1px;flex-shrink:0}.sort-btn{width:18px;height:18px;background:transparent;color:#8b92a0;border:none;border-radius:3px;cursor:pointer;font-size:10px;line-height:1;padding:0;transition:all .15s}.sort-btn:hover:not(:disabled){background:#3a3f4a;color:#e4e7eb}.sort-btn:disabled{opacity:.3;cursor:default}.display-swatch{width:18px;height:18px;border-radius:3px;border:1px solid #3a3f4a;cursor:pointer;flex-shrink:0}.display-hex{font-size:11px;color:#e4e7eb;font-family:monospace;flex-shrink:0}.display-hsv{font-size:10px;color:#8b92a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.display-value{font-size:10px;color:#8b92a0;font-family:monospace;white-space:nowrap;flex-shrink:0}.display-row.display-linked .display-value{color:#ff3b3b;font-weight:600}.display-sep{color:#3a3f4a;font-size:10px;flex-shrink:0;-webkit-user-select:none;user-select:none}.display-del-icon{color:#d33;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;width:14px;text-align:center;line-height:1;opacity:.6;transition:opacity .15s,color .15s}.display-del-icon:hover{opacity:1;color:#f55}.display-drag-handle{color:#3a3f4a;font-size:12px;cursor:grab;-webkit-user-select:none;user-select:none;padding:0 2px;flex-shrink:0}.display-empty{padding:12px;text-align:center;color:#8b92a0;font-size:12px}