:root{--bg-app: #161619;--bg-panel: #1e1e22;--bg-panel-raised: #26262c;--bg-control: #2e2e35;--bg-control-hover: #383841;--bg-viewport: #0b0b0e;--border: #303038;--border-strong: #3d3d47;--text: #d6d6dc;--text-dim: #8b8b96;--text-faint: #5c5c66;--accent: #6e8bff;--accent-dim: #4a5db3;--accent-text: #aabaff;--danger: #ff5c5c;--ok: #4cd97b;--control-h: 24px;--font-ui: 12px;--font-small: 11px;--radius: 4px;font-family:Inter,SF Pro Text,-apple-system,Segoe UI,system-ui,sans-serif;font-size:var(--font-ui);color:var(--text);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden;background:var(--bg-app);user-select:none;-webkit-user-select:none}.app{display:grid;grid-template-rows:28px 34px 1fr 220px 22px;grid-template-columns:220px 1fr 240px;grid-template-areas:"menubar  menubar  menubar" "toolbar  toolbar  toolbar" "left     viewport right" "timeline timeline timeline" "status   status   status";height:100%;gap:1px;background:var(--border)}.menubar{grid-area:menubar}.toolbar{grid-area:toolbar}.panel-left{grid-area:left}.viewport{grid-area:viewport}.panel-right{grid-area:right}.timeline{grid-area:timeline}.statusbar{grid-area:status}.panel{background:var(--bg-panel);display:flex;flex-direction:column;min-height:0;min-width:0}.panel-header{height:26px;flex:none;display:flex;align-items:center;padding:0 8px;font-size:var(--font-small);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border)}.panel-body{flex:1;overflow-y:auto;min-height:0}.menubar{background:var(--bg-panel);display:flex;align-items:center;padding:0 6px}.menubar .brand{font-weight:700;font-size:12px;color:var(--accent-text);padding:0 10px 0 4px;letter-spacing:.06em}.menubar-trigger{all:unset;padding:3px 9px;border-radius:var(--radius);font-size:var(--font-ui);color:var(--text);cursor:default}.menubar-trigger[data-state=open],.menubar-trigger:hover{background:var(--bg-control-hover)}.menu-content{min-width:200px;background:var(--bg-panel-raised);border:1px solid var(--border-strong);border-radius:6px;padding:4px;box-shadow:0 8px 24px #00000080;z-index:100}.menu-item{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:4px 8px;border-radius:var(--radius);font-size:var(--font-ui);color:var(--text);cursor:default;outline:none}.menu-item[data-highlighted]{background:var(--accent-dim);color:#fff}.menu-item[data-disabled]{color:var(--text-faint)}.menu-shortcut{font-size:var(--font-small);color:var(--text-faint)}.menu-separator{height:1px;background:var(--border);margin:4px 6px}.toolbar{background:var(--bg-panel);display:flex;align-items:center;gap:4px;padding:0 8px}.tool-group{display:flex;gap:2px;padding:0 6px;border-right:1px solid var(--border);height:100%;align-items:center}.tool-btn{all:unset;height:var(--control-h);min-width:var(--control-h);padding:0 7px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:var(--radius);font-size:var(--font-ui);color:var(--text-dim);cursor:default}.tool-btn:hover{background:var(--bg-control-hover);color:var(--text)}.tool-btn[data-active=true]{background:var(--accent-dim);color:#fff}.list-item{display:flex;align-items:center;gap:8px;padding:4px 8px;font-size:var(--font-ui);cursor:default;border-left:2px solid transparent}.list-item:hover{background:var(--bg-panel-raised)}.list-item[data-selected=true]{background:var(--bg-control);border-left-color:var(--accent)}.list-item .time{margin-left:auto;color:var(--text-faint);font-size:var(--font-small);font-variant-numeric:tabular-nums}.swatch{width:8px;height:8px;border-radius:2px;flex:none}.prop-row{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:8px;padding:3px 10px}.prop-label{font-size:var(--font-small);color:var(--text-dim)}.prop-value{font-size:var(--font-ui);font-variant-numeric:tabular-nums;color:var(--text);background:var(--bg-control);border:1px solid var(--border);border-radius:var(--radius);height:22px;display:flex;align-items:center;padding:0 6px;overflow:hidden;white-space:nowrap}.section-title{padding:8px 10px 4px;font-size:var(--font-small);font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em}.prop-input{font-size:var(--font-ui);font-variant-numeric:tabular-nums;color:var(--text);background:var(--bg-control);border:1px solid var(--border);border-radius:var(--radius);height:22px;padding:0 6px;width:100%;outline:none}.prop-input:focus{border-color:var(--accent-dim)}.issue-item{display:flex;gap:8px;padding:4px 10px;font-size:var(--font-small);cursor:default;border-left:2px solid transparent;align-items:baseline}.issue-item:hover{background:var(--bg-panel-raised)}.issue-item[data-severity=error]{border-left-color:var(--danger)}.issue-item[data-severity=warning]{border-left-color:#e8b53f}.issue-time{color:var(--accent-text);font-variant-numeric:tabular-nums;flex:none}.issue-msg{color:var(--text-dim)}.issue-drones{color:var(--text-faint)}.fx-add{margin-left:auto;background:var(--bg-control);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--font-small);height:18px;text-transform:none;letter-spacing:normal;font-weight:400}select.prop-input{appearance:auto}.ctx-menu{position:fixed;z-index:200;min-width:150px;background:var(--bg-panel-raised);border:1px solid var(--border-strong);border-radius:6px;padding:4px;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column}.ctx-menu button{all:unset;padding:5px 10px;border-radius:var(--radius);font-size:var(--font-ui);color:var(--text);cursor:default}.ctx-menu button:hover{background:var(--accent-dim);color:#fff}.ctx-menu button.danger:hover{background:#7d2f2f}.layer-toggle{all:unset;width:16px;height:14px;text-align:center;font-size:9px;border-radius:3px;color:var(--text-faint);background:var(--bg-control);cursor:default}.layer-toggle[data-on=true]{background:var(--accent-dim);color:#fff}.system-phase{color:var(--text-dim);background:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(255,255,255,.02) 5px,rgba(255,255,255,.02) 10px);border-left:2px solid var(--border-strong)}.system-phase .phase-icon{color:var(--text-faint);font-size:9px;width:10px;text-align:center}.system-phase .phase-lock{font-size:8px;opacity:.45;margin-left:4px}.system-phase[data-selected=true]{background:var(--bg-control);border-left-color:var(--accent);color:var(--text)}.modal-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:300}.modal{background:var(--bg-panel-raised);border:1px solid var(--border-strong);border-radius:8px;width:320px;box-shadow:0 12px 40px #0009;overflow:hidden}.modal-title{padding:12px 16px;font-weight:600;font-size:13px;border-bottom:1px solid var(--border)}.modal-body{padding:16px}.modal-field{display:flex;flex-direction:column;gap:6px;font-size:var(--font-ui);color:var(--text)}.modal-field input,.modal-field textarea{height:30px;background:var(--bg-control);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:0 8px;font-size:14px;outline:none}.modal-field textarea{height:auto;min-height:54px;padding:6px 8px}.modal-field input:focus,.modal-field textarea:focus{border-color:var(--accent-dim)}.modal-hint{margin-top:10px;font-size:11px;color:var(--text-faint);line-height:1.4}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}.modal-actions .tool-btn{height:28px;padding:0 14px}.modal-primary{background:var(--accent-dim);color:#fff}.modal-primary:hover{background:var(--accent)}.viewport{background:var(--bg-viewport);position:relative;min-width:0;min-height:0}.viewport canvas{display:block;outline:none}.viewport-hud{position:absolute;top:8px;left:10px;font-size:var(--font-small);color:var(--text-dim);pointer-events:none;display:flex;flex-direction:column;gap:2px}.viewport-hud .big{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.timeline{background:var(--bg-panel);display:flex;flex-direction:column;min-height:0}.transport{height:30px;flex:none;display:flex;align-items:center;gap:6px;padding:0 8px;border-bottom:1px solid var(--border)}.transport .timecode{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;color:var(--accent-text);background:var(--bg-control);border-radius:var(--radius);padding:2px 8px;margin-right:6px}.timeline-canvas-wrap{flex:1;min-height:0;overflow:hidden;position:relative}.timeline-canvas-wrap canvas{display:block}.statusbar{background:var(--bg-panel);display:flex;align-items:center;gap:16px;padding:0 10px;font-size:var(--font-small);color:var(--text-dim)}.statusbar .spacer{flex:1}.statusbar .ok{color:var(--ok)}.statusbar .busy{color:var(--accent, #45a8ff);animation:aura-pulse 1s ease-in-out infinite}@keyframes aura-pulse{0%,to{opacity:1}50%{opacity:.45}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--bg-control);border-radius:5px;border:2px solid var(--bg-panel)}::-webkit-scrollbar-thumb:hover{background:var(--bg-control-hover)}