:root{color-scheme:dark;--bg: #1f1d1b;--bg-elev: #26231f;--bg-card: #2c2925;--bg-sunken: #1a1816;--border: #3a352f;--border-soft: #322d28;--text: #ece5d6;--text-dim: #b8ad96;--text-muted: #8a8170;--accent: #a8c79a;--accent-ink: #1c2418;--sage: #c7d4a3;--rose: #d9b3b3;--amber: #d9c08a;--danger: #c98a8a;--paper: #f4ecd8;--paper-edge: #e6dcc2;--paper-text: #221f1a;--paper-shadow: 0 18px 48px rgba(0,0,0,.45), 0 2px 8px rgba(0,0,0,.3);--shadow: 0 1px 0 rgba(255,255,255,.02) inset, 0 8px 28px rgba(0,0,0,.35);--radius: 12px;--radius-sm: 8px;--font-serif: "Fraunces", "Iowan Old Style", "Palatino", Georgia, serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Courier Prime", "Courier New", Courier, monospace;--font-typewriter: "Special Elite", "Courier Prime", "Courier New", Courier, monospace;--tex-paper: url(/textures/paper-01.jpg);--tex-fiber: url(/textures/paper-03.jpg);--tex-card: url(/textures/paper-05.jpg);--tex-blend-bg: soft-light;--tex-blend-card: soft-light;--tex-blend-paper: multiply;--tex-opacity-bg: .03;--tex-opacity-card: .05;--tex-opacity-note: .015;--tex-opacity-paper: .06}:root[data-theme=light]{color-scheme:light;--bg: #f1ead7;--bg-elev: #f7f1df;--bg-card: #fbf6e6;--bg-sunken: #e8e0c8;--border: #d9cfb2;--border-soft: #e4dabd;--text: #2b2620;--text-dim: #5a5147;--text-muted: #8a7f6b;--accent: #6b8a5a;--accent-ink: #ffffff;--sage: #9eb086;--rose: #b78282;--amber: #a88a3f;--danger: #a85454;--paper: #fffdf6;--paper-edge: #ece4cc;--paper-text: #1a1813;--paper-shadow: 0 16px 40px rgba(80,60,30,.18), 0 2px 6px rgba(80,60,30,.08);--shadow: 0 1px 0 rgba(255,255,255,.6) inset, 0 6px 22px rgba(80,60,30,.1);--tex-blend-bg: multiply;--tex-blend-card: multiply;--tex-blend-paper: multiply;--tex-opacity-bg: .04;--tex-opacity-card: .07;--tex-opacity-note: .02;--tex-opacity-paper: .09}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14.5px;line-height:1.55;transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.005em;background-image:radial-gradient(1200px 600px at 100% -10%,rgba(168,199,154,.06),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(184,201,168,.05),transparent 60%),radial-gradient(circle at center,var(--dot-color) .7px,transparent 1.2px);background-size:auto,auto,26px 26px;background-position:0 0,0 0,0 0;background-attachment:fixed,fixed,fixed;position:relative}:root{--dot-color: rgba(184, 173, 150, .08)}:root[data-theme=light]{--dot-color: rgba(80, 60, 30, .075)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:var(--tex-fiber);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:var(--tex-opacity-bg);mix-blend-mode:var(--tex-blend-bg)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.03;filter:blur(7px);--star-a: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path transform='rotate(-12 50 50)' d='M50 3 L61 38 L98 38 L68 60 L79 96 L50 74 L21 96 L32 60 L2 38 L39 38 Z' fill='%23a8c79a' stroke-linejoin='round'/></svg>");--star-b: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path transform='rotate(18 50 50)' d='M50 3 L61 38 L98 38 L68 60 L79 96 L50 74 L21 96 L32 60 L2 38 L39 38 Z' fill='%23a8c79a' stroke-linejoin='round'/></svg>");background-image:var(--star-a),var(--star-b);background-repeat:no-repeat,no-repeat;background-size:560px 560px,480px 480px;background-position:calc(100% + 80px) -150px,-40px calc(100% + 80px)}:root[data-theme=light] body:after{opacity:.07}#root{position:relative;z-index:1}::selection{background:var(--accent);color:var(--accent-ink)}a{color:var(--accent)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.el:focus-visible{outline:none}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}.app{display:flex;flex-direction:column;min-height:100%}.app-header{display:flex;align-items:center;gap:28px;padding:18px 36px;background:linear-gradient(to bottom,var(--bg-elev),var(--bg));border-bottom:1px dashed var(--border-soft);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{display:flex;align-items:baseline;gap:12px;flex-shrink:0;font-family:var(--font-serif);font-weight:500;font-size:22px;letter-spacing:-.01em;font-variation-settings:"SOFT" 60,"opsz" 144}.brand-mark{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--accent);font-size:26px;line-height:1}.brand-name{color:var(--text);text-transform:lowercase;font-weight:700;white-space:nowrap}.brand-name:after{content:"✷";display:inline-block;margin-left:8px;font-size:11px;line-height:1;color:var(--sage);vertical-align:middle;opacity:.8}.app-nav{display:flex;gap:2px}.nav-wrap{display:contents}.app-nav a{color:var(--text-dim);text-decoration:none;padding:8px 14px;border:1px dashed transparent;border-radius:999px;font-size:13.5px;font-weight:500;text-transform:lowercase;transition:color .2s,background .2s,border-color .2s}.app-nav a:hover{color:var(--text)}.app-nav a.active{color:var(--text);background:var(--bg-card);border-color:var(--text-muted)}.header-actions{margin-left:auto;display:inline-flex;align-items:center;gap:8px}.icon-btn,.theme-toggle{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);color:var(--text-dim);width:36px;height:36px;border-radius:999px;cursor:pointer;font-size:14px;padding:0;transition:color .2s,border-color .2s,background .2s}.icon-btn svg,.theme-toggle svg{display:block}.icon-btn:hover,.theme-toggle:hover{color:var(--text);border-color:var(--accent);background:var(--bg-card)}.nav-toggle{display:none}.app-main{flex:1;padding:48px 36px 72px;max-width:1180px;width:100%;margin:0 auto}.app-main.editor-main{max-width:none;padding:0}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;padding-bottom:20px;border-bottom:1px dashed var(--border-soft)}h1{font-family:var(--font-serif);font-weight:400;font-size:42px;line-height:1.05;letter-spacing:-.02em;margin:0;text-transform:lowercase;font-variation-settings:"SOFT" 80,"opsz" 144}h1:after{content:"✷";margin-left:.28em;font-size:.4em;color:var(--sage);opacity:.8;vertical-align:.45em}.starred:after{content:"✷";margin-left:.3em;font-size:.5em;color:var(--sage);opacity:.8;vertical-align:.4em}h2{font-family:var(--font-serif);font-weight:500;font-size:20px;letter-spacing:-.01em;margin:0 0 14px;text-transform:lowercase;font-variation-settings:"SOFT" 60,"opsz" 36}.muted{color:var(--text-muted)}.small{font-size:12.5px}.page-subtitle{font-family:var(--font-typewriter);font-weight:400;font-size:13.5px;color:var(--text-dim);margin:8px 0 0;letter-spacing:.02em}.btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text);padding:9px 16px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:400;font-family:var(--font-typewriter);letter-spacing:.02em;transition:transform .08s ease,box-shadow .12s ease,border-color .18s ease,color .18s ease;box-shadow:0 1px 2px #00000026}.btn:hover{border-color:var(--accent);color:var(--text)}.btn:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #00000040}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim);box-shadow:none}.btn-ghost:hover{color:var(--text);background:var(--bg-card);border-color:var(--border-soft)}.btn-ghost-danger{background:transparent;border-color:transparent;color:var(--text-muted);box-shadow:none}.btn-ghost-danger:hover{color:var(--danger);background:color-mix(in oklab,var(--danger) 12%,transparent);border-color:var(--danger)}.btn-sm{padding:5px 12px;font-size:12px}input,select,textarea{background:transparent;border:1px solid var(--border);color:var(--text);padding:9px 12px;border-radius:var(--radius-sm);font-size:14px;font-family:inherit;transition:border-color .18s,background .18s}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);background:transparent}option{background:var(--bg-card);color:var(--text)}.card{background:var(--bg-card);border:1px dashed var(--border-soft);border-radius:var(--radius);padding:24px;margin-bottom:22px;box-shadow:var(--shadow);position:relative;overflow:hidden;isolation:isolate}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:var(--tex-card);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:var(--tex-opacity-card);mix-blend-mode:var(--tex-blend-card);z-index:-1}.empty-state{text-align:center;color:var(--text-muted);padding:80px 20px;font-family:var(--font-serif);font-style:italic;font-size:17px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.project-card{display:flex;flex-direction:column;gap:10px;margin:0;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(168,199,154,.06),transparent 60%);pointer-events:none}.project-card:hover{transform:translateY(-2px);border-color:var(--accent)}.project-card:active{transform:translateY(0);box-shadow:inset 0 2px 8px #00000040}.project-title{font-family:var(--font-serif);font-weight:500;font-size:22px;letter-spacing:-.01em;color:var(--text);text-decoration:none;line-height:1.15;font-variation-settings:"SOFT" 80,"opsz" 36}.project-title:hover{color:var(--accent)}.project-logline{font-family:var(--font-typewriter);font-weight:400;color:var(--text-dim);font-size:13px;margin:0;line-height:1.5;letter-spacing:.015em}.project-logline-edit{font-family:var(--font-typewriter);font-weight:400;color:var(--text-dim);font-size:13px;line-height:1.5;letter-spacing:.015em;background:transparent;border:1px solid transparent;border-radius:6px;padding:4px 6px;margin:0 -6px;width:calc(100% + 12px);resize:none;min-height:0;field-sizing:content;transition:border-color .16s,background .16s}.project-logline-edit::placeholder{color:var(--text-muted);opacity:.7}.project-logline-edit:hover{border-color:var(--border-soft)}.project-logline-edit:focus{outline:none;border-color:var(--accent);background:var(--bg-sunken);color:var(--text)}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;color:var(--text-muted);font-family:var(--font-typewriter);font-size:12px;letter-spacing:.02em;font-variant-numeric:tabular-nums}.new-project-form{display:grid;gap:16px}.new-project-form label,.settings-card label{display:flex;flex-direction:column;gap:6px;font-family:var(--font-typewriter);font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;font-weight:400}.form-actions{display:flex;justify-content:flex-end;gap:8px}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.settings-grid>.card{margin-bottom:0}@media (max-width: 880px){.settings-grid{grid-template-columns:minmax(0,1fr)}}.settings-card{display:grid;gap:16px}.shortcut-list{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:14px}.shortcut-list kbd{background:var(--bg-sunken);border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;padding:1px 7px;font-family:var(--font-typewriter);font-size:12px;color:var(--text-dim);box-shadow:0 1px #ffffff0a inset,0 1px #0003}.resource-list{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:14.5px}.resource-list a{color:var(--accent);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color .18s}.resource-list a:hover{border-bottom-color:var(--accent)}.editor-page{display:flex;flex-direction:column;height:calc(100vh - 73px)}.editor-toolbar{display:flex;align-items:center;gap:14px;padding:12px 24px;background:var(--bg-elev);border-bottom:1px dashed var(--border-soft)}.title-input{font-family:var(--font-serif);font-weight:500;font-size:18px;letter-spacing:-.01em;background:transparent;border:1px solid transparent;color:var(--text);padding:6px 10px;border-radius:8px;width:320px;font-variation-settings:"SOFT" 60,"opsz" 36}.title-input:hover{border-color:var(--border-soft)}.title-input:focus{border-color:var(--accent);background:transparent}.save-indicator{font-size:12px;font-family:var(--font-typewriter);color:var(--text-muted);letter-spacing:.04em;padding:4px 10px;border-radius:999px;background:var(--bg-sunken)}.save-saving{color:var(--amber)}.save-error{color:var(--danger)}.save-dirty{color:var(--text-dim)}.save-saved{color:var(--sage)}.spacer{flex:1}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;flex:1;min-height:0;min-width:0}.editor-canvas{overflow:auto;padding:48px 24px 96px;background-image:radial-gradient(800px 400px at 50% -10%,rgba(168,199,154,.05),transparent 60%);background-color:transparent}.screenplay-page{background:var(--paper);color:var(--paper-text);max-width:8.5in;min-height:11in;margin:0 auto;padding:1in 1in 1in 1.5in;box-shadow:var(--paper-shadow);border:1px solid var(--paper-edge);border-radius:2px;font-family:var(--screen-font, var(--font-mono));font-size:var(--screen-font-size, 12pt);line-height:1;position:relative;--deckle: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><path d='M0,0.8 C10,0.4 15,1.1 25,0.7 C35,0.4 42,1.2 52,0.6 C62,0.3 70,1.1 80,0.6 C88,0.4 94,1 100,0.7 L100,99.3 C94,99 88,99.6 80,99.4 C70,98.9 62,99.7 52,99.4 C42,98.8 35,99.6 25,99.3 C15,98.9 10,99.6 0,99.2 Z' fill='black'/></svg>");-webkit-mask-image:var(--deckle);mask-image:var(--deckle);-webkit-mask-size:100% 100%;mask-size:100% 100%}.screenplay-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:var(--tex-paper);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:var(--tex-opacity-paper);mix-blend-mode:var(--tex-blend-paper);border-radius:inherit}.el{min-height:1.2em;outline:none;padding:0;margin:0;white-space:pre-wrap;word-wrap:break-word;position:relative}.el:empty:before{content:attr(data-placeholder);color:#00000047;pointer-events:none}.el:focus{background:#a8c79a2e;border-radius:1px}.el-scene_heading{text-transform:uppercase;font-weight:700;margin:1em 0}.el-action{margin:0 0 1em}.el-character{text-transform:uppercase;margin:1em 0 0 2.2in}.el-parenthetical{margin:0 1.6in;font-style:italic}.el-dialogue{margin:0 1.5in 1em 1in}.el-transition{text-transform:uppercase;text-align:right;margin:1em 0}.editor-side{background:var(--bg-elev);border-left:1px dashed var(--border-soft);display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.tab-bar{display:flex;padding:8px 6px 0;gap:2px;border-bottom:1px dashed var(--border-soft);min-width:0}.tab{flex:1 1 0;min-width:0;background:transparent;border:0;color:var(--text-muted);padding:10px 6px;cursor:pointer;font-family:var(--font-typewriter);font-size:12px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;border-radius:8px 8px 0 0;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.tab:hover,.tab.active{color:var(--text)}.tab.active:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:var(--accent);border-radius:2px}.tab-body{flex:1;overflow:auto;padding:20px}.note-composer{display:grid;gap:10px;margin-bottom:22px}.note-composer textarea,.note-item textarea{resize:vertical;font-family:var(--font-serif);font-size:14.5px;font-weight:300;line-height:1.5;width:100%;background:transparent;color:var(--text);font-variation-settings:"SOFT" 60}.note-list{display:grid;gap:12px}.note-item{background:var(--bg-card);border:1px dashed var(--border-soft);border-left:3px dashed var(--rose);border-radius:8px;padding:12px 12px 12px 14px;display:grid;gap:8px;position:relative;isolation:isolate;--tear: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><path d='M0,3 C5,1 9,4 14,2 C20,0 25,3 31,2 C38,1 44,4 51,2 C58,1 64,3 71,2 C78,1 84,4 91,2 C95,1 98,3 100,2 L100,100 L0,100 Z' fill='black'/></svg>");-webkit-mask-image:var(--tear);mask-image:var(--tear);-webkit-mask-size:100% 100%;mask-size:100% 100%}.note-item textarea{background:transparent;border:0;padding:0}.note-item textarea:focus{background:transparent}.note-meta{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;font-family:var(--font-typewriter);color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:.02em}.upload-row{margin-bottom:14px}.upload-row input[type=file]{font-size:12px;padding:6px;background:transparent}.image-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.image-card{background:var(--bg-card);border:1px dashed var(--border-soft);border-radius:10px;padding:8px;display:grid;gap:6px}.image-card img{width:100%;height:120px;object-fit:cover;border-radius:6px;background:var(--bg-sunken)}.image-card input{font-family:var(--font-serif);font-style:italic;font-size:13px;padding:5px 8px;background:transparent;border-color:transparent}.image-card input:focus{background:transparent;border-color:var(--border)}.draft-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.draft-item{background:var(--bg-card);border:1px dashed var(--border-soft);border-left:3px dashed var(--sage);border-radius:8px;padding:12px 14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;min-width:0}.draft-label{font-family:var(--font-serif);font-weight:500;font-size:15px;overflow-wrap:anywhere}.draft-actions{display:flex;gap:6px;flex-shrink:0}.el-row{position:relative;display:grid;grid-template-columns:28px 1fr;align-items:start;gap:0;transition:background .4s}.el-row.highlight{background:#d9c08a38;animation:highlight-fade 1.6s ease-out;border-radius:2px}@keyframes highlight-fade{0%{background:#d9c08a73}to{background:transparent}}.el-gutter{position:relative;margin-left:-28px;width:28px;display:flex;align-items:center;gap:3px;padding-left:2px;-webkit-user-select:none;user-select:none;cursor:default}.gutter-dot{display:inline-flex;align-items:center;justify-content:center;line-height:1}.gutter-dot:before{content:"✷";font-size:15px}.dot-note{color:var(--rose)}.dot-draft{color:var(--sage)}.dot-image{color:var(--amber)}.dot-storyboard{color:var(--accent)}.screenplay-page.picking-anchor,.screenplay-page.picking-anchor .el-row{cursor:crosshair}.screenplay-page.picking-anchor .el-row:hover{background:#a8c79a38;border-radius:2px}.el-row.anchor-mode .el-gutter{cursor:crosshair}.anchor-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 24px;background:linear-gradient(to right,#a8c79a2e,#a8c79a0a);border-bottom:1px dashed var(--border-soft);font-family:var(--font-serif);font-style:italic;font-size:14px;color:var(--text)}.anchor-banner-mini{font-family:var(--font-serif);font-style:italic;font-size:13px;color:var(--text-dim);padding:4px 10px;background:#a8c79a1f;border-radius:999px}.anchor-badge{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px dashed var(--border);color:var(--text-muted);padding:3px 10px;border-radius:999px;font-size:11.5px;font-family:var(--font-sans);letter-spacing:.02em;cursor:pointer;transition:all .18s;max-width:100%}.anchor-badge:hover{color:var(--text);border-color:var(--accent)}.anchor-badge.attached{background:#a8c79a1a;border:1px solid rgba(168,199,154,.3);color:var(--text-dim);font-family:var(--font-serif);font-style:italic;font-size:12.5px;padding:3px 6px 3px 10px}.anchor-badge.picking{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-style:italic;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.anchor-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.anchor-jump,.anchor-x{background:transparent;border:0;color:inherit;cursor:pointer;font-size:13px;padding:0 4px;opacity:.7}.anchor-jump:hover,.anchor-x:hover{opacity:1}.note-meta{flex-wrap:wrap;gap:8px}.note-meta-end{display:flex;align-items:center;gap:8px}.image-meta{display:flex;align-items:center;justify-content:space-between;gap:6px}.draft-info{display:grid;gap:4px;min-width:0;flex:1 1 180px}.draft-info .anchor-badge{max-width:100%}.draft-info .anchor-text{max-width:180px}.storyboards-panel{display:grid;gap:12px}.storyboard-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:10px}.storyboard-item{background:var(--bg-card);border:1px dashed var(--border-soft);border-left:3px dashed var(--accent);border-radius:8px;padding:10px 12px;display:grid;gap:8px}.storyboard-line{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.storyboard-link{background:transparent;border:0;color:var(--text);font-family:var(--font-serif);font-weight:500;font-size:15px;text-align:left;cursor:pointer;padding:0}.storyboard-link:hover{color:var(--accent)}.storyboard-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.storyboard-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14100ca6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:stretch;justify-content:center;padding:32px}.storyboard-modal{background:var(--bg);border:1px dashed var(--border);border-radius:14px;width:100%;max-width:1240px;max-height:100%;overflow:auto;box-shadow:0 30px 80px #0009;display:flex;flex-direction:column}.storyboard-modal-bar{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px dashed var(--border-soft);background:var(--bg-elev);position:sticky;top:0;z-index:1}.storyboard-editor{padding:24px}.storyboard-header{display:grid;gap:10px;margin-bottom:24px;max-width:720px}.storyboard-title-input{font-family:var(--font-serif);font-weight:500;font-size:26px;letter-spacing:-.01em;background:transparent;border:1px solid transparent;padding:6px 8px;font-variation-settings:"SOFT" 80,"opsz" 144}.storyboard-title-input:hover{border-color:var(--border-soft)}.storyboard-title-input:focus{border-color:var(--accent);background:transparent}.storyboard-summary{font-family:var(--font-serif);font-style:italic;font-weight:300;font-size:15px;background:transparent;border-color:transparent;resize:vertical}.storyboard-summary:hover{border-color:var(--border-soft)}.storyboard-summary:focus{background:transparent;border-color:var(--accent)}.storyboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}@media (max-width: 1100px){.storyboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.storyboard-grid{grid-template-columns:minmax(0,1fr)}}.storyboard-panel{position:relative;background:var(--bg-card);border:1px dashed var(--border-soft);border-radius:12px;padding:14px;display:grid;gap:10px;box-shadow:var(--shadow);min-width:0;align-content:start;transition:border-color .18s ease,box-shadow .18s ease}.storyboard-panel:hover{border-color:var(--accent);box-shadow:var(--shadow),0 0 0 2px #a8c79a1f}.panel-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}.panel-summary-text{display:grid;gap:2px;min-width:0}.panel-edit-btn{flex-shrink:0}.panel-summary-slug{font-family:var(--font-typewriter);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-summary-shot{font-family:var(--font-typewriter);font-size:11px;letter-spacing:.04em;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-form{position:absolute;top:-8px;left:50%;width:max(100%,360px);max-width:90vw;max-height:80vh;background:var(--bg-card);border:1px dashed var(--accent);border-radius:12px;padding:16px;display:grid;gap:12px;align-content:start;overflow:auto;opacity:0;visibility:hidden;transform:translate(-50%) scale(.96);transform-origin:top center;transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;z-index:5;box-shadow:0 20px 50px #00000073,0 4px 14px #0000004d}.storyboard-panel:hover .panel-form,.storyboard-panel:focus-within .panel-form,.storyboard-panel.is-open .panel-form{opacity:1;visibility:visible;transform:translate(-50%) scale(1);transition:opacity .16s ease,transform .16s ease,visibility 0s linear 0s}.storyboard-panel:hover,.storyboard-panel:focus-within,.storyboard-panel.is-open{z-index:5}.panel-form .panel-direction{min-height:84px}.panel-form .panel-dialogue{min-height:56px}.storyboard-panel>*{min-width:0}.storyboard-panel input,.storyboard-panel select,.storyboard-panel textarea{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.panel-number{position:absolute;top:10px;right:14px;font-family:var(--font-typewriter);font-size:11.5px;color:var(--text-muted);letter-spacing:.08em}.panel-image{background:var(--bg-sunken);border:1px dashed var(--border);border-radius:8px;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px;cursor:pointer;overflow:hidden;position:relative}.panel-image img{width:100%;height:100%;object-fit:cover}.panel-image.empty:hover{border-color:var(--accent);color:var(--text)}.panel-image:not(.empty):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:var(--tex-paper);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:var(--tex-opacity-paper);mix-blend-mode:var(--tex-blend-paper);border-radius:inherit}.panel-slug{display:grid;grid-template-columns:minmax(78px,auto) minmax(0,1fr) minmax(86px,auto);gap:6px}.panel-slug select,.panel-slug input{font-family:var(--font-mono);font-size:11.5px;text-transform:uppercase;padding:5px 8px}.panel-shot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.panel-shot select{font-family:var(--font-mono);font-size:11.5px;padding:5px 8px}.panel-direction,.panel-dialogue{font-family:var(--font-serif);font-size:14px;font-weight:300;resize:vertical}.panel-dialogue{font-family:var(--font-mono);font-size:12.5px}.panel-actions{display:flex;align-items:center;gap:4px;padding-top:4px;border-top:1px dashed var(--border-soft)}.storyboard-add{display:flex;align-items:center;justify-content:center;min-height:180px;border:1px dashed var(--border);border-radius:12px;background:transparent;color:var(--text-muted);cursor:pointer;font-family:var(--font-serif);font-style:italic;font-size:16px;transition:all .18s}.storyboard-add:hover{border-color:var(--accent);color:var(--text);background:#a8c79a0d}.storyboard-footer{display:flex;align-items:center;gap:14px;padding:16px 0 4px;border-top:1px dashed var(--border-soft)}.storyboard-footer .muted{flex:1}.storyboards-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}.storyboards-list{position:sticky;top:90px;display:grid;gap:12px;min-width:0}@media (max-width: 760px){.storyboards-layout{grid-template-columns:minmax(0,1fr)}.storyboards-list{position:static;max-height:42vh;overflow-y:auto;padding-right:4px}}.filter-row{display:flex;gap:6px;flex-wrap:wrap}.projects-page .filter-row{margin-bottom:20px}.chip{background:transparent;border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-family:inherit;font-size:12.5px;color:var(--text-dim);cursor:pointer;display:inline-flex;align-items:baseline;gap:6px;transition:all .18s}.chip:hover{color:var(--text);border-color:var(--accent)}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip.active .muted{color:var(--accent-ink);opacity:.75}.sb-rows{list-style:none;padding:0;margin:0;display:grid;gap:4px}.sb-row{background:transparent;border:1px dashed transparent;border-radius:8px;padding:6px 10px;cursor:pointer;display:grid;gap:4px;transition:background .18s,border-color .18s,padding .22s ease}.sb-row:hover{background:var(--bg-card);border-color:var(--border-soft)}.sb-row.active{--fade-bottom: 26px;background:var(--bg-card);border-color:var(--accent);padding:10px 12px calc(var(--fade-bottom) + 4px);border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;-webkit-mask-image:linear-gradient(to top,transparent 0,#000 var(--fade-bottom));mask-image:linear-gradient(to top,transparent 0,#000 var(--fade-bottom))}.sb-row-head{display:flex;align-items:baseline;gap:8px;min-width:0}.sb-row-title{flex:1;min-width:0;font-family:var(--font-serif);font-weight:500;font-size:14px;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-row.active .sb-row-title{font-size:15.5px;white-space:normal}.sb-row-count{flex-shrink:0;font-family:var(--font-typewriter);font-size:11.5px;color:var(--text-muted);font-variant-numeric:tabular-nums;background:var(--bg-sunken);border-radius:999px;min-width:20px;padding:1px 7px;text-align:center;line-height:1.5}.sb-row.active .sb-row-count{color:var(--text-dim)}.sb-row .sb-row-meta,.sb-row .sb-row-anchor{display:none}.sb-row.active .sb-row-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.sb-row.active .sb-row-anchor{display:block}.sb-tag{font-family:var(--font-typewriter);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:999px}.sb-tag.standalone{background:#d9c08a2e;color:var(--amber)}.sb-tag.attached{background:#b8c9a82e;color:var(--sage)}.sb-row-anchor{font-style:italic;font-family:var(--font-serif)}.storyboard-workspace{background:var(--bg-card);border:1px dashed var(--border-soft);border-radius:14px;min-height:60vh}.workspace-bar{display:flex;align-items:center;gap:14px;padding:12px 24px;border-bottom:1px dashed var(--border-soft)}.attach-control{display:flex;align-items:center;gap:8px}.attach-control select{font-size:12.5px;padding:5px 8px}.small-empty{padding:30px 10px;font-size:14px}.player-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0908;z-index:80;display:flex;align-items:center;justify-content:center;animation:player-fade-in .22s ease-out}@keyframes player-fade-in{0%{opacity:0}to{opacity:1}}.player-stage{position:relative;width:100%;height:100%;cursor:pointer;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden}.player-image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0908}.player-image{max-width:100%;max-height:100%;object-fit:contain;animation:player-image-in .38s ease-out}.player-image-empty{width:60vw;height:60vh;border:1px dashed rgba(255,255,255,.12);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff6;font-family:var(--font-serif);font-style:italic}@keyframes player-image-in{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.player-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.55) 100%),linear-gradient(to bottom,rgba(0,0,0,.45) 0%,transparent 18%,transparent 70%,rgba(0,0,0,.65) 100%)}.player-overlay-top{position:absolute;top:32px;left:48px;right:48px;display:flex;align-items:baseline;justify-content:space-between;gap:24px;color:#ffffffeb;pointer-events:none;animation:player-slide-down .38s ease-out}@keyframes player-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.player-slug{font-family:var(--font-mono);font-size:14px;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;background:#00000073;border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.player-shot{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#ffffffb8;padding:6px 12px;background:#00000059;border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.player-overlay-bottom{position:absolute;left:48px;right:48px;bottom:96px;max-width:820px;margin:0 auto;pointer-events:none;animation:player-slide-up .48s ease-out}@keyframes player-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.player-direction{font-family:var(--font-serif);font-weight:300;font-size:22px;line-height:1.4;color:#fffffff5;margin:0 0 18px;letter-spacing:.005em;font-variation-settings:"SOFT" 60,"opsz" 144;padding:14px 20px;background:#0000006b;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:3px solid var(--accent)}.player-dialogue{background:#f4ecd8f0;color:#1a1813;padding:16px 22px 18px;border-radius:6px;box-shadow:0 12px 36px #0006;max-width:560px;margin-left:auto;margin-right:auto;text-align:center}.player-character{font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.player-line{font-family:var(--font-mono);font-size:15px;line-height:1.45;white-space:pre-wrap}.player-progress{position:absolute;left:48px;right:48px;bottom:64px;display:flex;gap:4px;pointer-events:none}.player-tick{flex:1;height:2px;background:#ffffff26;border-radius:2px;transition:background .3s}.player-tick.past{background:#ffffff73}.player-tick.active{background:var(--accent);box-shadow:0 0 8px #a8c79a99}.player-chrome{position:absolute;left:0;right:0;bottom:0;padding:18px 48px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#ffffffb3;pointer-events:none}.player-meta{display:flex;align-items:baseline;gap:16px;pointer-events:none}.player-title{font-family:var(--font-serif);font-style:italic;font-size:15px;color:#ffffffc7}.player-counter{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:#ffffff8c}.player-controls{display:flex;gap:4px;pointer-events:auto}.player-ctrl{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffd9;width:36px;height:36px;border-radius:999px;cursor:pointer;font-size:14px;font-family:inherit;display:flex;align-items:center;justify-content:center;transition:all .18s}.player-ctrl:hover{background:#ffffff1f;color:#fff;border-color:#fff3}.player-ctrl.close:hover{background:var(--danger);border-color:var(--danger)}.player-empty{background:var(--bg-card);border:1px dashed var(--border);border-radius:12px;padding:32px;text-align:center;display:grid;gap:16px;justify-items:center}@media (max-width: 720px){.player-overlay-top{top:16px;left:16px;right:16px;flex-wrap:wrap}.player-overlay-bottom{left:16px;right:16px;bottom:110px}.player-progress,.player-chrome{left:16px;right:16px}.player-chrome{padding:14px 16px 18px}.player-direction{font-size:16px}}@media (max-width: 980px){.editor-layout{grid-template-columns:1fr}.editor-side{border-left:0;border-top:1px dashed var(--border-soft);max-height:55vh}.screenplay-page{padding:.5in .5in .5in .75in}h1{font-size:32px}}.card,.image-card,.draft-item,.storyboard-item,.player-empty{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:calc(var(--fade-bottom, 48px) + 8px);-webkit-mask-image:linear-gradient(to top,transparent 0,#000 var(--fade-bottom, 48px));mask-image:linear-gradient(to top,transparent 0,#000 var(--fade-bottom, 48px))}.draft-item,.image-card{--fade-bottom: 32px}.card.new-project-form,.card.settings-card,.new-project-form.card,.settings-card.card{-webkit-mask-image:none;mask-image:none;border-bottom-color:var(--border-soft);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);padding-bottom:24px}.note-item{--fade-bottom: 32px;border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:calc(var(--fade-bottom) + 6px);-webkit-mask-image:var(--tear),linear-gradient(to top,transparent 0,#000 var(--fade-bottom));mask-image:var(--tear),linear-gradient(to top,transparent 0,#000 var(--fade-bottom));-webkit-mask-size:100% 100%,100% 100%;mask-size:100% 100%,100% 100%;-webkit-mask-composite:source-in;mask-composite:intersect}.spine-sage{--spine: var(--sage)}.spine-rose{--spine: var(--rose)}.spine-amber{--spine: var(--amber)}.spine-accent{--spine: var(--accent)}.color-row{display:flex;gap:8px}.color-swatch{width:26px;height:26px;border-radius:50%;border:1px dashed var(--border);cursor:pointer;padding:0;transition:transform .12s,box-shadow .12s}.swatch-sage{background:var(--sage)}.swatch-rose{background:var(--rose)}.swatch-amber{background:var(--amber)}.swatch-accent{background:var(--accent)}.color-swatch.selected{box-shadow:0 0 0 2px var(--bg-card),0 0 0 3px var(--text-dim);transform:scale(1.08)}.board-card{border-left:3px dashed var(--spine, var(--sage))}.board-card-title{color:var(--text)}.board-page{display:block}.board-topbar{display:flex;align-items:center;margin-bottom:18px}.board-head{border-left:3px dashed var(--spine, var(--sage));padding:4px 0 18px 16px;margin-bottom:18px;border-bottom:1px dashed var(--border-soft)}.board-title-input{display:block;width:100%;font-family:var(--font-serif);font-weight:500;font-size:30px;letter-spacing:-.02em;color:var(--text);background:transparent;border:1px solid transparent;border-radius:8px;padding:4px 8px;margin-left:-8px;font-variation-settings:"SOFT" 80,"opsz" 144}.board-title-input:hover{border-color:var(--border-soft)}.board-title-input:focus{outline:none;border-color:var(--accent)}.board-desc-input{display:block;width:100%;resize:none;font-family:var(--font-typewriter);font-size:13px;letter-spacing:.02em;color:var(--text-dim);background:transparent;border:1px solid transparent;border-radius:8px;padding:4px 8px;margin:4px 0 0 -8px;field-sizing:content}.board-desc-input:hover{border-color:var(--border-soft)}.board-desc-input:focus{outline:none;border-color:var(--accent)}.board-addbar{display:flex;align-items:center;gap:8px;margin-bottom:20px}.board-addbar-label{font-family:var(--font-typewriter);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin-right:2px}.board-addbar .btn{background-image:none;background-color:var(--bg-card)}.board-masonry{column-width:240px;column-gap:16px}.board-item{--fade-bottom: 28px;break-inside:avoid;display:inline-block;width:100%;margin:0 0 16px;background:var(--bg-card);border:1px dashed var(--border-soft);padding:10px 12px calc(var(--fade-bottom) + 6px);box-shadow:var(--shadow);cursor:grab;border-bottom-color:transparent;border-radius:10px 10px 0 0;-webkit-mask-image:linear-gradient(to top,transparent 0,#000 var(--fade-bottom));mask-image:linear-gradient(to top,transparent 0,#000 var(--fade-bottom))}.board-item.dragging{opacity:.45;cursor:grabbing}.board-item.drag-over{border-color:var(--accent);border-style:solid;box-shadow:0 0 0 2px color-mix(in oklab,var(--accent) 35%,transparent)}.item-text{border-left:3px dashed var(--rose)}.item-link{border-left:3px dashed var(--amber)}.item-image{border-left:3px dashed var(--accent)}.board-item-bar{display:flex;align-items:center;gap:8px;margin-bottom:6px}.board-item-grip{color:var(--text-muted);cursor:grab;font-size:13px}.board-item-type{font-family:var(--font-typewriter);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.board-item input,.board-item textarea{width:100%;background:transparent;border:1px solid transparent;border-radius:6px;padding:4px 6px;margin:0 0 4px}.board-item input:hover,.board-item textarea:hover{border-color:var(--border-soft)}.board-item input:focus,.board-item textarea:focus{outline:none;border-color:var(--accent);background:var(--bg-sunken)}.board-item-title{font-family:var(--font-serif);font-weight:500;font-size:15px}.board-item-text{font-family:var(--font-serif);font-weight:300;font-size:13.5px;line-height:1.5}.richtext-wrap{position:relative;margin:0 0 4px}.richtext{width:100%;min-height:2.6em;max-height:200px;overflow:auto;background:transparent;border:1px solid transparent;border-radius:6px;padding:4px 6px;outline:none}.richtext:hover{border-color:var(--border-soft)}.richtext:focus{border-color:var(--accent);background-color:var(--bg-sunken)}.richtext:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.richtext ul{margin:4px 0;padding-left:1.2em}.richtext li{margin:1px 0}.richtext b,.richtext strong{font-weight:600}.richtext u{text-decoration:underline}.richtext-more{position:absolute;left:0;right:0;bottom:0;padding:14px 8px 4px;border:0;font-family:var(--font-typewriter);font-size:10px;letter-spacing:.06em;color:var(--text-muted);text-align:right;cursor:pointer;background:linear-gradient(to top,var(--bg-card) 35%,transparent);border-radius:0 0 6px 6px}.richtext-more:hover{color:var(--accent)}.board-item-url{font-family:var(--font-typewriter);font-size:12px;color:var(--accent)}.board-item-link-go{display:inline-block;font-family:var(--font-typewriter);font-size:11px;letter-spacing:.04em;color:var(--accent);text-decoration:none;margin:0 0 6px 6px}.board-item-img{width:100%;border-radius:6px;display:block;margin-bottom:6px;background:var(--bg-sunken)}.board-item-caption{font-family:var(--font-typewriter);font-size:11.5px;color:var(--text-dim)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-checking{color:var(--text-muted);font-size:28px}.login-card{width:100%;max-width:360px;display:grid;gap:14px;background:var(--bg-card);border:1px dashed var(--border-soft);border-radius:var(--radius);padding:32px 28px;box-shadow:var(--shadow)}.login-brand{display:flex;align-items:baseline;gap:10px;font-family:var(--font-serif);font-weight:500;font-size:24px;justify-content:center}.login-prompt{font-family:var(--font-typewriter);font-size:12.5px;letter-spacing:.02em;color:var(--text-dim);text-align:center;margin:0}.login-card input{width:100%;text-align:center}.login-card .btn{width:100%;justify-content:center}.login-error{font-family:var(--font-typewriter);font-size:12px;color:var(--danger);text-align:center;margin:0}.login-back{font-family:var(--font-typewriter);font-size:11.5px;color:var(--text-muted);text-align:center;text-decoration:none}.login-back:hover{color:var(--text-dim)}.lock-badge{font-size:.8em}.project-meta-actions{display:inline-flex;gap:4px}.spinner{display:inline-flex;align-items:center;justify-content:center}.spinner svg{animation:spinner-rotate .9s linear infinite}.spinner-track{stroke:var(--border)}.spinner-head{stroke:var(--accent);stroke-dasharray:90 150;stroke-dashoffset:0}.spinner-screen{display:flex;align-items:center;justify-content:center;min-height:50vh}@keyframes spinner-rotate{to{transform:rotate(360deg);transform-origin:center}}.landing{min-height:100vh;position:relative;overflow-x:hidden}.landing-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px 36px;background:color-mix(in oklab,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px dashed var(--border-soft)}.landing-brand{font-family:var(--font-serif);font-weight:500;font-size:22px;text-transform:lowercase}.landing-brand:after{content:"✷";margin-left:8px;font-size:11px;color:var(--sage);opacity:.8;vertical-align:middle}.landing-header-actions{display:flex;align-items:center;gap:12px}.landing-hero{max-width:1100px;margin:0 auto;padding:90px 36px 70px;text-align:center;position:relative;z-index:1}.landing-eyebrow{font-family:var(--font-typewriter);font-size:12px;letter-spacing:.18em;text-transform:lowercase;color:var(--text-muted);margin:0 0 24px;animation:landing-rise .6s ease both}.landing-title{font-family:var(--font-serif);font-weight:400;font-size:clamp(48px,9vw,104px);line-height:.98;letter-spacing:-.03em;text-transform:lowercase;margin:0 auto;font-variation-settings:"SOFT" 90,"opsz" 144;animation:landing-rise .7s ease both .05s}.landing-title:after{content:"✷";font-size:.18em;color:var(--accent);vertical-align:.9em;margin-left:.15em;opacity:.85;display:inline-block;animation:landing-twinkle 4s ease-in-out infinite}.landing-lede{max-width:560px;margin:28px auto 0;font-family:var(--font-serif);font-weight:300;font-size:18px;line-height:1.55;color:var(--text-dim);animation:landing-rise .7s ease both .12s}.landing-cta{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:36px;flex-wrap:wrap;animation:landing-rise .7s ease both .2s}.landing-cta .btn{padding:12px 26px;font-size:14px}.landing-cta-link{font-family:var(--font-typewriter);font-size:12.5px;letter-spacing:.04em;color:var(--text-dim);text-decoration:none}.landing-cta-link:hover{color:var(--text)}.landing-features{max-width:1080px;margin:0 auto;padding:40px 36px 20px;display:grid;gap:64px}.landing-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}.landing-feature.reverse .landing-feature-text{order:2}.landing-feature.reverse .landing-feature-art{order:1}.landing-feature-label{font-family:var(--font-typewriter);font-size:11px;letter-spacing:.18em;text-transform:lowercase;color:var(--accent)}.landing-feature-title{font-family:var(--font-serif);font-weight:400;font-size:clamp(26px,3.4vw,36px);line-height:1.1;letter-spacing:-.02em;text-transform:lowercase;margin:10px 0 14px;font-variation-settings:"SOFT" 70,"opsz" 72}.landing-feature-body{font-family:var(--font-serif);font-weight:300;font-size:16px;line-height:1.6;color:var(--text-dim);margin:0 0 16px}.landing-feature-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.landing-feature-list li{font-family:var(--font-typewriter);font-size:12.5px;letter-spacing:.02em;color:var(--text-muted);padding-left:18px;position:relative}.landing-feature-list li:before{content:"✷";position:absolute;left:0;color:var(--sage);font-size:9px;top:2px}.landing-feature-art{display:flex;align-items:center;justify-content:center;min-height:220px}.art-card{width:100%;max-width:360px;background:var(--bg-card);border:1px dashed var(--border-soft);border-radius:12px;box-shadow:var(--shadow);padding:18px;transition:transform .3s ease}.landing-feature:hover .art-card{transform:translateY(-4px) rotate(-.6deg)}.art-page{display:grid;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--paper-text);background:var(--paper)}.art-page .art-line{color:#2b2620}.art-scene{text-transform:uppercase;font-weight:700}.art-char{text-transform:uppercase;margin-left:36%}.art-dlg{margin:0 16%}.art-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.art-panel{aspect-ratio:16 / 9;border:1px dashed var(--border);border-left:3px dashed var(--accent);border-radius:6px;background:var(--bg-sunken)}.art-board{position:relative;min-height:150px}.art-note{position:absolute;font-family:var(--font-typewriter);font-size:11px;padding:8px 10px;border-radius:8px;background:var(--bg-sunken);border:1px dashed var(--border-soft)}.art-note-a{top:4px;left:6px;border-left:3px dashed var(--rose);transform:rotate(-2deg)}.art-note-b{top:54px;right:8px;border-left:3px dashed var(--amber);transform:rotate(1.5deg)}.art-note-c{bottom:6px;left:40px;border-left:3px dashed var(--accent);transform:rotate(-1deg)}.art-stack{position:relative;display:grid;gap:8px}.art-draft{font-family:var(--font-typewriter);font-size:12px;letter-spacing:.04em;color:var(--text-dim);padding:10px 12px;border:1px dashed var(--border-soft);border-left:3px dashed var(--sage);border-radius:8px;background:var(--bg-sunken)}.landing-footer{text-align:center;padding:80px 36px 100px;display:grid;gap:24px;justify-items:center}.landing-footer-title{font-family:var(--font-serif);font-weight:400;font-size:clamp(28px,4vw,44px);letter-spacing:-.02em;text-transform:lowercase;margin:0;font-variation-settings:"SOFT" 80,"opsz" 96}.landing-footer .btn{padding:12px 28px;font-size:14px}.landing-footer-note{font-family:var(--font-typewriter);font-size:11px;letter-spacing:.2em;text-transform:lowercase;color:var(--text-muted);margin:12px 0 0}@keyframes landing-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-twinkle{0%,to{opacity:.85;transform:scale(1)}50%{opacity:.35;transform:scale(.9)}}@media (max-width: 760px){.landing-feature{grid-template-columns:1fr;gap:24px}.landing-feature.reverse .landing-feature-text,.landing-feature.reverse .landing-feature-art{order:0}.landing-header{padding:14px 20px}.landing-hero{padding:60px 20px 50px}}.btn-danger{background:transparent;border-color:var(--danger);color:var(--danger);font-weight:600}.btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:modal-fade .14s ease both}.modal-card{width:100%;max-width:400px;background:var(--bg-card);border:1px dashed var(--border-soft);border-radius:var(--radius);padding:24px;box-shadow:0 24px 60px #00000073;animation:modal-rise .16s ease both}.modal-title{font-family:var(--font-serif);font-weight:500;font-size:20px;letter-spacing:-.01em;text-transform:lowercase;margin:0 0 10px}.modal-message{font-family:var(--font-serif);font-weight:300;font-size:15px;line-height:1.5;color:var(--text-dim);margin:0 0 16px}.modal-input{width:100%;margin-bottom:18px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:120;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.toast{font-family:var(--font-typewriter);font-size:12.5px;letter-spacing:.02em;padding:10px 14px;border-radius:8px;border:1px dashed var(--border);background:var(--bg-card);color:var(--text);box-shadow:0 10px 28px #0000004d;cursor:pointer;max-width:320px;text-align:left;animation:toast-in .18s ease both}.toast-success{border-left:3px solid var(--accent)}.toast-error{border-left:3px solid var(--danger);color:var(--text)}.toast-info{border-left:3px solid var(--sage)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.element-type-select{font-family:var(--font-typewriter);font-size:11.5px;letter-spacing:.02em;text-transform:lowercase;padding:5px 8px;border:1px dashed var(--border);border-radius:999px;background:transparent;color:var(--text-dim);max-width:190px}.element-type-select:disabled{opacity:.5}.element-type-select:focus{border-color:var(--accent)}.shortcuts-wrap{position:relative}.shortcuts-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:260px;background:var(--bg-card);border:1px dashed var(--border-soft);border-radius:10px;padding:14px 16px;box-shadow:0 16px 40px #00000059;animation:modal-rise .14s ease both}.shortcuts-pop-title{font-family:var(--font-typewriter);font-size:11px;letter-spacing:.16em;text-transform:lowercase;color:var(--text-muted);margin-bottom:10px}.shortcuts-pop ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.shortcuts-pop li{font-family:var(--font-typewriter);font-size:12px;color:var(--text-dim);display:flex;gap:6px;align-items:baseline}.shortcuts-pop kbd{background:var(--bg-sunken);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:0 5px;font-family:var(--font-typewriter);font-size:11px;color:var(--text-dim)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:40vh;text-align:center}.error-state-msg{font-family:var(--font-serif);font-style:italic;font-size:16px;color:var(--text-muted);margin:0}.toolbar-menu-wrap{position:relative}.toolbar-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:30;min-width:170px;background:var(--bg-card);border:1px dashed var(--border-soft);border-radius:10px;padding:6px;box-shadow:0 16px 40px #00000059;display:grid;gap:2px;animation:modal-rise .14s ease both}.toolbar-menu button,.toolbar-menu a{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:6px;padding:8px 10px;font-family:var(--font-typewriter);font-size:12.5px;letter-spacing:.02em;color:var(--text-dim);text-decoration:none;cursor:pointer}.toolbar-menu button:hover,.toolbar-menu a:hover{background:var(--bg-sunken);color:var(--text)}.panel-form-image{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;background:var(--bg-sunken);border:1px dashed var(--border);border-radius:8px;overflow:hidden}.panel-form-image img{width:100%;height:100%;object-fit:cover}.panel-form-image:has(img):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:var(--tex-paper);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:var(--tex-opacity-paper);mix-blend-mode:var(--tex-blend-paper);border-radius:inherit;z-index:1}.panel-form-image-actions{position:absolute;bottom:6px;right:6px;display:flex;gap:4px;z-index:2}.panel-img-btn{font-family:var(--font-typewriter);font-size:10.5px;letter-spacing:.04em;padding:3px 8px;border-radius:999px;border:1px dashed var(--border);background:var(--bg-card);color:var(--text-dim);cursor:pointer}.panel-img-btn:hover{border-color:var(--accent);color:var(--text)}.draw-modal{width:min(96vw,1000px);max-height:92vh;display:flex;flex-direction:column;gap:12px;background:var(--bg-card);border:1px dashed var(--border-soft);border-radius:var(--radius);padding:16px;box-shadow:0 24px 60px #00000080;animation:modal-rise .16s ease both}.draw-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.draw-tools{display:flex;align-items:center;gap:5px}.draw-swatch{width:22px;height:22px;border-radius:50%;border:1px dashed var(--border);cursor:pointer;padding:0}.draw-swatch.selected{box-shadow:0 0 0 2px var(--bg-card),0 0 0 3px var(--accent);transform:scale(1.08)}.draw-canvas-frame{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:var(--bg-sunken);border:1px dashed var(--border);border-radius:8px;overflow:hidden}.draw-canvas{width:100%;height:auto;max-height:70vh;aspect-ratio:16 / 9;background:#fff;cursor:crosshair;touch-action:none;border-radius:4px}.draw-actions{display:flex;justify-content:flex-end;gap:8px}.richtext-modal{width:min(94vw,640px);max-height:88vh;display:flex;flex-direction:column;gap:12px;background:var(--bg-card);border:1px dashed var(--border-soft);border-radius:var(--radius);padding:24px;box-shadow:0 24px 60px #00000080;animation:modal-rise .16s ease both}.richtext-modal .richtext-modal-field{flex:1;min-height:40vh;max-height:70vh;font-family:var(--font-serif);font-weight:300;font-size:15px;line-height:1.6}.picker-modal{width:min(94vw,880px);max-height:88vh;display:flex;flex-direction:column;gap:12px;background:var(--bg-card);border:1px dashed var(--border-soft);border-radius:var(--radius);padding:20px;box-shadow:0 24px 60px #00000080;animation:modal-rise .16s ease both}.picker-head{display:flex;align-items:baseline;justify-content:space-between}.picker-body{min-height:120px;display:flex;align-items:center;justify-content:center}.picker-body.picker-scroll{display:block;overflow-y:auto;padding-right:4px}.picker-group{padding:10px 0 14px 14px;border-left:3px dashed var(--spine, var(--sage));margin-bottom:14px}.picker-group-title{font-family:var(--font-typewriter);font-size:11px;letter-spacing:.16em;text-transform:lowercase;color:var(--text-muted);margin:0 0 8px}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.picker-tile{position:relative;display:block;padding:0;border:1px dashed var(--border-soft);border-radius:8px;background:var(--bg-sunken);overflow:hidden;aspect-ratio:16 / 9;cursor:pointer}.picker-tile:hover{border-color:var(--accent)}.picker-tile img{width:100%;height:100%;object-fit:cover;display:block}.picker-caption{position:absolute;left:0;right:0;bottom:0;padding:8px 6px 4px;font-family:var(--font-typewriter);font-size:10.5px;letter-spacing:.02em;color:var(--text);text-align:left;background:linear-gradient(to top,rgba(0,0,0,.55) 40%,transparent)}.account-wrap{position:relative}.account-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--bg-card);border:1px dashed var(--border-soft);border-radius:10px;padding:6px;box-shadow:0 16px 40px #00000059;z-index:30;animation:modal-rise .14s ease both}.account-menu-id{padding:8px 10px 10px;border-bottom:1px dashed var(--border-soft);margin-bottom:4px}.account-menu-label{font-family:var(--font-typewriter);font-size:10px;letter-spacing:.14em;text-transform:lowercase;color:var(--text-muted);margin-bottom:4px}.account-menu-email{font-family:var(--font-typewriter);font-size:12.5px;color:var(--text);overflow-wrap:anywhere}.account-menu-item{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:6px;padding:8px 10px;font-family:var(--font-typewriter);font-size:12.5px;letter-spacing:.02em;color:var(--text-dim);cursor:pointer}.account-menu-item:hover{background:var(--bg-sunken);color:var(--text)}.edited-by{font-family:var(--font-typewriter);font-size:11px;letter-spacing:.02em;color:var(--text-muted);overflow-wrap:anywhere}@media (max-width: 720px){.app-main{padding:24px 16px 64px}.app-header{padding:12px 14px;gap:10px;align-items:center}.brand{font-size:18px;gap:8px}.brand-name:after{font-size:9px;margin-left:6px}.nav-wrap{display:block;position:relative;margin-left:auto}.nav-toggle{display:inline-flex}.app-nav{position:absolute;top:calc(100% + 10px);right:0;flex-direction:column;align-items:stretch;gap:2px;min-width:200px;max-width:calc(100vw - 24px);padding:6px;background:var(--bg-card);border:1px dashed var(--border-soft);border-radius:10px;box-shadow:0 16px 40px #00000059;z-index:30;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease,visibility 0s linear .14s}.app-nav.is-open{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .14s ease,transform .14s ease,visibility 0s linear 0s}.app-nav a{padding:10px 12px;font-size:13px;border-radius:8px;border-color:transparent;text-align:left}.app-nav a.active{background:var(--bg-sunken);border-color:var(--accent)}.header-actions{gap:4px;flex-shrink:0;margin-left:0}.icon-btn,.theme-toggle{width:32px;height:32px}.icon-btn svg,.theme-toggle svg{width:14px;height:14px}.account-menu{min-width:180px;max-width:calc(100vw - 24px)}.page-header{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:22px;padding-bottom:14px}h1{font-size:30px}h2{font-size:18px}.page-subtitle{font-size:12.5px}.project-grid{grid-template-columns:1fr;gap:14px}.project-card{padding:18px}.project-meta{flex-direction:column;align-items:flex-start;gap:6px}.project-meta-actions{width:100%;justify-content:flex-end}.new-project-form{padding:18px}.projects-page .filter-row{gap:4px}.storyboards-layout{gap:14px}.storyboards-list{max-height:50vh}.storyboard-workspace{min-height:auto;border-radius:10px}.workspace-bar{padding:10px 12px;flex-wrap:wrap;gap:6px}.storyboard-modal{border-radius:10px}.storyboard-modal-bar{padding:10px 12px;flex-wrap:wrap;gap:8px}.storyboard-grid{grid-template-columns:minmax(0,1fr);gap:12px}.panel-form{position:fixed!important;top:12px!important;left:12px!important;right:12px!important;width:auto!important;max-width:none!important;max-height:calc(100vh - 24px)!important;transform:none!important;transform-origin:top left!important}.storyboard-panel:hover .panel-form,.storyboard-panel:focus-within .panel-form,.storyboard-panel.is-open .panel-form{transform:none!important}.board-page{padding:0}.board-topbar{margin-bottom:12px}.board-head{padding-left:12px}.board-title-input{font-size:24px}.board-addbar{flex-wrap:wrap;gap:6px}.board-masonry{column-width:220px;column-gap:12px}.board-item{padding:10px}.settings-grid{grid-template-columns:minmax(0,1fr);gap:14px}.resource-list{gap:8px}.editor-toolbar{padding:10px 12px;flex-wrap:wrap;gap:8px}.title-input{width:auto;flex:1;min-width:0}.modal-overlay{padding:12px}.modal-card{padding:18px;max-width:100%}.modal-title{font-size:18px}.modal-message{font-size:14px}.modal-actions{flex-direction:column-reverse;align-items:stretch;gap:6px}.modal-actions .btn{width:100%;justify-content:center}.richtext-modal{padding:18px;max-height:calc(100vh - 24px)}.draw-modal{padding:12px}.draw-canvas{max-height:50vh}.draw-toolbar{gap:6px}.picker-modal{padding:16px;max-height:calc(100vh - 24px)}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.login-screen{padding:16px}.login-card{padding:24px 20px}.landing-header{padding:14px 16px}.landing-hero{padding:56px 16px 40px}.landing-title{font-size:clamp(36px,11vw,56px)}.landing-lede{font-size:14.5px}.landing-features{padding:0 16px 40px;gap:40px}.landing-feature{grid-template-columns:1fr;gap:20px}.landing-feature.reverse .landing-feature-text{order:1}.landing-feature.reverse .landing-feature-art{order:2}.landing-footer{padding:60px 16px 80px}.landing-footer-title{font-size:24px}.toast-stack{right:12px;left:12px;bottom:12px;align-items:stretch}.toast{max-width:none}.mobile-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:60vh;text-align:center;padding:24px 16px}.mobile-block h2{font-size:22px}.mobile-block p{font-family:var(--font-serif);font-weight:300;font-size:15px;color:var(--text-dim);max-width:28ch;margin:0;line-height:1.5}}@media (max-width: 420px){.app-header{padding:10px 12px;gap:8px}.brand{font-size:17px}.app-nav a{padding:6px 8px;font-size:12px}h1{font-size:26px}.landing-title{font-size:clamp(32px,12vw,48px)}.board-masonry{column-width:100%}.picker-grid{grid-template-columns:1fr 1fr}}