:root{--bg:oklch(99% 0 0);--surface:oklch(97% 0.005 250);--text:oklch(25% 0.02 260);--muted:oklch(55% 0.02 260);--primary:oklch(52% 0.14 260);--accent:oklch(70% 0.17 40);--border:oklch(90% 0.01 260);--radius:10px;--font-ui:"Inter",system-ui,sans-serif;--font-read:"Source Serif 4",Georgia,serif}@media (prefers-color-scheme:dark){:root{--bg:oklch(20% 0.02 260);--surface:oklch(24% 0.02 260);--text:oklch(94% 0.01 260);--muted:oklch(72% 0.02 260);--primary:oklch(72% 0.13 260);--accent:oklch(76% 0.16 40);--border:oklch(32% 0.02 260)}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--primary)}.container{max-width:960px;margin:0 auto;padding:48px 24px}.hero h1{font-size:clamp(2rem,1.5rem + 2.5vw,3.5rem);margin:0 0 12px;letter-spacing:-.02em}.hero p{color:var(--muted);font-size:1.125rem;max-width:56ch}.btn{display:inline-block;margin-top:24px;padding:12px 20px;border-radius:var(--radius);background:var(--accent);color:white;text-decoration:none;font-weight:600}.btn.secondary{background:transparent;color:var(--primary);border:1px solid var(--border)}.editor-shell{display:grid;grid-template-columns:250px 1fr 300px;grid-gap:20px;gap:20px;min-height:100vh;padding:20px}@media (max-width:1000px){.editor-shell{grid-template-columns:1fr}}.tree{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:20px;font-size:.9rem}.tree h4{margin:0 0 8px}.tree .chapter{margin-top:10px}.tree .chapter-row{display:flex;align-items:center;gap:4px;font-weight:600}.tree .chapter-row .name{flex:1 1;cursor:default}.tree .scene-row{display:flex;align-items:center;gap:4px;padding:2px 0 2px 12px}.tree .scene-row .name{flex:1 1;cursor:pointer;text-align:left;background:none;border:none;color:var(--text);padding:2px 4px;border-radius:6px;font:inherit}.tree .scene-row .name:hover{background:var(--bg)}.tree .scene-row.active .name{background:var(--primary);color:white}.tree .mini{background:none;border:1px solid var(--border);border-radius:5px;cursor:pointer;color:var(--muted);width:22px;height:22px;line-height:1;padding:0}.tree .mini:hover{color:var(--text);border-color:var(--muted)}.tree .add{margin-top:12px;width:100%}.page{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px}.ProseMirror{font-family:var(--font-read);font-size:1.125rem;min-height:60vh;outline:none}.ProseMirror:focus{outline:none}.ai-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:24px}.ai-panel h3{margin-top:0}.ai-output{white-space:pre-wrap;font-size:.95rem;color:var(--text);min-height:80px;border:1px dashed var(--border);border-radius:8px;padding:12px;margin:12px 0}.chip{font-size:.75rem;color:var(--muted)}button.action{padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;font-weight:600}button.action:disabled{opacity:.5;cursor:default}