:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050608;--panel:#101318;--panel-2:#151922;--panel-3:#0c1015;--border:#252b34;--border-strong:#39414c;--text:#e5e0d6;--muted:#858c93;--muted-2:#5e6670;--accent:#c47d31;--accent-2:#e1a653;--danger:#a75b55;--success:#9aaa78;--shadow:#0000008c}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);letter-spacing:0;margin:0;font-family:SFMono-Regular,Roboto Mono,Cascadia Mono,Menlo,monospace}button,input,select,textarea{font:inherit}button{color:inherit}.app-shell{background:linear-gradient(90deg,#ffffff05 1px,#0000 1px) 0 0/18px 18px,linear-gradient(#080a0e 0%,#050608 54%,#030405 100%);min-height:100vh;padding-bottom:136px}.topbar{z-index:30;border-bottom:1px solid var(--border);height:34px;box-shadow:0 2px 18px var(--shadow);background:#07090cf0;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:0 12px;display:grid;position:sticky;top:0}.brand,.stage-nav,.top-status,.button-row,.shot-actions,.shot-meta,.timeline-actions,.timeline-title,.modal-actions,.preset-row,.contact-header,.rule-top,.checkline,.idea-head{align-items:center;display:flex}.brand{text-transform:uppercase;color:#d8d4c8;white-space:nowrap;gap:8px;font-size:11px;font-weight:800}.stage-nav{scrollbar-width:none;gap:6px;min-width:0;overflow-x:auto}.stage-tab,.compact-button{border:1px solid var(--border-strong);color:#c7c1b6;cursor:pointer;text-transform:uppercase;white-space:nowrap;background:linear-gradient(#171b22,#0f1217);min-height:23px}.stage-tab{padding:2px 10px;font-size:10px}.stage-tab.active,.compact-button.accent{color:#f0d3a5;background:linear-gradient(#7e4d1fb8,#4a2f1ad1);border-color:#e1a653d1}.top-status{color:var(--muted-2);text-transform:uppercase;justify-content:flex-end;font-size:9px}.workspace{grid-template-columns:minmax(285px,.9fr) minmax(320px,1fr) minmax(360px,1.45fr);gap:8px;height:calc(100vh - 170px);min-height:610px;padding:10px 12px;display:grid}.right-stack{grid-template-rows:minmax(0,1.15fr) minmax(0,.85fr);gap:8px;min-width:0;display:grid}.panel{border:1px solid var(--border);background:#0f1218f0;min-height:0;overflow:auto;box-shadow:inset 0 0 0 1px #ffffff05,0 12px 32px #00000038}.panel-header{z-index:2;border-bottom:1px solid var(--border);color:#b5b7b4;text-transform:uppercase;background:#12161dfa;align-items:center;gap:7px;height:28px;padding:0 10px;font-size:10px;font-weight:800;display:flex;position:sticky;top:0}.panel-index,.beat-index,.timeline-count{min-width:22px;height:18px;color:var(--accent-2);border:1px solid #c47d318c;place-items:center;font-size:10px;line-height:1;display:inline-grid}.settings-panel,.world-panel,.ideas-panel,.script-panel,.shot-production-panel{padding:0 10px 12px}.field-label{color:var(--muted-2);text-transform:uppercase;margin:13px 0 5px;font-size:9px;font-weight:800;display:block}.field-grid.two{grid-template-columns:1fr 1fr;gap:8px;display:grid}.select,.input,.textarea{color:#dedbd1;background:#080b10;border:1px solid #222a33;outline:none;width:100%}.select,.input{height:28px;padding:0 8px;font-size:10px}.textarea{resize:vertical;min-height:42px;padding:8px;font-size:10px;line-height:1.45}.textarea:focus,.input:focus,.select:focus{border-color:#e1a653ad;box-shadow:0 0 0 1px #e1a6531a}.segmented{border:1px solid var(--border);grid-template-columns:repeat(5,1fr);display:grid}.segment{border:0;border-right:1px solid var(--border);height:26px;color:var(--muted);cursor:pointer;background:#0b0e13;font-size:10px}.segment:last-child{border-right:0}.segment.active{color:var(--accent-2);background:#37281a}.compact-button{justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:10px;display:inline-flex}.compact-button:disabled{cursor:not-allowed;opacity:.42}.compact-button.danger{color:#d89a94;border-color:#a75b556b}.compact-button.icon-only{width:24px;padding:0}.button-row{flex-wrap:wrap;gap:7px;margin-top:10px}.sticky-actions{z-index:2;border-bottom:1px solid var(--border);background:#0f1218f5;margin:0 -10px 8px;padding:8px 10px;position:sticky;top:28px}.preset-row{gap:6px;margin:9px 0}.rule-list,.idea-list,.beat-list{gap:8px;display:grid}.rule-card,.idea-card,.beat-card,.shot-card{border:1px solid var(--border);background:#0d1015db}.rule-card{padding:8px}.rule-card.disabled,.beat-card.disabled{opacity:.48}.rule-top{justify-content:space-between;gap:8px;margin-bottom:6px}.checkline{color:#c9c5bb;text-transform:uppercase;gap:7px;font-size:10px;font-weight:800}.checkline input{width:12px;height:12px;accent-color:var(--accent)}.title-input{text-transform:uppercase;color:var(--accent-2);margin-bottom:6px}.ideas-panel,.script-panel{padding-bottom:10px}.idea-card{text-align:left;cursor:pointer;width:100%;padding:10px;display:block}.idea-card.selected{background:#251d16d1;border-color:#e1a653bd}.idea-head{color:var(--accent-2);justify-content:space-between;font-size:10px;font-weight:800}.idea-card h3{color:#e1ddd2;text-transform:uppercase;margin:7px 0 5px;font-size:12px}.idea-card p,.idea-card dd{color:#aeb1ad;margin:0;font-size:10px;line-height:1.42}.idea-card dl{grid-template-columns:112px 1fr;gap:5px 8px;margin:9px 0 0;display:grid}.idea-card dt{color:var(--muted-2);text-transform:uppercase;font-size:9px}.empty-panel,.empty-shots,.timeline-empty{min-height:90px;color:var(--muted-2);text-transform:uppercase;border:1px dashed #2d3540;place-items:center;font-size:10px;display:grid}.beat-card{grid-template-columns:34px 1fr;gap:8px;padding:8px;display:grid}.beat-body{min-width:0}.textarea.compact{min-height:58px;margin-top:6px}.function-tag,.ref-pill{height:18px;color:var(--success);text-transform:uppercase;border:1px solid #9aaa7880;align-items:center;margin-top:6px;padding:0 6px;font-size:9px;display:inline-flex}.shots-workspace{grid-template-columns:minmax(0,1fr) 310px;gap:8px;padding:10px 12px 0;display:grid}.shot-production-panel{min-height:calc(100vh - 180px);max-height:calc(100vh - 180px)}.shot-toolbar{align-items:center;gap:12px;margin:10px 0;display:flex}.prompt-structure{color:var(--muted-2);font-size:9px}.empty-shots{gap:8px;min-height:380px}.shot-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px;display:grid}.shot-card{min-width:0;padding:7px}.shot-title-row{min-height:22px;color:var(--accent-2);text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:800;display:flex}.shot-title-row span:nth-child(2){color:#b8b4aa;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shot-image{aspect-ratio:16/9;cursor:zoom-in;background:#050607;border:1px solid #202731;place-items:center;width:100%;margin:3px 0 7px;padding:0;display:grid;overflow:hidden}.shot-image img,.timeline-card img,.contact-frame img,.image-modal img{object-fit:cover;width:100%;height:100%;display:block}.shot-image.empty{cursor:default;color:var(--muted-2)}.shot-image.empty span{text-transform:uppercase;align-items:center;gap:6px;font-size:10px;display:flex}.prompt-box{min-height:96px}.shot-actions{flex-wrap:wrap;gap:5px;margin-top:6px}.shot-actions .compact-button{flex:auto;min-width:74px;padding:0 6px}.shot-meta{gap:7px;margin-top:7px}.meta-input{max-width:84px}.ref-pill{height:16px;margin:0 0 0 auto}.prompt-compiler,.shot-history{background:#070a0ec7;border:1px solid #202731;margin-top:6px}.prompt-compiler summary,.shot-history summary{height:24px;color:var(--muted);cursor:pointer;text-transform:uppercase;align-items:center;gap:6px;padding:0 7px;font-size:9px;font-weight:800;display:flex}.prompt-compiler pre{color:#b7b3a9;white-space:pre-wrap;border-top:1px solid #202731;max-height:112px;margin:0;padding:7px;font-size:9px;line-height:1.38;overflow:auto}.compiler-meta{color:var(--muted-2);text-transform:uppercase;border-top:1px solid #202731;grid-template-columns:1fr 1fr;gap:4px;padding:6px 7px;font-size:8px;display:grid}.history-list{border-top:1px solid #202731;gap:4px;padding:6px;display:grid}.history-item{color:#cfc8bc;cursor:pointer;text-align:left;text-transform:uppercase;background:#090d12;border:1px solid #202731;grid-template-columns:1fr auto auto;align-items:center;gap:6px;min-height:24px;font-size:9px;display:grid}.history-item:disabled{cursor:default;opacity:.6}.history-item em{color:var(--success);font-style:normal}.empty-inline{color:var(--muted-2);text-transform:uppercase;padding:8px;font-size:9px}.shot-side-rail{align-content:start;gap:8px;min-width:0;max-height:calc(100vh - 180px);display:grid;overflow:auto}.utility-panel{min-height:auto;max-height:none;padding:0 8px 8px}.utility-panel .panel-header{margin:0 -8px}.empty-panel.small{min-height:58px}.global-ref-card{aspect-ratio:16/9;cursor:zoom-in;background:#020304;border:1px solid #9aaa7885;width:100%;margin-top:8px;padding:0;display:block;position:relative;overflow:hidden}.global-ref-card img,.reference-row img{object-fit:cover;width:100%;height:100%;display:block}.global-ref-card span{color:var(--success);text-transform:uppercase;background:#030506c7;padding:2px 5px;font-size:9px;font-weight:800;position:absolute;bottom:5px;left:6px}.reference-list,.queue-list{gap:6px;margin-top:8px;display:grid}.reference-row{background:#090d12;border:1px solid #202731;grid-template-columns:54px 1fr auto;align-items:center;gap:7px;padding:5px;display:grid}.reference-row button:first-child{aspect-ratio:16/9;cursor:zoom-in;background:#000;border:1px solid #202731;width:54px;padding:0;overflow:hidden}.reference-row strong,.snapshot-detail strong,.queue-row strong{color:#d7d1c4;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.reference-row span,.snapshot-detail span,.queue-row span{color:var(--muted-2);text-transform:uppercase;font-size:9px;display:block}.queue-row{background:#090d12;border:1px solid #202731;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:6px;display:grid}.queue-row em{min-width:58px;color:var(--muted);text-align:right;text-transform:uppercase;font-size:9px;font-style:normal}.queue-row.running em{color:var(--accent-2)}.queue-row.complete em{color:var(--success)}.queue-row.failed em{color:var(--danger)}.snapshot-detail{background:#090d12;border:1px solid #202731;margin-top:8px;padding:8px}.snapshot-detail p{color:#aaa7a0;margin:7px 0 0;font-size:9px;line-height:1.35}.timeline-shell{z-index:35;border-top:1px solid var(--border-strong);background:linear-gradient(90deg,#e1a65309 1px,#0000 1px) 0 0/14px 14px,#060a0dfa;height:132px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 30px #00000075}.timeline-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:28px;padding:0 12px;display:flex}.timeline-title{color:var(--muted);text-transform:uppercase;gap:10px;font-size:10px}.timeline-title strong{color:var(--accent-2)}.timeline-actions{gap:7px}.timeline-track{gap:8px;height:104px;padding:8px 12px;display:flex;position:relative;overflow-x:auto}.timeline-track.empty{align-items:stretch}.timeline-empty{width:100%;min-height:84px}.timeline-card{border:1px solid var(--border);background:#0c1015;flex:0 0 112px;width:112px;position:relative}.timeline-count{z-index:1;background:#040608c7;position:absolute;top:4px;left:4px}.drag-handle{z-index:1;cursor:grab;background:#040608b8;border:1px solid #ffffff1f;place-items:center;width:20px;height:20px;padding:0;display:grid;position:absolute;top:4px;right:4px}.timeline-card img{height:62px}.timeline-card-bottom{grid-template-columns:1fr 48px 22px;gap:4px;padding:4px;display:grid}.timeline-label,.role-select{color:#d4cec2;background:#07090d;border:1px solid #202731;min-width:0;height:22px;font-size:9px}.role-select{color:var(--accent-2)}.remove-small{color:#d19b96;cursor:pointer;background:#130c0d;border:1px solid #a75b5561;place-items:center;width:22px;height:22px;display:grid}.modal-backdrop{z-index:60;background:#000000c7;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.image-modal,.contact-modal{border:1px solid var(--border-strong);background:#07090cf5;width:min(1120px,96vw);max-height:92vh;position:relative;overflow:auto;box-shadow:0 20px 70px #0000009e}.image-modal{padding:16px}.image-modal img{object-fit:contain;background:#000;border:1px solid #202731;height:auto;max-height:62vh}.image-modal pre{color:#aaa9a3;white-space:pre-wrap;max-height:110px;margin:10px 0;font-size:10px;line-height:1.4;overflow:auto}.modal-close{z-index:2;border:1px solid var(--border-strong);cursor:pointer;background:#040507db;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:8px;right:8px}.modal-close.inline{position:static}.modal-actions{flex-wrap:wrap;gap:8px}.ref-control{color:var(--muted);text-transform:uppercase;align-items:center;gap:7px;font-size:10px;display:inline-flex}.number-input{width:62px}.contact-modal{padding:12px}.contact-header{color:var(--muted);text-transform:uppercase;justify-content:space-between;margin-bottom:10px;font-size:10px}.contact-header strong{color:var(--accent-2);margin-top:4px;display:block}.contact-grid{background:#010101;border:1px solid #202731;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:10px;display:grid}.contact-frame{aspect-ratio:16/9;cursor:pointer;background:#000;border:1px solid #0000;padding:0;position:relative}.contact-frame.selected{border-color:var(--accent-2);box-shadow:inset 0 0 0 2px #e1a6536b}.contact-frame span{color:#f5efe3;text-shadow:0 1px 4px #000;font-size:13px;font-weight:800;position:absolute;top:6px;left:7px}@media (max-width:1180px){.workspace{grid-template-columns:minmax(280px,.85fr) minmax(300px,1fr)}.right-stack{grid-column:1/-1;grid-template-rows:minmax(320px,1fr);grid-template-columns:1fr 1fr}.shot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shots-workspace{grid-template-columns:1fr}.shot-side-rail{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}}@media (max-width:760px){.app-shell{padding-bottom:172px}.topbar{grid-template-columns:1fr;gap:8px;height:auto;padding:8px}.workspace,.right-stack{height:auto;min-height:0;display:block}.workspace>.panel,.workspace .right-stack>.panel{display:none}.workspace.mobile-stage-settings>.settings-panel,.workspace.mobile-stage-world>.world-panel,.workspace.mobile-stage-ideas>.right-stack,.workspace.mobile-stage-script>.right-stack,.workspace.mobile-stage-ideas .ideas-panel,.workspace.mobile-stage-script .script-panel{display:block}.panel{max-height:none;margin-bottom:8px}.field-grid.two,.right-stack,.shot-grid,.contact-grid,.shot-side-rail{grid-template-columns:1fr}.shot-production-panel{max-height:none}.timeline-shell{height:168px}.timeline-header{flex-direction:column;align-items:flex-start;height:58px;padding:6px 8px}.timeline-track{height:110px}.timeline-actions{max-width:100%;overflow-x:auto}}