:root{--pa-bg: #04060d;--pa-bg-raised: #0a0e1a;--pa-bg-panel: #0d1220;--pa-bg-inset: #070b14;--pa-border: #1c2436;--pa-border-soft: #141b2b;--pa-text: #e6e9f2;--pa-text-dim: #8b93a7;--pa-primary: #8b5cf6;--pa-primary-hi: #a78bfa;--pa-primary-soft: rgba(139, 92, 246, .18);--pa-accent: #fbbf24;--pa-accent-hi: #fcd34d;--pa-accent-soft: rgba(251, 191, 36, .16);--pa-status: #4dd2c0;--pa-danger: #f87171;--pa-radius-s: 6px;--pa-radius-m: 10px;--pa-space-1: 4px;--pa-space-2: 8px;--pa-space-3: 12px;--pa-space-4: 16px;--pa-font-ui: "Segoe UI", system-ui, -apple-system, sans-serif;--pa-font-mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace;--pa-motion-fast: .12s ease}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--pa-bg);color:var(--pa-text);font-family:var(--pa-font-ui);font-size:13px}#app{display:flex;flex-direction:column;height:100vh}button{background:var(--pa-bg-panel);color:var(--pa-text);border:1px solid var(--pa-border);border-radius:var(--pa-radius-s);padding:5px 10px;cursor:pointer;font:inherit;transition:border-color var(--pa-motion-fast),background var(--pa-motion-fast)}button:hover{border-color:var(--pa-primary);background:var(--pa-primary-soft)}button.accent{border-color:var(--pa-accent);color:var(--pa-accent-hi)}button.accent:hover{background:var(--pa-accent-soft)}button.mini{padding:0 8px;line-height:18px}input,select{background:var(--pa-bg-inset);color:var(--pa-text);border:1px solid var(--pa-border);border-radius:var(--pa-radius-s);padding:4px 6px;font:inherit;width:100%}input[type=color]{padding:1px;height:26px;width:34px;cursor:pointer}input[type=number]{width:62px}.mono{font-family:var(--pa-font-mono)}#topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--pa-space-2) var(--pa-space-3);background:var(--pa-bg-raised);border-bottom:1px solid var(--pa-border)}.brand{display:flex;align-items:center;gap:var(--pa-space-2)}.logo-mark{width:18px;height:18px;border-radius:5px;background:linear-gradient(135deg,var(--pa-primary) 55%,var(--pa-accent) 55%)}.logo-text{font-weight:700;font-size:15px;letter-spacing:.2px}.logo-text em{font-style:normal;color:var(--pa-primary-hi)}.badge{font-family:var(--pa-font-mono);font-size:10px;color:var(--pa-status);border:1px solid var(--pa-border);border-radius:999px;padding:1px 7px}.top-actions{display:flex;gap:var(--pa-space-2);align-items:center}.sep{width:1px;height:20px;background:var(--pa-border)}#workspace{display:flex;flex:1;min-height:0}#toolbar{width:52px;display:flex;flex-direction:column;align-items:center;gap:var(--pa-space-2);padding:var(--pa-space-3) 0;background:var(--pa-bg-raised);border-right:1px solid var(--pa-border)}#toolbar .tool{width:36px;height:36px;font-size:16px;padding:0}#toolbar .tool.active{border-color:var(--pa-accent);color:var(--pa-accent-hi);background:var(--pa-accent-soft)}.tool-props{margin-top:var(--pa-space-3);display:flex;flex-direction:column;align-items:center;gap:var(--pa-space-2);padding-top:var(--pa-space-3);border-top:1px solid var(--pa-border-soft)}.tool-props input[type=number]{width:38px;padding:3px 4px}#stage-wrap{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,rgba(139,92,246,.07),transparent 60%),var(--pa-bg);overflow:auto;padding:var(--pa-space-4)}#stage-container{background:#070b14;border-radius:2px}#transport #onion-range{width:44px;padding:3px 4px}#transport .on{border-color:var(--pa-accent);color:var(--pa-accent-hi);background:var(--pa-accent-soft)}#sidebar{width:220px;background:var(--pa-bg-raised);border-left:1px solid var(--pa-border);overflow-y:auto;display:flex;flex-direction:column}.panel{padding:var(--pa-space-3);border-bottom:1px solid var(--pa-border-soft)}.panel h2{margin:0 0 var(--pa-space-2);font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--pa-text-dim);display:flex;justify-content:space-between;align-items:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--pa-space-2)}.grid2 label,label.row{display:flex;align-items:center;gap:6px;color:var(--pa-text-dim)}label.row{margin-top:var(--pa-space-2)}.row.gap{display:flex;gap:var(--pa-space-2)}.hint{color:var(--pa-text-dim);font-size:11px;margin:var(--pa-space-2) 0 0}#timeline-zone{border-top:1px solid var(--pa-border);background:var(--pa-bg-raised);display:flex;flex-direction:column}#transport{display:flex;align-items:center;gap:var(--pa-space-2);padding:var(--pa-space-2) var(--pa-space-3);border-bottom:1px solid var(--pa-border-soft)}#frame-readout{color:var(--pa-text-dim);font-size:12px;min-width:70px}.transport-spacer{flex:1}.hint-inline{color:var(--pa-text-dim);font-size:10px}#timeline-scroll{overflow:auto;max-height:220px;min-height:76px}#timeline{display:block;touch-action:none}#footer{display:flex;justify-content:space-between;padding:5px var(--pa-space-3);font-size:11px;color:var(--pa-text-dim);background:var(--pa-bg);border-top:1px solid var(--pa-border-soft)}.footer-right{display:flex;gap:var(--pa-space-3)}#footer a{color:var(--pa-status);text-decoration:none}#footer a:hover{text-decoration:underline}