:root{color:#edf0f3;background:#111317;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg-app: #111317;--bg-canvas: #15181d;--surface-1: #1b1f25;--surface-2: #22272f;--surface-3: #2a3039;--border: #363d47;--border-strong: #4a535f;--text: #edf0f3;--text-muted: #aab1bb;--text-faint: #777f8b;--accent: #d88b47;--accent-hover: #e49a58;--accent-soft: rgba(216, 139, 71, .14);--success: #61aa83;--danger: #d36a67;--info: #6f9fc7}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:1100px;min-height:640px}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #f0ad70;outline-offset:2px}::-moz-selection{color:#fff;background:#d88b4773}::selection{color:#fff;background:#d88b4773}*{scrollbar-width:thin;scrollbar-color:#4a535f transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:#4a535f;border:2px solid transparent;border-radius:10px;background-clip:padding-box}.app-shell{display:flex;width:100%;height:100%;flex-direction:column;background:var(--bg-app)}.app-toolbar{position:relative;z-index:50;display:grid;min-height:78px;grid-template-columns:235px minmax(440px,1fr) auto;align-items:center;gap:24px;padding:9px 18px;border-bottom:1px solid var(--border);background:#14171cfa;box-shadow:0 8px 24px #00000029}.app-brand{display:flex;align-items:center;gap:11px;min-width:0}.app-brand__mark{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid rgba(216,139,71,.55);border-radius:10px;color:#f1b37d;background:var(--accent-soft);font-size:12px;font-weight:800;letter-spacing:.08em}.app-brand div{display:flex;min-width:0;flex-direction:column;gap:1px}.app-brand strong{color:var(--text);font-size:14px;letter-spacing:.08em}.app-brand div span{overflow:hidden;color:var(--text-faint);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.workflow-hint{display:flex;align-items:center;gap:6px;justify-content:center;gap:3px;padding:0;border:0;background:transparent}.workflow-hint span{padding:3px 8px;border-radius:6px;color:var(--text-muted);font-size:11px;font-weight:600;white-space:nowrap}.workflow-hint span:first-child{color:#efb27d;background:var(--accent-soft)}.project-toolbar{display:flex;min-width:0;flex-direction:column;align-items:stretch;gap:3px}.project-toolbar__row{display:flex;min-width:0;align-items:center;justify-content:center;gap:9px}.project-title-input{width:min(280px,32vw);height:30px;padding:0 9px;border:1px solid transparent;border-radius:7px;color:var(--text);background:#181c21;font-size:12px;font-weight:700;text-align:center}.project-title-input:hover,.project-title-input:focus{border-color:var(--border);background:#1c2127;outline:none}.save-indicator{display:inline-flex;align-items:center;color:var(--text-faint);font-size:10px;white-space:nowrap}.save-indicator:before{width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--success);content:""}.save-indicator--saving:before{background:var(--accent)}.save-indicator--error{color:#e69b98}.save-indicator--error:before{background:var(--danger)}.mode-badge{display:inline-flex;min-height:26px;align-items:center;padding:0 8px;border:1px solid var(--border);border-radius:999px;font-size:10px;font-weight:650}.mode-badge:before{width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor;content:""}.mode-badge--mock{color:#d8aa79;border-color:#d88b4752;background:#d88b4714}.mode-badge--api,.mode-badge--mistral{color:#7bc79b;border-color:#61aa8359;background:#61aa8314}.mode-badge--lmstudio{color:#85b7e8;border-color:#6d9bd059;background:#6d9bd014}.mode-badge--image-pollinations{color:#d8aa79;border-color:#d88b4752;background:#d88b4714}.mode-badge--image-comfyui{color:#85b7e8;border-color:#6d9bd059;background:#6d9bd014}.generation-controls{display:grid;min-width:0;grid-template-columns:118px minmax(210px,1fr) minmax(118px,168px) 84px 84px auto;align-items:center;gap:6px}.generation-select,.generation-endpoint-input,.generation-model-input,.generation-context-input,.generation-secret-input,.generation-refresh-button{width:100%;height:28px;min-width:0;padding:0 8px;border:1px solid var(--border);border-radius:7px;color:var(--text-muted);background:#181c21;font-size:11px;font-weight:600}.generation-refresh-button{width:auto;padding:0 10px;cursor:pointer;white-space:nowrap}.generation-refresh-button:disabled{cursor:wait;opacity:.68}.generation-select:focus,.generation-endpoint-input:focus,.generation-model-input:focus,.generation-context-input:focus,.generation-secret-input:focus,.generation-refresh-button:focus{border-color:var(--accent);color:var(--text);outline:none}.generation-controls:has(.generation-select:only-child){grid-template-columns:minmax(118px,180px);justify-content:center}.image-generation-controls{display:grid;min-width:0;grid-template-columns:auto 118px minmax(190px,1fr) minmax(150px,190px) minmax(140px,190px);align-items:center;gap:6px}.image-generation-controls:has(.generation-select:last-child){grid-template-columns:auto minmax(118px,180px);justify-content:center}.generation-toggle{display:inline-flex;height:28px;align-items:center;gap:6px;padding:0 8px;border:1px solid var(--border);border-radius:7px;color:var(--text-muted);background:#181c21;font-size:11px;font-weight:650;white-space:nowrap}.generation-toggle input{width:13px;height:13px;accent-color:var(--accent)}.generation-warning{overflow:hidden;color:#e2b47f;font-size:10px;font-weight:600;line-height:1.25;text-align:center;text-overflow:ellipsis;white-space:nowrap}.project-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.project-actions button{height:34px;padding:0 10px;border:1px solid var(--border);border-radius:7px;color:var(--text-muted);background:#1c2026;font-size:11px;font-weight:650;cursor:pointer}.project-actions button:hover{color:var(--text);border-color:var(--border-strong);background:#252b33}.project-actions button:disabled{cursor:wait;opacity:.62}.project-actions .toolbar-danger-button:hover{color:#efaaa7;border-color:#d36a676b;background:#d36a6714}.project-actions .toolbar-active-button{color:#f1b37d;border-color:#d88b479e;background:#d88b4724}.project-actions .toolbar-active-button:hover{color:#ffd0a0;border-color:#d88b47d1;background:#d88b4733}.node-count{margin-right:3px;color:var(--text-faint);font-size:10px;white-space:nowrap}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.canvas-viewport{position:relative;min-height:0;flex:1;overflow:hidden;cursor:grab;background-color:var(--bg-canvas);background-image:radial-gradient(circle,rgba(154,164,176,.22) 1px,transparent 1.2px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.canvas-viewport--panning{cursor:grabbing}.canvas-world{position:absolute;top:0;left:0;width:0;height:0;transform-origin:0 0;will-change:transform}.connection-layer{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.connection-layer g{transform-origin:0 0}.connection-layer path{fill:none;stroke:#505865;stroke-width:1.5}.story-node{position:absolute;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:14px;color:var(--text);background:var(--surface-1);box-shadow:0 14px 32px #0000004d,0 2px 7px #0000003d;cursor:grab;pointer-events:auto;transition:border-color .14s ease,box-shadow .14s ease}.story-node:hover{border-color:var(--border-strong)}.story-node--selected{border-color:var(--accent);box-shadow:0 0 0 2px #d88b4738,0 18px 42px #0000006b}.story-node--script_output{border-top-color:#d88b47}.story-node--script_detail{border-top-color:#6f9fc7}.story-node--script_detail .story-node__body{gap:10px;overflow:auto}.story-node--script_detail .node-system-prompt textarea{min-height:120px;max-height:180px}.story-node--script_detail .node-field--inline{grid-template-columns:84px minmax(0,1fr)}.story-node--script_detail .node-field--grow textarea{min-height:150px}.story-node--prompt_node{border-top-color:#a986ff;min-width:540px;min-height:760px}.story-node--prompt_node .story-node__body{gap:10px;overflow:auto}.story-node--split_node{border-top-color:#67c7a5;min-width:420px;min-height:340px}.story-node--split_node .story-node__body,.story-node--split_item .story-node__body,.story-node--character_registry .story-node__body{overflow:auto}.story-node--split_item{border-top-color:#67a7c7;min-width:420px;min-height:430px}.story-node--character_registry{border-top-color:#9e7bff;min-width:440px;min-height:420px}.story-node--scene{border-top-color:#8793a3;min-width:400px;min-height:520px}.story-node--scene .story-node__body{gap:10px;padding:12px;overflow:auto}.story-node--chapter_timeline{border-top-color:#d88b47}.story-node--chapter_timeline .story-node__body{overflow:auto}.story-node--chapter_collector{border-top-color:#67c7a5;min-width:720px;min-height:360px}.story-node--chapter_collector .story-node__body{overflow:auto}.story-node__header{display:flex;min-height:48px;flex:0 0 auto;align-items:center;gap:9px;padding:7px 8px 7px 13px;border-bottom:1px solid #303740;background:#1b1f25f5}.story-node__icon{display:grid;width:27px;height:27px;flex:0 0 auto;place-items:center;border-radius:7px;background:#242a32}.story-node__icon img{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.story-node__title{min-width:0;flex:1;overflow:hidden;color:#f1b37d;font-size:12px;font-weight:750;letter-spacing:.045em;text-overflow:ellipsis;white-space:nowrap}.story-node__header-actions{display:flex;align-items:center;gap:4px}.node-icon-button{display:grid;width:30px;height:30px;place-items:center;padding:0;border:1px solid transparent;border-radius:7px;color:var(--text-muted);background:transparent;cursor:pointer}.node-icon-button:hover{color:var(--text);border-color:var(--border);background:var(--surface-2)}.node-chain-button{color:#b793ff}.node-chain-button--active{border-color:#8b68e8;color:#f2ecff;background:#3a2c5f}.node-delete-button{opacity:0}.story-node:hover .node-delete-button,.story-node--selected .node-delete-button,.node-delete-button:focus-visible{opacity:1}.node-delete-button:hover{color:#f2a4a1;border-color:#d36a6757;background:#d36a6717}.story-node__body{display:flex;min-height:0;flex:1;flex-direction:column;gap:11px;padding:14px;overflow:hidden}.story-node textarea,.story-node input,.story-node select{width:100%;border:1px solid var(--border);border-radius:8px;color:var(--text);background:#14171c;transition:border-color .14s ease,background .14s ease}.story-node textarea:hover,.story-node input:hover,.story-node select:hover{border-color:var(--border-strong)}.story-node textarea:focus,.story-node input:focus,.story-node select:focus{border-color:var(--accent);background:#15191e;outline:none}.story-node textarea:disabled,.story-node input:disabled,.story-node select:disabled,.story-node button:disabled{cursor:not-allowed;opacity:.55}.story-node textarea{min-height:72px;padding:10px 11px;resize:none;color:#e5e8eb;font-size:13px;line-height:1.5;-webkit-user-select:text;-moz-user-select:text;user-select:text}.story-node input,.story-node select{min-height:38px;padding:0 10px;font-size:12px}.story-node textarea::-moz-placeholder,.story-node input::-moz-placeholder{color:#69727e}.story-node textarea::placeholder,.story-node input::placeholder{color:#69727e}.node-file-control{display:grid;gap:7px;flex:0 0 auto;padding:10px;border:1px dashed #38414c;border-radius:8px;color:var(--text-muted);background:#15191e;font-size:11px;font-weight:750}.node-file-control input{min-height:0;padding:0;border:0;color:var(--text-faint);background:transparent;font-size:11px}.node-field{display:flex;min-height:0;flex-direction:column;gap:6px}.node-field>span{color:var(--text-muted);font-size:11px;font-weight:650}.node-field small{color:var(--text-faint);font-size:10px;font-weight:500}.node-field--grow{flex:1}.node-field--inline{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center}.node-field--grow textarea{min-height:110px;flex:1}.node-field--chapter-plan{flex:0 0 auto}.node-field--chapter-plan textarea{min-height:138px;max-height:158px}.story-node--source-chapter_plan .story-node__body{gap:10px}.story-node--source-chapter_plan .node-message,.story-node--source-chapter_plan .node-field--inline{flex:0 0 auto}.node-textarea--compact{min-height:58px!important;max-height:66px}.node-system-prompt{flex:0 0 auto;border:1px solid #303740;border-radius:8px;background:#14181e}.node-system-prompt summary{padding:9px 11px;color:var(--accent);font-size:11px;font-weight:800;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.node-system-prompt textarea{min-height:150px;max-height:260px;border-width:1px 0 0;border-radius:0 0 8px 8px;font-size:11px;line-height:1.45}.prompt-node-sockets{display:flex;flex:0 0 auto;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #303740;border-radius:8px;background:#15191e}.prompt-node-socket-column{display:grid;gap:5px;color:var(--text-muted);font-size:10px;font-weight:850;letter-spacing:.08em}.prompt-node-socket-column span{display:flex;align-items:center;gap:6px}.prompt-node-socket-column--out span{justify-content:flex-end}.prompt-node-socket-column i{width:9px;height:9px;flex:0 0 auto;border:1px solid rgba(169,134,255,.9);border-radius:50%;background:#a986ff38;box-shadow:0 0 10px #a986ff3d}.node-socket-button{display:flex;align-items:center;gap:6px;padding:0;border:0;color:inherit;background:transparent;font:inherit;letter-spacing:inherit;cursor:pointer}.prompt-node-socket-column--out .node-socket-button{justify-content:flex-end}.node-socket-button:hover{color:var(--text-main)}.node-socket-button--active{color:#d7c8ff}.node-socket-button--accept{color:#a2f2d2}.node-socket-button--active i,.node-socket-button--accept i{transform:scale(1.25);box-shadow:0 0 14px currentColor}.split-node-sockets{display:flex;flex:0 0 auto;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #303740;border-radius:8px;color:var(--text-muted);background:#15191e;font-size:10px;font-weight:850;letter-spacing:.08em}.split-node-sockets span{display:flex;align-items:center;gap:6px}.split-node-sockets i{width:9px;height:9px;flex:0 0 auto;border:1px solid rgba(103,199,165,.9);border-radius:50%;background:#67c7a538;box-shadow:0 0 10px #67c7a533}.character-registry-sockets{display:flex;flex:0 0 auto;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #343044;border-radius:8px;color:#c3b6ff;background:#1d182bc7;font-size:10px;font-weight:850;letter-spacing:.08em}.character-registry-sockets span{display:flex;align-items:center;gap:6px}.character-registry-sockets i{width:9px;height:9px;flex:0 0 auto;border:1px solid rgba(169,134,255,.94);border-radius:50%;background:#a986ff3d;box-shadow:0 0 12px #a986ff3d}.split-item-meta{display:flex;flex:0 0 auto;justify-content:space-between;gap:8px;color:var(--text-muted);font-size:11px;font-weight:750}.story-node--split_item textarea{min-height:260px;flex:1;font-size:11px;line-height:1.45}.character-registry-field textarea{min-height:210px;flex:1;font-size:11px;line-height:1.45}.split-item-actions{display:grid;flex:0 0 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.split-item-actions__wide{grid-column:1 / -1}.split-item-actions button{min-height:38px;padding:8px 10px}.prompt-node-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex:0 0 auto}.story-node--prompt_node .node-field{flex:0 0 auto}.story-node--prompt_node .node-field textarea{min-height:58px}.story-node--prompt_node .node-system-prompt textarea{min-height:120px;max-height:150px}.prompt-node-template{min-height:90px!important;max-height:110px}.prompt-node-result{flex:0 0 auto}.prompt-node-result textarea{min-height:150px!important;max-height:260px}.node-field-grid{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px}.node-primary-button,.node-secondary-button,.node-segmented-actions button{min-height:38px;flex:0 0 auto;border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:color .14s ease,border-color .14s ease,background .14s ease}.node-primary-button{color:#171411;background:var(--accent)}.node-primary-button:hover{background:var(--accent-hover)}.node-primary-button--cancel,.node-secondary-button--cancel{color:#efb1ae;border-color:#d36a675c;background:#d36a671a}.story-node--busy{border-color:#e092478a;box-shadow:0 0 0 1px #e092471f,0 0 22px #e0924724}.node-loading-message{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(224,146,71,.34);border-radius:8px;color:#f0c48f;background:#e092471a;font-size:11px;font-weight:700;line-height:1.35}.node-loading-spinner{width:15px;height:15px;flex:0 0 auto;border:2px solid rgba(240,196,143,.28);border-top-color:#e09247;border-radius:50%;animation:node-loading-spin .85s linear infinite}@keyframes node-loading-spin{to{transform:rotate(360deg)}}.node-secondary-button,.node-segmented-actions button{color:var(--text-muted);border-color:var(--border);background:#20252c}.node-secondary-button:hover,.node-segmented-actions button:hover{color:var(--text);border-color:var(--border-strong);background:#292f38}.node-secondary-button--active{color:#171411;border-color:#e09247cc;background:var(--accent)}.node-secondary-button--active:hover{color:#171411;border-color:#e09247f2;background:var(--accent-hover)}.node-action-stack{display:flex;flex-direction:column;gap:8px}.node-segmented-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.node-segmented-actions--narration,.node-segmented-actions--voice{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}.node-audio-player{margin-top:10px}.node-audio-player audio{display:block;width:100%;height:34px}.node-video-player{display:grid;gap:8px;margin-top:10px}.node-video-player video{display:block;width:100%;aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:8px;background:#0f1216}.node-download-link{display:grid;min-height:32px;place-items:center;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);background:#20252c;font-size:11px;font-weight:700;text-decoration:none}.node-output{position:relative;display:flex;min-height:0;flex:1;border:1px solid #303740;border-radius:9px;background:#15181d;-webkit-user-select:text;-moz-user-select:text;user-select:text}.node-output__text{width:100%;min-height:0;padding:12px 42px 12px 12px;overflow:auto;color:#d7dce1;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.node-copy-button{position:absolute;top:7px;right:7px;border-color:#343b45;background:#22272e}.node-copy-button img{width:14px;height:14px}.node-message{padding:8px 10px;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);background:#1a1e24;font-size:11px;line-height:1.4}.node-message--error{color:#efaaa7;border-color:#d36a6754;background:#d36a6714}.node-message--info{color:#a9c6df;border-color:#6f9fc747;background:#6f9fc714}.story-node--association{border-radius:11px}.story-node--association .story-node__header{height:100%;min-height:0;border-bottom:0;border-left:3px solid #708d82}.story-node--association .story-node__icon{width:24px;height:24px}.story-node--association .story-node__title{color:#c9d0d6;font-weight:600;letter-spacing:0}.story-node--association .story-node__body{display:none}.scene-output{min-height:84px}.scene-node__description{min-height:128px;max-height:150px;flex:0 0 auto}.scene-node__description .node-output__text{font-size:12px;line-height:1.45}.scene-node__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex:0 0 auto}.scene-node__actions .node-primary-button,.scene-node__actions .node-secondary-button,.scene-node__media-actions button{min-height:36px;padding:0 8px;font-size:11px;line-height:1.2}.scene-node__actions .node-primary-button{grid-column:1 / -1}.scene-node__media-actions{margin-top:0}.generated-image{display:grid;min-height:0;flex:1;place-items:center;overflow:hidden;border-radius:9px;color:var(--text-muted);background:#111418;font-size:12px;text-align:center}.generated-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none}.chapter-timeline{display:flex;min-height:0;flex:1;flex-direction:column;gap:12px}.chapter-timeline__settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;flex:0 0 auto}.chapter-timeline__summary{display:grid;grid-template-columns:repeat(7,minmax(72px,1fr)) repeat(4,minmax(104px,auto));gap:7px;flex:0 0 auto}.chapter-timeline__summary span{display:flex;min-width:0;min-height:42px;flex-direction:column;justify-content:center;padding:7px 9px;border:1px solid #303740;border-radius:7px;color:var(--text-faint);background:#171b20;font-size:10px;font-weight:700;line-height:1.25}.chapter-timeline__summary strong{color:#f0b179;font-size:15px;line-height:1.1}.chapter-timeline__refresh{min-height:42px}.chapter-timeline__empty{display:grid;min-height:0;flex:1;place-items:center;padding:24px;border:1px dashed #3b4450;border-radius:8px;color:var(--text-muted);background:#15181d;font-size:13px;line-height:1.5;text-align:center}.chapter-timeline__rail{display:grid;min-height:0;flex:1;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-auto-rows:max-content;gap:10px;align-content:start;align-items:start;overflow:visible;padding:2px 2px 10px;cursor:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.chapter-collector{display:flex;min-height:0;flex:1;flex-direction:column;gap:12px}.chapter-collector .chapter-timeline__summary{grid-template-columns:repeat(3,minmax(96px,1fr)) minmax(190px,auto)}.chapter-collector__slots{display:grid;min-height:0;flex:1;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-auto-rows:max-content;gap:9px;align-content:start;overflow:auto;padding:2px 2px 10px;cursor:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.chapter-collector__slot{position:relative;display:grid;min-height:96px;gap:5px;padding:10px 34px 10px 10px;border:1px solid #303740;border-radius:8px;background:#171b20}.chapter-collector__slot--ready{border-color:#67c7a58c;background:#172620db}.chapter-collector__slot-number{color:#f0b179;font-size:11px;font-weight:900;text-transform:uppercase}.chapter-collector__slot strong{overflow:hidden;color:var(--text-main);font-size:12px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.chapter-collector__slot em{color:var(--text-muted);font-size:11px;font-style:normal;line-height:1.35}.chapter-collector__slot b{position:absolute;top:10px;right:10px;color:#67c7a5;font-size:14px}.chapter-timeline__scene{display:flex;min-width:0;min-height:340px;flex-direction:column;gap:8px;padding:10px;border:1px solid #303740;border-radius:8px;background:#171b20}.chapter-timeline__scene--system{border-color:#d88b478f;background:#1d1a18}.chapter-timeline__scene-header{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px}.chapter-timeline__scene-header strong{overflow:hidden;color:#f1b37d;font-size:11px;font-weight:800;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.chapter-timeline__scene-header span{color:var(--text-faint);font-size:9px;font-weight:700;text-transform:uppercase}.chapter-timeline__scene-text{display:-webkit-box;min-height:46px;margin:0;overflow:hidden;color:#cdd3da;font-size:10px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:4}.chapter-timeline__insert{display:flex;flex:0 0 auto;flex-direction:column;gap:4px;padding:8px;border:1px solid rgba(216,139,71,.34);border-radius:7px;color:#e0c2a0;background:#d88b4714}.chapter-timeline__insert strong{color:#f1b37d;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.chapter-timeline__insert span{display:block;font-size:10px;line-height:1.35;white-space:pre-wrap}.chapter-timeline__system-frame{display:grid;aspect-ratio:16 / 9;place-items:center;overflow:hidden;padding:12px;border:1px solid rgba(241,179,125,.28);border-radius:7px;color:#f1b37d;background:linear-gradient(135deg,#f1b37d29,#5670861a),#111418}.chapter-timeline__system-frame span{display:-webkit-box;overflow:hidden;max-width:100%;color:#e8d2b8;font-size:10px;line-height:1.35;text-align:center;white-space:pre-wrap;-webkit-box-orient:vertical;-webkit-line-clamp:5}.chapter-timeline__system-frame img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.chapter-timeline__thumb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;flex:0 0 auto}.chapter-timeline__thumb{display:grid;aspect-ratio:16 / 11;place-items:center;overflow:hidden;border:1px solid #303740;border-radius:7px;color:var(--text-faint);background:#101317;font-size:10px;font-weight:700}.chapter-timeline__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.chapter-timeline__badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:auto}.chapter-timeline__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;flex:0 0 auto}.chapter-timeline__actions button{min-width:0;min-height:28px;overflow:hidden;padding:0 6px;border:1px solid #303740;border-radius:6px;color:#c5ccd4;background:#20252c;font:inherit;font-size:9px;font-weight:800;line-height:1;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.chapter-timeline__actions button:hover:not(:disabled){color:#171411;border-color:#e09247d1;background:var(--accent)}.chapter-timeline__actions button:disabled{cursor:not-allowed;opacity:.52}.chapter-timeline__badge{display:flex;min-width:0;min-height:24px;align-items:center;justify-content:space-between;gap:5px;padding:0 6px;border:1px solid #303740;border-radius:6px;color:#858e9a;background:#13171c;font-size:9px;font-weight:750}.chapter-timeline__badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-timeline__badge strong{color:#68717d;font-size:10px}.chapter-timeline__badge--ready{color:#abcbb8;border-color:#61aa8352;background:#61aa8314}.chapter-timeline__badge--ready strong{color:#69bd8a}.generated-prompt-tools{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:7px;flex:0 0 auto}.generated-prompt-tools .node-icon-button{border-color:var(--border);background:#20252c}.generated-prompt-tools img{width:14px;height:14px}.generated-prompt-toggle{min-height:32px;font-size:11px}.generated-image-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:7px;flex:0 0 auto}.generated-image-actions .node-secondary-button{min-height:32px;font-size:11px}.generated-reference-button--active{color:#171411;border-color:#e09247db;background:#e09247}.generated-reference-button--active:hover{color:#171411;background:#f0a050}.generated-canon-button--active{color:#171411;border-color:#9e7bffe6;background:#a986ff}.generated-canon-button--active:hover{color:#171411;background:#b999ff}.generated-prompt-panel{display:flex;max-height:48%;min-height:96px;flex:0 1 auto;flex-direction:column;gap:9px;overflow:auto;padding:10px;border:1px solid #303740;border-radius:8px;background:#12161b;-webkit-user-select:text;-moz-user-select:text;user-select:text}.generated-prompt-section{display:flex;min-height:0;flex:0 0 auto;flex-direction:column;gap:5px}.generated-prompt-section__title{color:#f1b37d;font-size:10px;font-weight:760;letter-spacing:.06em;text-transform:uppercase}.generated-prompt-section__text{flex:0 0 auto;color:#d7dce1;font-size:11px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.node-resize-handle{position:absolute;right:0;bottom:0;width:24px;height:24px;padding:0;border:0;border-radius:7px 0 12px;background:linear-gradient(135deg,transparent 42%,#68717d 43%,#68717d 51%,transparent 52%,transparent 62%,#68717d 63%,#68717d 71%,transparent 72%);cursor:nwse-resize;opacity:.58}.node-resize-handle:hover,.story-node--selected .node-resize-handle{opacity:1}.canvas-help,.selection-status,.canvas-controls{position:absolute;z-index:20;border:1px solid rgba(62,70,82,.88);background:#181c21eb;box-shadow:0 8px 22px #0000003d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.canvas-help{bottom:16px;left:16px;max-width:470px;padding:8px 11px;border-radius:8px;color:var(--text-faint);font-size:11px;pointer-events:none}.canvas-controls{right:16px;bottom:16px;display:flex;align-items:center;padding:5px;border-radius:10px}.canvas-controls button{min-width:36px;height:34px;padding:0 10px;border:0;border-radius:7px;color:var(--text-muted);background:transparent;font-size:12px;font-weight:650;cursor:pointer}.canvas-controls button:hover{color:var(--text);background:var(--surface-3)}.canvas-controls__value{min-width:58px!important;color:var(--text)!important;font-variant-numeric:tabular-nums}.canvas-controls__divider{width:1px;height:22px;margin:0 5px;background:var(--border)}.selection-status{bottom:16px;left:50%;max-width:420px;padding:8px 11px;transform:translate(-50%);overflow:hidden;border-radius:8px;color:var(--text-faint);font-size:11px;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.selection-status strong{color:var(--text-muted)}.app-toast{position:fixed;z-index:100;top:84px;right:18px;display:flex;width:min(420px,calc(100vw - 36px));align-items:flex-start;gap:12px;padding:12px 12px 12px 14px;border:1px solid var(--border-strong);border-left:3px solid var(--info);border-radius:10px;color:var(--text);background:#20252c;box-shadow:0 18px 42px #00000061;font-size:13px}.app-toast--success{border-left-color:var(--success)}.app-toast--error{border-left-color:var(--danger)}.app-toast span{flex:1;line-height:1.45}.app-toast button{width:28px;height:28px;padding:0;border:0;border-radius:6px;color:var(--text-muted);background:transparent;cursor:pointer}.app-toast button:hover{color:var(--text);background:var(--surface-3)}.dialog-backdrop{position:fixed;z-index:200;display:grid;top:0;right:0;bottom:0;left:0;place-items:center;padding:24px;background:#07090cb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fatal-error{display:grid;width:100%;height:100%;place-items:center;padding:24px;background:var(--bg-app)}.fatal-error__card{width:min(520px,100%);padding:28px;border:1px solid var(--border-strong);border-radius:16px;background:var(--surface-1);box-shadow:0 24px 70px #00000075}.fatal-error__card>span{color:#e3a36c;font-size:11px;font-weight:800;letter-spacing:.09em}.fatal-error__card h1{margin:10px 0;font-size:23px}.fatal-error__card p{color:var(--text-muted);font-size:14px;line-height:1.6}.fatal-error__card button{min-height:40px;margin-top:10px;padding:0 16px;border:0;border-radius:8px;color:#171411;background:var(--accent);font-weight:700;cursor:pointer}.confirm-dialog{width:min(430px,100%);padding:24px;border:1px solid var(--border-strong);border-radius:14px;background:#20252c;box-shadow:0 26px 70px #0000008c}.confirm-dialog__eyebrow{color:#e3a36c;font-size:10px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.confirm-dialog h2{margin:8px 0;color:var(--text);font-size:19px;line-height:1.3}.confirm-dialog p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.55}.confirm-dialog__actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.confirm-dialog__actions button{min-height:38px;padding:0 16px;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);background:var(--surface-2);font-size:12px;font-weight:700;cursor:pointer}.confirm-dialog__actions button:hover{color:var(--text);border-color:var(--border-strong)}.confirm-dialog__actions .danger-button{color:#fff;border-color:#b65755;background:#b65755}.confirm-dialog__actions .danger-button:hover{border-color:#c86562;background:#c86562}@media (max-width: 1260px){.app-toolbar{grid-template-columns:210px minmax(330px,1fr) auto}.generation-controls{grid-template-columns:118px minmax(180px,1fr)}.generation-controls .generation-model-input{grid-column:2}.generation-controls .generation-context-input{grid-column:2;max-width:110px}.generation-controls .generation-refresh-button{grid-column:2;justify-self:start}.image-generation-controls{grid-template-columns:auto 118px minmax(180px,1fr)}.image-generation-controls .generation-model-input,.image-generation-controls .generation-toggle{grid-column:3}.generation-warning{white-space:normal}.workflow-hint{display:none}.project-title-input{width:220px}.node-count{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}