:root{--color-bg:#222;--color-panel:#2a2a2a;--color-panel-border:#373737;--color-text:#e4e4e7;--color-text-muted:#8b8b92;--color-accent:#3b9eff;--color-accent-text:#fff;--color-selected:#3b9eff;--color-handle:#fff;--color-handle-stroke:#000;--color-segment-line:#fff;--color-label-bg:#fff;--color-label-text:#111;--color-danger:#ff5c5c;--color-input-bg:#373737;--color-track:#ffffff1a;--color-track-fill:#ffffff40;--color-thumb:#f9f9f9;--color-thumb-shadow:transparent;--color-toggle-group-bg:#ffffff0d;--color-toggle-active-bg:#ffffff14;--color-text-dim:#ffffff91;--color-heading:#ffffffe6;--color-hover:#ffffff1a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:20px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}:root[data-theme=light]{--color-bg:#ececee;--color-panel:#f7f7f8;--color-panel-border:#e0e0e3;--color-text:#27272b;--color-text-muted:#77777f;--color-danger:#e5484d;--color-input-bg:#e6e6ea;--color-track:#00000014;--color-track-fill:#0000003d;--color-thumb:#fff;--color-thumb-shadow:#00000059;--color-toggle-group-bg:#0000000d;--color-toggle-active-bg:#fff;--color-text-dim:#0000008c;--color-heading:#000000e0;--color-hover:#0000000f}*{box-sizing:border-box;interpolate-size:allow-keywords}html,body{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:13px}button{font-family:inherit}.button{border-radius:var(--radius-sm);background:var(--color-toggle-group-bg);width:100%;height:24px;color:var(--color-text);white-space:nowrap;cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-family:inherit;font-size:12px;line-height:1;transition:opacity .12s;display:flex}.button:hover:not(:disabled),.button.is-active{opacity:.9}.button:disabled{opacity:.5;cursor:not-allowed}.button-row{align-items:stretch;gap:6px;display:flex}.button-row>.button{flex:1;min-width:0}.control-label{color:var(--color-text);margin:6px 0 2px;font-size:12px;display:block}.select{border-radius:var(--radius-sm);background:var(--color-toggle-group-bg);height:24px;color:var(--color-text);cursor:pointer;border:none;flex-shrink:0;padding:0 4px;font-family:inherit;font-size:12px;transition:opacity .12s}.select:hover{opacity:.8}.popup{z-index:100;background:var(--color-panel);border:1px solid var(--color-panel-border);border-radius:8px;position:fixed;overflow:hidden;box-shadow:0 4px 12px #0003}.popup-header{border-bottom:1px solid var(--color-panel-border);color:var(--color-text);padding:8px 12px 9px;font-size:12px;font-weight:500}.popup-body{flex-direction:column;gap:2px;padding:8px 12px 12px;display:flex}