: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:hidden}#stage-container{background:#070b14}#stage-container,#stage-container canvas{touch-action:none}#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}.pa-ctx-menu{position:fixed;z-index:200;min-width:190px;padding:var(--pa-space-1);background:var(--pa-bg-panel);border:1px solid var(--pa-border);border-radius:var(--pa-radius-s);box-shadow:0 10px 34px #0000008c;font:12px var(--pa-font-ui);user-select:none}.pa-ctx-item{display:flex;justify-content:space-between;align-items:center;gap:var(--pa-space-4);width:100%;padding:6px 10px;background:none;border:0;border-radius:var(--pa-radius-s);color:var(--pa-text);font:inherit;text-align:left;cursor:pointer}.pa-ctx-item:hover:not(:disabled){background:var(--pa-primary-soft);color:var(--pa-primary-hi)}.pa-ctx-item:disabled{color:var(--pa-text-dim);opacity:.5;cursor:default}.pa-ctx-sc{color:var(--pa-text-dim);font-family:var(--pa-font-mono);font-size:10px}.pa-ctx-sep{height:1px;margin:var(--pa-space-1) 6px;background:var(--pa-border-soft)}#panel-scrim,.panel-fab{display:none}@media (max-width: 720px){#workspace{position:relative}#sidebar{position:absolute;top:0;right:0;bottom:0;width:min(300px,86vw);z-index:60;transform:translate(100%);transition:transform .18s ease;box-shadow:-12px 0 34px #0000008c}body.panel-open #sidebar{transform:translate(0)}#panel-scrim{display:block;position:absolute;inset:0;z-index:55;background:#04060d80;opacity:0;pointer-events:none;transition:opacity .18s ease}body.panel-open #panel-scrim{opacity:1;pointer-events:auto}.panel-fab{display:inline-flex;align-items:center;justify-content:center;position:fixed;top:52px;right:10px;z-index:70;width:40px;height:40px;padding:0;font-size:18px;border-radius:999px;background:var(--pa-bg-panel);border:1px solid var(--pa-primary);color:var(--pa-primary-hi);box-shadow:0 6px 18px #00000080}body.panel-open .panel-fab{border-color:var(--pa-accent);color:var(--pa-accent-hi)}#topbar{overflow:hidden}.top-actions{overflow-x:auto;scrollbar-width:none}.top-actions::-webkit-scrollbar{display:none}.hint-inline{display:none}#footer{font-size:10px}}