#ds-overlay,#ds-panel,#d-settings-btn{display:none}@media (hover: hover) and (pointer: fine){#t{display:none}#d-settings-btn{display:inline-block}#ds-overlay{display:block;position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9990;opacity:0;pointer-events:none;transition:opacity .3s ease}#ds-overlay.open{opacity:1;pointer-events:auto}#ds-panel{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;width:min(380px,90vw);background:var(--bg);border-left:1px solid var(--border);z-index:9991;transform:translate(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);box-shadow:-4px 0 24px #0006;font-family:JetBrains Mono,monospace}#ds-panel.open{transform:translate(0)}.ds-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.ds-header-title{font-size:.85rem;font-weight:700;color:var(--fg)}#ds-close{background:none;border:none;color:var(--muted);font-size:1rem;cursor:pointer;padding:4px 8px;transition:color .15s}#ds-close:hover{color:var(--fg)}.ds-body{flex:1;overflow-y:auto;scrollbar-width:none;padding-bottom:20px}.ds-body::-webkit-scrollbar{display:none}.ds-section{padding:16px 0 12px}.ds-section+.ds-section{border-top:1px solid var(--border)}.ds-title{padding:0 20px 10px;font-size:.65rem;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;user-select:none}.ds-themes{display:flex;flex-wrap:wrap;gap:12px;padding:4px 20px}.ds-theme-dot{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),border-color .2s,box-shadow .2s;position:relative;background:none;padding:0;outline:none}.ds-theme-dot:hover{transform:scale(1.25)}.ds-theme-dot:active{transform:scale(.9)}.ds-theme-dot.active{border-color:var(--fg);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--fg)}.ds-theme-dot .ds-dot-inner{width:100%;height:100%;border-radius:50%;display:block}.ds-theme-dot .ds-dot-label{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:var(--fg);color:var(--bg);font-size:.6rem;padding:3px 8px;border-radius:5px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s cubic-bezier(.175,.885,.32,1.275)}.ds-theme-dot:hover .ds-dot-label{opacity:1;transform:translate(-50%) translateY(0)}.ds-seg{display:flex;margin:0 20px 12px;background:var(--border);border-radius:8px;padding:3px;gap:2px}.ds-seg button{flex:1;background:none;border:none;font:inherit;font-size:.75rem;color:var(--muted);padding:8px 0;cursor:pointer;border-radius:6px;transition:background .25s,color .2s,box-shadow .25s}.ds-seg button:hover{color:var(--fg)}.ds-seg button.active{background:var(--bg);color:var(--fg);box-shadow:0 1px 4px #0000002e}.ds-presets{display:flex;flex-wrap:wrap;gap:6px;padding:0 20px 4px}.ds-preset{background:none;border:1px solid var(--border);color:var(--muted);font:inherit;font-size:.72rem;padding:6px 14px;border-radius:14px;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.ds-preset:hover{color:var(--fg);border-color:var(--fg);transform:translateY(-1px)}.ds-preset:active{transform:scale(.93) translateY(0)}.ds-preset.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.ds-preset-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;vertical-align:middle;flex-shrink:0}.ds-preset-dot-none{background:none;border:1px dashed var(--muted);opacity:.5}.ds-preset.active .ds-preset-dot-none{border-color:var(--bg);opacity:.7}.ds-preset-rand{border-style:dashed;font-size:.85rem;min-width:28px;padding:3px 8px}.ds-sliders{padding:0 20px 6px;transition:opacity .15s ease}.ds-group-label{font-size:.62rem;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:14px 0 8px;opacity:.8}.ds-group-label:first-child{margin-top:0}.ds-empty{font-size:.75rem;color:var(--muted);opacity:.5;padding:16px 0;text-align:center}.ds-slider-row,.ds-control-row{display:flex;align-items:center;gap:12px;margin-bottom:10px;min-height:28px}.ds-slider-label{font-size:.68rem;color:var(--muted);width:82px;flex-shrink:0;text-align:left}.ds-slider-val{font-size:.68rem;color:var(--accent);width:34px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums;cursor:text;border-radius:4px;padding:2px 4px;transition:background .15s}.ds-slider-val:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.ds-slider-val-input{font:inherit;font-size:.68rem;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid var(--accent);border-radius:4px;width:34px;text-align:right;padding:2px 4px;outline:none;flex-shrink:0;font-variant-numeric:tabular-nums}.ds-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.ds-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s;box-shadow:0 0 0 3px var(--bg)}.ds-slider::-webkit-slider-thumb:hover{transform:scale(1.3);box-shadow:0 0 0 3px var(--bg),0 0 12px var(--accent)}.ds-slider::-webkit-slider-thumb:active{transform:scale(1.05)}.ds-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:3px solid var(--bg);cursor:pointer}.ds-mini-seg{display:flex;flex:1;background:var(--border);border-radius:6px;padding:2px;gap:2px}.ds-mini-seg button{flex:1;background:none;border:none;font:inherit;font-size:.65rem;color:var(--muted);padding:6px 4px;cursor:pointer;border-radius:4px;transition:background .25s,color .2s,box-shadow .25s;white-space:nowrap}.ds-mini-seg button:hover{color:var(--fg)}.ds-mini-seg button:active{transform:scale(.94)}.ds-mini-seg button.active{background:var(--bg);color:var(--accent);box-shadow:0 1px 3px #0000001f}.ds-toggle{width:38px;height:20px;border-radius:10px;border:none;background:var(--border);cursor:pointer;position:relative;padding:0;transition:background .3s;outline:none;flex-shrink:0}.ds-toggle:active{transform:scale(.92)}.ds-toggle.active{background:var(--accent)}.ds-toggle-knob{display:block;width:16px;height:16px;border-radius:50%;background:var(--fg);position:absolute;top:2px;left:2px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background .2s}.ds-toggle.active .ds-toggle-knob{transform:translate(18px);background:var(--bg)}.ds-trail-sub{padding-left:12px;margin-top:4px}}