:root{color-scheme:dark;--ink: #f3e6d0;--ink-soft: #cbb89a;--wood: #1a120c;--wood-2: #2a1c14;--paper: #2c261f;--paper-2: #352d25;--field: #1e1914;--line: #6d5644;--red: #d45348;--gold: #e2a122;--teal: #7ec8c0;--blush: #6a3d36;--mint: #2c564c;--shadow: 6px 6px 0 #120c08;font-family:"Source Sans 3",Segoe UI,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body,#root{height:100vh;margin:0;overflow:hidden}body{background:radial-gradient(circle at 12% 8%,rgba(226,161,34,.18),transparent 28%),radial-gradient(circle at 90% 0%,rgba(199,56,46,.16),transparent 24%),var(--wood);background-repeat:no-repeat}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}.app{height:100vh;overflow:hidden;display:grid;grid-template-columns:280px minmax(0,1fr);min-width:0}.sidebar{height:100%;min-height:0;overflow:hidden;padding:16px 14px;color:#f6efe2;display:flex;flex-direction:column;gap:12px;background-color:#1a120c;background-image:linear-gradient(180deg,#4a3424,#2a1c14 46%,#1a120c);background-repeat:no-repeat;background-size:100% 100%;border-right:3px solid #0d0907}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:46px;height:46px;border:2px solid #f6efe2;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;flex:none}.brand-mark span:first-child{background:#f6efe2}.brand-mark span:last-child{background:var(--gold)}.brand h1{font-family:Fraunces,serif;font-size:28px;margin:0;letter-spacing:-.04em}.brand p{margin:0;color:#e7d3b0;font-size:13px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.story-btn,.side-link{text-align:left;background:transparent;color:#f6efe2;border:2px solid transparent;border-radius:12px;padding:10px 12px}.story-btn>strong,.side-link{display:block}.beat-sheet p{white-space:pre-wrap;line-height:1.45}.story-btn small{color:#e7d3b0}.story-btn.active,.side-link.active{background:var(--gold);color:#1c140f;border-color:var(--gold)}.beat-list .story-btn{color:var(--ink);border:2px solid var(--line);background:var(--paper-2)}.beat-list .story-btn.active{background:var(--gold);color:#1c140f;border-color:var(--gold)}.beat-list .story-btn.active small{color:#5c4014}.beat-edit{width:32px;height:32px;align-self:center;flex:none}.block-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.block textarea{width:100%;min-height:96px}.cast-list{display:flex;flex-direction:column;gap:8px}.cast-row{display:grid;grid-template-columns:22px minmax(72px,.8fr) minmax(120px,1.2fr);gap:8px;align-items:center;padding:8px 10px;border:2px solid var(--line);border-radius:12px;background:var(--paper-2)}.cast-row input{width:18px;height:18px}.cast-row select,.beat-sheet textarea{width:100%}.story-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:0;flex:1}.story-row{display:flex;align-items:center;gap:4px}.story-row .story-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;min-width:0}.story-row .story-btn strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-row.active .story-btn{background:var(--gold);color:#1c140f;border-color:var(--gold)}.story-flag{display:inline-flex;flex:0 0 auto;color:var(--gold)}.story-row.active .story-flag{color:#1c140f}.story-flag svg{width:16px;height:16px}.story-delete{flex:0 0 auto}.sidebar .btn{width:100%}.main{min-width:0;min-height:0;height:100%;overflow:hidden;display:flex;flex-direction:column;padding:10px 12px;gap:8px}.topbar,.sheet,.modal,.entity,.panel-card,.bubble,.welcome-card{background:var(--paper);border:3px solid var(--line);box-shadow:var(--shadow)}.topbar{flex:none;height:60px;min-height:60px;display:grid;grid-template-columns:minmax(160px,1fr) auto auto;gap:12px;align-items:center;padding:6px 12px;background:var(--paper-2);overflow:visible}.title-block{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:0}.title-block h2{margin:0;font-family:Fraunces,serif;font-size:22px}.title-text,.title-input{font-family:Fraunces,serif;font-size:20px;line-height:1.15;background:transparent;border:0;box-shadow:none;padding:0;margin:0;text-align:left;width:100%;border-radius:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-input{border-bottom:2px solid var(--gold)}.premise-toggle{display:block;width:100%;text-align:left;background:transparent;border:0;box-shadow:none;color:var(--ink-soft);font-size:13px;font-weight:600;padding:0;border-radius:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premise-edit{position:absolute;z-index:6;top:calc(100% + 6px);left:0;width:min(480px,46vw);min-height:72px;background:var(--field);color:var(--ink);border:2px solid var(--line);border-radius:10px;padding:8px 10px}.field input,.field textarea,.field select,.beat-list input,.beat-list textarea,.composer textarea,.entity input,.entity textarea,.entity select,.modal input,.modal textarea,.modal select{width:100%;background:var(--field);color:var(--ink);border:2px solid var(--line);border-radius:10px;padding:8px 10px}.top-actions,.status-strip{display:flex;gap:8px;align-items:center;flex:none}.row,.bubble-actions,.pager,.legend{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.status-chip{display:inline-flex;align-items:center;gap:6px;max-width:150px;color:var(--ink-soft);font-size:12px}.status-chip strong{color:var(--ink);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--line);flex:none}.status-dot.on{background:#3dbe7a}.status-dot.off{background:var(--red)}.seg-tabs{display:flex;border:2px solid var(--line);border-radius:999px;overflow:hidden;background:var(--field)}.seg-tabs button{border:0;border-radius:0;background:transparent;box-shadow:none;padding:6px 12px;font-size:13px;font-weight:700;color:var(--ink-soft)}.seg-tabs button.active{background:var(--gold);color:#1c140f}.steer-bar{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;margin-top:8px}.more-menu{position:relative;flex:none}.more-pop{position:absolute;z-index:7;bottom:calc(100% + 6px);right:0;display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:220px;max-height:280px;overflow:auto;background:var(--paper);border:2px solid var(--line);border-radius:12px;padding:8px;box-shadow:var(--shadow)}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scene-titles{color:var(--gold);font-size:12px;margin-top:4px}.messages-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.jump-latest{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:2}.panel-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.panel-thumb{aspect-ratio:4 / 3;padding:0;border:2px solid var(--line);border-radius:8px;overflow:hidden;background:#1a1511;color:var(--ink-soft);box-shadow:none}.panel-thumb img{width:100%;height:100%;object-fit:cover;display:block}.panel-thumb.current{border-color:var(--gold)}.panel-zoom{max-width:min(1100px,92vw);max-height:86vh;object-fit:contain;background:#1a1511}.page-jump{width:64px;background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:2px 6px}.section-toggle{background:transparent;border:0;color:var(--ink);font-weight:800;padding:0;text-align:left}.steer-select{background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:4px 8px}.steer-tag{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:12px;letter-spacing:.02em}.sheet{flex:1;min-height:0;min-width:0;padding:10px;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(circle,rgba(243,230,208,.06) 1px,transparent 1.2px) 0 0 / 14px 14px,var(--paper)}.sheet>*{flex:1;min-height:0;min-width:0}.sheet>.table-grid,.sheet>.script-grid,.sheet>.book-grid,.sheet>.cast-desk{overflow:hidden}.sheet>:not(.table-grid):not(.script-grid):not(.book-grid):not(.cast-desk){overflow:auto}.btn{border:2px solid #8a7058;background:#3a3128;color:var(--ink);border-radius:999px;padding:8px 14px;font-weight:700;box-shadow:3px 3px #120c08}.btn:hover{transform:translate(-1px,-1px)}.btn-red{background:var(--red);color:#fff;border-color:#1c140f}.btn-ink{background:var(--ink);color:#1c140f;border-color:var(--ink)}.btn-gold{background:var(--gold);color:#1c140f;border-color:#1c140f}.btn-tiny{padding:4px 10px;font-size:13px;box-shadow:2px 2px 0 var(--ink)}.switch{display:flex;align-items:center;gap:8px;font-weight:700}.switch input{width:18px;height:18px}.pills{display:flex;gap:6px}.pill{border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;background:#3a3128;border:2px solid var(--line);color:var(--ink)}.pill.on,.pill.off{color:#f3e6d0}.pill.on{background:var(--mint)}.pill.off{background:var(--blush)}.table-grid,.script-grid,.book-grid{display:grid;gap:14px;height:100%;min-height:0;overflow:hidden}.table-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr)}.script-grid{grid-template-columns:240px minmax(240px,.8fr) minmax(280px,1.2fr);align-items:stretch}.beat-sheet,.panel-sheet{background:var(--paper-2);border:2px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0;overflow-y:auto}.beat-list{position:static;min-height:0;overflow-y:auto}.beat-list .story-btn small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat,.toolkit,.beat-list,.panel-stage{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0;height:100%;overflow:hidden}.toolkit,.beat-list{overflow-y:auto}.legend,.composer{flex:none}.messages{display:flex;flex-direction:column;gap:12px;overflow-y:auto;min-height:0;flex:1}.bubble{padding:12px;box-shadow:4px 4px 0 var(--ink)}.bubble.user{background:#4a3824;color:#f6efe2;margin-left:12%}.bubble.assistant{margin-right:8%;background:var(--paper-2)}.bubble p{margin:0;white-space:pre-wrap;line-height:1.45}.composer{display:flex;flex-direction:column;gap:8px}.composer textarea{min-height:90px;resize:vertical}.hl{border-radius:4px;padding:0 2px}.hl-character{background:var(--mint);color:#f3e6d0}.hl-setting{background:var(--gold);color:#1c140f}.hl-outfit{background:var(--blush);color:#f3e6d0}.legend mark{font-weight:700}.entity,.panel-card,.extract,.look,.welcome-card{padding:12px;box-shadow:4px 4px #120c08}.entity header,.section-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.entity h3,.panel-card h3,.welcome-card h2,.section-head h2{font-family:Fraunces,serif;margin:0}.muted{color:var(--ink-soft);font-size:14px}.stack{display:flex;flex-direction:column;gap:8px}.portrait,.monogram{width:54px;height:54px;border:2px solid var(--ink);border-radius:50%;object-fit:cover;background:var(--gold);display:grid;place-items:center;font-family:Fraunces,serif;font-size:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700}.field.wide{grid-column:1 / -1}.extract,.look{background:var(--paper-2)}.lora-pick{position:relative;min-width:220px}.lora-menu{position:absolute;z-index:6;left:0;right:0;top:100%;max-height:200px;overflow:auto;background:var(--paper);border:2px solid var(--line);border-radius:10px;padding:4px}.lora-menu button{display:block;width:100%;text-align:left;background:transparent;border:0;padding:6px 8px;cursor:pointer}.lora-menu button:hover{background:var(--paper-2)}.warning{color:#f0b8a0;font-size:13px}.panel-card pre,.prompt-block{white-space:pre-wrap;font-family:"Source Sans 3",sans-serif;line-height:1.45;margin:0}.tag{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.04em}.scene{background:#3d3424}.prompt{background:#243632}.castline{background:#32281f}.comic{background:#3a2824}.regen-strip{display:flex;gap:8px;overflow-x:auto;align-items:center}.thumb,.regen-strip .thumb{width:84px;height:60px;padding:0;border:2px solid var(--line);border-radius:8px;background:#1a1511;overflow:hidden;flex:none}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb.current,.regen-strip img.current{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.block{border:2px solid var(--ink);border-radius:10px;padding:8px}.book-grid{grid-template-columns:72px minmax(0,1fr) 72px;align-items:stretch}.spread{display:grid;grid-template-columns:1.05fr .95fr;min-height:0;height:100%;overflow:hidden;background:var(--paper-2);border:3px solid var(--line);box-shadow:var(--shadow);animation:pageIn .45s ease}@keyframes pageIn{0%{transform:perspective(900px) rotateY(-16deg);opacity:.35}to{transform:none;opacity:1}}.page{padding:22px;min-height:0;overflow:auto}.page+.page{border-left:3px solid var(--ink)}.page-kicker{display:flex;justify-content:space-between;align-items:center;gap:8px}.page>img,.page>.image-frame>img{width:100%;border:none;display:block}.page>.image-frame{width:100%}.setting-info{position:relative}.info-btn{width:28px;height:28px}.setting-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:3;width:240px;background:var(--paper);border:2px solid var(--line);border-radius:12px;padding:10px;box-shadow:var(--shadow)}.setting-pop p{margin:6px 0 0}.image-frame{position:relative}.image-frame>.image-prompt{position:absolute;top:8px;right:8px}.prompt-preview{white-space:pre-wrap;max-height:240px;overflow:auto;margin:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#0003}.prompt-pop{width:min(380px,72vw);max-height:280px;overflow:auto}.prompt-pop p{white-space:pre-wrap}.veil{min-height:360px;display:grid;place-items:center;text-align:center;padding:24px;background:repeating-linear-gradient(135deg,rgba(243,230,208,.05) 0 8px,transparent 8px 16px),#3a3128;border:3px dashed var(--ink);font-family:Fraunces,serif;font-size:28px}.balloon{display:block;margin:8px 0}.balloon.with-avatar{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:start}.balloon .portrait{width:96px;height:96px}.say{background:#3a3228;border:2px solid var(--line);border-radius:16px 16px 16px 4px;padding:8px 10px}.sfx{font-weight:800;letter-spacing:.08em;color:var(--red)}.pager-side{border:0;background:transparent;color:#f6efe2;font-size:42px;font-family:Fraunces,serif}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#120a068c;display:grid;place-items:center;padding:24px}.modal{width:min(640px,100%);padding:16px;max-height:90vh;overflow:auto}.import-cast{width:min(720px,100%)}.import-person{display:grid;grid-template-columns:auto 48px 1fr;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px}.import-person img,.import-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;background:#3a3128;display:grid;place-items:center;font-weight:800}.import-person .switch{display:flex;gap:6px;align-items:center;margin-top:4px}.toast{position:fixed;bottom:16px;right:16px;background:#1c140f;color:#f6efe2;border:2px solid var(--gold);padding:12px 14px;border-radius:12px;max-width:420px;z-index:8}.toast p{margin:0}.toast p:not(:last-child){margin-bottom:8px}.toast .row:last-child{margin:0}.toast-error{border-color:var(--red)}.frame-badge{border:1px solid var(--gold);background:transparent;color:var(--gold);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:800;box-shadow:none}.empty{padding:28px 8px}.top-actions{position:relative}.icon-btn{width:38px;height:38px;border-radius:999px;border:2px solid #8a7058;background:#3a3128;color:var(--ink);display:grid;place-items:center;padding:0;box-shadow:2px 2px #120c08}.icon-btn.on{background:var(--gold);color:#1c140f;border-color:#1c140f}.icon-btn svg{width:18px;height:18px}.settings-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:4;width:260px;background:var(--paper-2);border:2px solid var(--line);border-radius:12px;padding:12px;box-shadow:var(--shadow)}.page .narration{margin:0 0 12px;white-space:pre-wrap}.scene-frames{display:flex;flex-direction:column;gap:10px}.scene-frame,.beat-frame{border:2px solid var(--line);border-radius:12px;padding:10px;background:#1a120c59}.scene-kicker{color:var(--gold);font-size:12px;letter-spacing:.04em;margin:0 0 8px}.subframe{border:1px solid var(--ink);border-radius:8px;padding:8px;margin:0 0 8px}.subframe:last-child{margin-bottom:0}.subframe p{margin:0 0 6px;white-space:pre-wrap}.subframe-setting{border-color:#c4a46a}.subframe-character{border-color:#d7c4a3}.subframe-outfit{border-color:#8d6b45}.subframe-dialogue{border-color:#7ec8c0}.subframe-narrative{border-color:#6d5644}.extract-progress{display:flex;align-items:center;gap:8px;color:var(--gold);font-weight:700}.spinner{width:14px;height:14px;border:2px solid #6d5644;border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.reply-line{display:flex;gap:8px;align-items:flex-start;justify-content:space-between;margin:0 0 6px}.reply-line p{margin:0;flex:1}.inline-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.outfit-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:13px;background:#3a3128}.outfit-chip.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.outfit-group{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}.outfit-variant{margin-left:8px}.chip-name{background:transparent;border:0;padding:0;color:inherit}.cast-desk{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;height:100%;min-height:0;overflow:hidden}.cast-list,.cast-work{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0;overflow-y:auto}.cast-pick{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:var(--paper-2);color:var(--ink);border:2px solid var(--line);border-radius:10px;padding:8px 10px}.cast-pick.active{border-color:var(--gold)}.cast-pick span{color:var(--ink-soft);font-size:13px}.cast-stage{display:flex;gap:16px;align-items:flex-start}.cast-portrait{width:min(100%,360px);height:460px;object-fit:contain;flex:none;background:#1a1511;border:3px solid var(--line);border-radius:12px}.cast-portrait-empty{display:grid;place-items:center;font-family:Fraunces,serif;font-size:72px;color:var(--gold)}.study-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.study-card{background:var(--paper-2);border:2px solid var(--line);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:6px}.study-card img,.study-empty{width:100%;height:240px;object-fit:contain;background:#1a1511;border-radius:8px}.study-empty{display:grid;place-items:center;color:var(--ink-soft)}.study-card p{margin:0}.conn-block{display:flex;flex-direction:column;gap:8px}.conn-head{display:flex;flex-direction:column;gap:2px}.conn-list{display:flex;flex-direction:column;gap:6px}.conn-row{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;background:var(--paper-2);color:var(--ink);border:2px solid var(--line);border-radius:10px;padding:8px 10px}.conn-row.selected{border-color:var(--gold)}.conn-dot{width:12px;height:12px;border-radius:50%;background:var(--line)}.conn-dot.reachable,.conn-dot.running{background:#3dbe7a}.conn-dot.unreachable{background:var(--red)}.conn-dot.asleep{background:var(--gold)}.conn-name{display:flex;flex-direction:column;min-width:0}.conn-host{color:var(--ink-soft);font-weight:500;font-size:12px;overflow-wrap:anywhere}.conn-state{font-size:12px;font-weight:800;letter-spacing:.03em}.status-reachable,.status-running{color:#7dcea0}.status-unreachable{color:#f0b8a0}.status-asleep{color:var(--gold)}.status-unknown{color:var(--ink-soft)}.conn-result{font-weight:700}.conn-result.ok{color:#7dcea0}.conn-result.bad{color:#f0b8a0}.modal.connections{width:min(760px,100%)}@media(max-width:1100px){.app{grid-template-columns:220px minmax(0,1fr)}.table-grid,.script-grid,.cast-desk{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.book-grid,.spread{grid-template-columns:48px minmax(0,1fr) 48px}.spread{grid-template-columns:1fr}.cast-stage{flex-direction:column}.topbar{grid-template-columns:minmax(0,1fr) auto;height:auto;min-height:56px}.seg-tabs{grid-column:1 / -1}}