:root{font-family:Arial,Helvetica,sans-serif;color:#eceae6;background:#0c0d0f;font-synthesis:none;font-size:16px;--bg: #0c0d0f;--panel: #14161a;--elevated: #1b1e24;--surface: #171a1f;--muted: #b4b1aa;--faint: #7c7f86;--border: #2a2f36;--strong: #3a4048;--cyan: #22d3ee;--violet: #7c3aed;--danger: #e11d48}*{box-sizing:border-box}body{margin:0;background:var(--bg);min-height:100dvh}.topo-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;width:100%;height:100%}#app{position:relative;z-index:1}button,input,select{font:inherit}button{cursor:pointer;background:#22262c;color:#eceae6;border:1px solid var(--strong);border-radius:4px;padding:.7rem 1rem;min-height:44px}button:hover{background:#303540}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--violet);border-color:#9362ea;color:#fff;font-weight:600}button.primary:hover{background:#8b4cf2}button.ghost{background:transparent}input,select,textarea{background:#14161a;color:#eceae6;border:1px solid var(--strong);border-radius:4px;padding:.8rem;width:100%;min-height:44px}input:focus,select:focus,button:focus-visible,a:focus-visible,textarea:focus{outline:2px solid var(--cyan);outline-offset:3px}label{display:grid;gap:.5rem;font-size:.9rem;margin:1.2rem 0}a{color:var(--cyan)}.muted{color:var(--muted);line-height:1.6}.brand{font-weight:900;letter-spacing:.07em;font-size:1.2rem;white-space:nowrap}.brand span{color:var(--cyan);padding:0 .13rem}.eyebrow{font-size:.75rem;letter-spacing:.16em;color:#b4b1aa;font-weight:700}.topbar-identity{display:flex;align-items:center;gap:16px;min-width:0;flex-wrap:wrap}.current-project{min-width:0}.current-project .eyebrow{margin-bottom:2px}.current-project strong{display:block;font-size:1rem;letter-spacing:-.01em}h1,h2,h3,p{margin-top:0}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.intro{padding:3rem;display:flex;flex-direction:column;background:linear-gradient(180deg,#0c0d0f47,#0c0d0f8c);border-right:1px solid var(--border)}.intro-copy{margin:auto 0;padding:5rem 0}.intro h1{font-size:clamp(3rem,5.5vw,5.5rem);letter-spacing:-.06em;line-height:1.04;margin:1.5rem 0}.intro p{font-size:1.2rem;color:var(--muted)}.intro footer{font-size:.75rem;letter-spacing:.1em;color:#b4b1aa}.login-side{display:flex;align-items:center;justify-content:center;padding:2rem;background:#0c0d0fe0}.login-card{width:100%;max-width:380px}.login-card h2{font-size:1.9rem;letter-spacing:-.035em;margin:1rem 0}.login-card .primary{width:100%;margin-top:1rem}.error{color:#fda4af!important}.hidden{display:none!important}.workspace{min-height:100dvh;display:grid;grid-template-rows:auto 1fr;gap:8px;padding:10px}.topbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px;background:#14161ab8;border:1px solid var(--border);border-radius:4px;flex-wrap:wrap}.topbar-actions{display:flex;gap:8px;flex-wrap:wrap}.status{font-size:.85rem;color:var(--muted);min-height:24px}.status.server{color:#86efac}.status.pending{color:#fcd34d}.status.offline,.status.error{color:#fda4af}.home,.editor-shell{padding:20px 16px 40px;max-width:1100px;margin:0 auto;width:100%;border:1px solid rgba(42,47,54,.7);border-radius:4px}.home{background:#14161a85}.editor-shell{background:#14161ac7;max-width:none;margin:0;min-width:0}.project-shell{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr) 200px;gap:8px;align-items:start;width:100%;max-width:1480px;margin:0 auto}.prod-nav{background:#14161ab8;border:1px solid var(--border);border-radius:4px;padding:10px 8px 16px;display:grid;gap:4px;align-content:start;max-height:calc(100dvh - 120px);overflow:auto;position:sticky;top:8px}.nav-item,.nav-folder summary{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:4px;padding:.55rem .7rem;min-height:36px;color:var(--muted);font-size:.9rem}.nav-item.active{background:#2a2140;color:#eceae6;font-weight:700}.nav-item:hover,.nav-folder summary:hover{background:#22262c;color:#eceae6}.nav-folder{border:0}.nav-folder summary{cursor:pointer;font-weight:700;letter-spacing:.04em;color:#b4b1aa}.nav-children{display:grid;gap:2px;padding-left:8px}.project-title-btn{display:grid;gap:2px;background:transparent;border:0;padding:0;min-height:0;text-align:left}.project-title-btn strong{font-size:1rem}.card{display:grid;gap:8px}.card-open{background:transparent;border:0;padding:0;min-height:0;text-align:left;width:100%}.card-open:hover{background:transparent}.rename-project{justify-self:start;min-height:36px;padding:.4rem .7rem}.production-pane{min-width:0}.prod-header h2{margin-bottom:.4rem;letter-spacing:-.03em}.prod-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 16px}.prod-hint{margin:0;flex:1 1 220px;font-size:.85rem}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:4px}.prod-table{width:100%;border-collapse:collapse;font-size:.9rem}.prod-table th,.prod-table td{border-bottom:1px solid var(--border);padding:6px;vertical-align:top;text-align:left}.prod-table th{color:var(--muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.prod-table input,.prod-table select{min-height:36px;padding:.4rem .5rem}.storyboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.story-card{background:#1b1e24db;border:1px solid var(--border);border-radius:4px;padding:10px;display:grid;gap:8px}.story-card img,.frame-empty{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#101216;border:1px solid var(--border);border-radius:2px}.frame-empty{display:grid;place-items:center;color:var(--faint);font-size:.85rem}.frame-upload{font-size:.85rem;margin:0}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.chip{min-height:36px;padding:.4rem .7rem;background:#1b1e24}.chip.active{background:#2a2140;border-color:#7c3aed}.inline-label{display:flex;gap:8px;align-items:center;margin:0;font-size:.85rem}.inline-label input,.inline-label select{width:auto;min-height:36px}.doc-preview{margin-top:20px}.preview-card{background:#1b1e24b3;border:1px solid var(--border);border-radius:4px;padding:16px}.preview-card h3,.preview-card h4{margin-bottom:.5rem}.preview-card ul{margin:0 0 12px;padding-left:1.1rem}.side-scene pre{white-space:pre-wrap;font-family:Courier Prime,Courier New,Courier,monospace;background:#111318;padding:12px;border:1px solid var(--border)}.check-row{display:flex;gap:8px;align-items:flex-start;margin:.6rem 0}.check-row input{width:auto;min-height:20px}.is-readonly input,.is-readonly select,.is-readonly button,.is-readonly .frame-upload{pointer-events:none;opacity:.7}.project-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:20px}.card{background:#1b1e24db;border:1px solid var(--border);border-radius:4px;padding:16px;text-align:left;width:100%}.card h3{margin:.4rem 0;font-size:1.1rem}.toolbar{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px}.page{background:#111318;border:1px solid var(--border);min-height:70dvh;padding:8vw 8vw 12vw;isolation:isolate}.screenplay{font-family:Courier Prime,Courier New,Courier,monospace;font-size:16px;line-height:1.45;outline:none;min-height:60dvh}.screenplay p{margin:0 0 .7em}.screenplay p[data-st=scene_heading]{font-weight:700;text-transform:uppercase;margin-top:1.6em}.screenplay p[data-st=character]{margin:1.1em 0 .2em;padding-left:18%;text-transform:uppercase}.screenplay p[data-st=parenthetical]{padding-left:16%;padding-right:18%}.screenplay p[data-st=dialogue]{padding-left:12%;padding-right:12%}.screenplay p[data-st=transition]{text-align:right;text-transform:uppercase}.people{display:grid;gap:8px;align-content:start}.person{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:10px;font-size:.85rem}.notice{background:#1a1712;border:1px solid #3a3428;color:#f3e8c8;padding:12px 14px;border-radius:4px;margin:12px 0;font-size:.92rem}dialog{color:#eceae6;background:#171a1f;border:1px solid #3a4048;border-radius:8px;padding:1.6rem;width:min(520px,94vw);max-height:90dvh;z-index:20}dialog::backdrop{background:#000b}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.invite-box{background:#101216;border:1px dashed var(--strong);padding:10px;word-break:break-all;font-size:.85rem}.collaboration-carets__caret{border-left:2px solid;margin-left:-1px;pointer-events:none;position:relative}.collaboration-carets__label{position:absolute;top:-1.4em;left:-2px;font:11px Arial,sans-serif;color:#fff;padding:1px 5px;white-space:nowrap}@media(max-width:980px){.project-shell{grid-template-columns:1fr}.prod-nav{position:static;max-height:none;grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;overflow-y:hidden}.nav-folder,.nav-children{display:contents}.nav-folder summary{display:none}}@media(max-width:800px){.page{padding:24px 16px 48px}.screenplay p[data-st=character],.screenplay p[data-st=dialogue],.screenplay p[data-st=parenthetical]{padding-left:8%;padding-right:4%}}@media(max-width:700px){.login-layout{grid-template-columns:1fr}.intro{padding:1.5rem;border-right:0;border-bottom:1px solid var(--border)}.intro-copy{padding:2rem 0 0}.intro h1{font-size:2.6rem}.intro footer{display:none}.login-side{padding:2rem 1.5rem}}