:root{--bg:#1b1d23;--chrome:#23262e;--chrome-border:#33373f;--text:#e7e9ee;--text-muted:#9aa0ab;--text-dim:#6b7280;--accent:#e0a144;--paper:#fff;--paper-ink:#16181d;--paper-shadow:#00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}.app{flex-direction:column;height:100vh;display:flex}.topbar{background:var(--chrome);border-bottom:1px solid var(--chrome-border);flex:none;align-items:center;gap:16px;height:52px;padding:0 16px;display:flex}.brand{letter-spacing:-.3px;font-size:18px;font-weight:700}.brand-dot{color:var(--accent)}.title-input{max-width:420px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:6px;flex:auto;padding:6px 10px;font-size:14px}.title-input:hover{border-color:var(--chrome-border)}.title-input:focus{border-color:var(--accent);background:var(--bg);outline:none}.topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.btn{background:var(--bg);color:var(--text);border:1px solid var(--chrome-border);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px;transition:border-color .15s,background .15s}.btn:hover{border-color:var(--accent)}.btn:active{background:var(--chrome)}.save-status{color:var(--text-dim);text-align:right;min-width:92px;font-size:12px}.editor-scroll{flex:auto;justify-content:center;padding:32px 16px 64px;display:flex;overflow-y:auto}.page{background:var(--paper);color:var(--paper-ink);width:8.5in;min-height:11in;box-shadow:0 6px 30px var(--paper-shadow);border-radius:2px;padding:1in 1in 1in 1.5in;font-family:Courier Prime,Courier New,Courier,monospace;font-size:12pt;line-height:1}.block{white-space:pre-wrap;word-break:break-word;outline:none;min-height:1.2em;margin:0;padding:1px 0}.block:empty:before{content:attr(data-placeholder);color:#b8bcc4;pointer-events:none}.block--scene{text-transform:uppercase;margin-top:1.5em;font-weight:700}.block--scene:first-child{margin-top:0}.block--action{margin-top:1em}.block--character{text-transform:uppercase;margin-top:1em;margin-left:2.2in}.block--parenthetical{margin-left:1.6in;margin-right:2in}.block--dialogue{margin-left:1in;margin-right:1.5in}.block--transition{text-transform:uppercase;text-align:right;margin-top:1em}.block--shot{text-transform:uppercase;margin-top:1em}.statusbar{background:var(--chrome);border-top:1px solid var(--chrome-border);height:40px;color:var(--text-muted);flex:none;align-items:center;gap:20px;padding:0 16px;font-size:12px;display:flex}.element-picker{align-items:center;gap:8px;display:flex}.element-picker select{background:var(--bg);color:var(--text);border:1px solid var(--chrome-border);border-radius:6px;padding:4px 8px;font-size:12px}.hint{color:var(--text-dim)}.hint kbd{background:var(--bg);border:1px solid var(--chrome-border);border-radius:4px;padding:1px 5px;font-family:ui-monospace,Consolas,monospace;font-size:11px}.counts{margin-left:auto}