.navbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-card)}.navbar-brand{justify-self:start;font-weight:700;font-size:1.25rem;text-decoration:none;color:var(--text)}.navbar-center{justify-self:center;min-width:0;display:flex;justify-content:center}.navbar-project-title{margin:0;font-size:1.125rem;font-weight:600;text-align:center;max-width:min(50vw,480px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-actions{justify-self:end;display:flex;align-items:center;gap:.5rem}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;border-radius:6px;background:transparent;color:var(--text);text-decoration:none;font-size:1rem}.nav-icon:hover{background:var(--border)}.nav-ai-key{position:relative}.nav-ai-key-trigger--missing{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--danger) 55%,transparent)}.nav-ai-key-trigger--ready{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--layout-tab) 70%,transparent)}.nav-ai-key-popover{position:absolute;top:calc(100% + .35rem);right:0;z-index:50;width:min(20rem,calc(100vw - 2rem));padding:.85rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);box-shadow:0 8px 24px color-mix(in srgb,var(--text) 12%,transparent)}.nav-ai-key-fieldset{margin:0;padding:0;border:none}.nav-ai-key-fieldset legend{font-size:.85rem;font-weight:600;margin-bottom:.5rem}.nav-ai-key-field{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem}.nav-ai-key-field input[type=password]{width:100%;padding:.45rem .55rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}.nav-ai-key-hint{margin:0;font-size:.75rem;color:var(--text-muted)}.dashboard-page{max-width:56rem;margin:0 auto;padding:1.5rem 0 3rem}.dashboard-error{margin:0 0 1.25rem;padding:.625rem .875rem;border-radius:8px;background:color-mix(in srgb,#dc2626 12%,transparent);color:#dc2626;font-size:.875rem}.dashboard-top{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media(max-width:720px){.dashboard-top{grid-template-columns:1fr}}.dashboard-section{margin-bottom:0}.dashboard-section h2{margin:0 0 1rem;font-size:1.05rem;font-weight:600}.dashboard-import-fields{display:flex;flex-direction:column;gap:.875rem}.dashboard-import-file{width:100%;font-size:.875rem;color:var(--text-muted)}.dashboard-import-name{width:100%;max-width:24rem;box-sizing:border-box}.dashboard-create-form{display:flex;flex-direction:column;gap:.75rem}.dashboard-create-form .form-group{margin:0}.dashboard-create-actions{display:flex;flex-wrap:wrap;gap:.5rem}.dashboard-create-toggle{min-width:2.75rem;min-height:2.75rem;padding:0;font-size:1.35rem;line-height:1}.dashboard-projects{margin-top:1rem}.project-list{list-style:none;padding:0;margin:0}.project-list li{padding:.875rem 0;border-bottom:1px solid var(--border)}.project-list li:last-child{border-bottom:none}.project-list-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.project-list-actions{display:flex;flex-shrink:0;gap:.35rem}.project-list-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.project-list-title-link,.project-list-title-btn,.project-pitch-link{text-decoration:none;color:inherit;align-self:flex-start}.project-list-title-btn{padding:0;border:none;background:none;font:inherit;cursor:pointer;text-align:left}.project-list-title-btn:hover:not(:disabled) .project-list-name{color:var(--accent)}.project-list-title-btn:disabled{cursor:default}.project-list-title-link:hover .project-list-name{color:var(--accent)}.project-list-name{font-size:1rem;color:var(--text)}.project-created{font-size:.75rem;color:var(--text-muted)}.project-pitch-link{max-width:100%}.project-pitch{color:var(--text-muted);font-size:.875rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-rename-input{width:100%;max-width:20rem;padding:.2rem .4rem;font-size:1rem;font-weight:600;border:1px solid var(--accent);border-radius:4px;background:var(--bg);color:var(--text);box-sizing:border-box}.dashboard-empty{margin:0;color:var(--text-muted);font-size:.9rem}.home-page{position:relative;min-height:100dvh;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding:0 1.5rem 12vh}.home-page-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;pointer-events:none;-webkit-user-select:none;user-select:none}.home-page-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,color-mix(in srgb,#0f0a14 55%,transparent) 0%,transparent 45%);pointer-events:none}.home-page-langs{position:relative;z-index:1;display:flex;gap:1.25rem;align-items:center;justify-content:center}.home-lang-btn{display:flex;align-items:center;justify-content:center;width:3.75rem;height:3.75rem;padding:0;border:2px solid color-mix(in srgb,#fff 75%,transparent);border-radius:999px;background:color-mix(in srgb,#fff 18%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;box-shadow:0 4px 24px color-mix(in srgb,#000 35%,transparent)}.home-lang-btn:hover{transform:scale(1.06);border-color:#fff;box-shadow:0 6px 28px color-mix(in srgb,#000 45%,transparent)}.home-lang-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}.home-lang-flag{display:block;width:2rem;height:auto;border-radius:2px;box-shadow:0 1px 4px color-mix(in srgb,#000 25%,transparent)}@media(max-width:640px){.home-page{padding-bottom:10vh}.home-lang-btn{width:3.25rem;height:3.25rem}.home-lang-flag{width:1.65rem}}.char-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:3000;display:flex;justify-content:center;align-items:flex-start;padding:1rem 1.5rem;background:#0000008c;overflow-y:auto}.char-modal{width:100%;max-width:64rem;max-height:none;margin:auto 0;overflow:visible;display:flex;flex-direction:column;box-shadow:0 12px 40px #0000004d}.char-modal-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem 1.5rem;align-items:start;flex:1;min-height:0}.char-modal-col{display:flex;flex-direction:column;gap:0;min-width:0;min-height:0}.char-modal-col>*{flex-shrink:0}.char-modal-col>.form-group{margin-bottom:.5rem;display:flex;flex-direction:column}.char-modal-col>.char-age-mode{margin-bottom:.5rem}.char-modal-col>.char-photo-field{margin-bottom:.5rem}.char-modal-col>.form-group textarea{resize:vertical;min-height:4.5rem}.char-modal-col>.char-form-group-grow textarea{min-height:5.5rem}.char-modal-col>.char-form-group-grow-2 textarea{min-height:14rem}.char-modal-col>.form-group-inline{display:flex;flex-direction:column;align-items:stretch;gap:.3rem;margin-bottom:.5rem}.char-modal-col>.form-group-inline>label{margin:0;white-space:normal}.char-modal-col>.form-group-inline>input{width:100%;min-width:0}.char-modal-col>.form-group-inline>.char-field-error{margin:0}.char-name-field>.char-name-input-row{display:flex;align-items:stretch;gap:.5rem;width:100%}.char-name-input-row input{flex:1 1 auto;min-width:0}.char-name-replace-btn{flex:0 0 auto;white-space:nowrap}.char-name-input-locked{cursor:default;background:color-mix(in srgb,var(--border) 35%,var(--bg));color:var(--text-muted)}.char-name-locked-hint{margin:.3rem 0 0;font-size:.78rem;color:var(--text-muted);line-height:1.35}.char-replace-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3100;display:flex;align-items:flex-start;justify-content:center;padding:1.5rem;background:#0009;overflow-y:auto}.char-replace-modal{width:min(32rem,100%);margin:auto 0;max-height:none}.char-replace-title{margin:0 0 .35rem;font-size:1.1rem}.char-replace-lead{margin:0 0 1rem;font-size:.85rem;color:var(--text-muted);line-height:1.4}.char-replace-scopes{margin:0 0 1rem;padding:0;border:none}.char-replace-scopes legend{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.char-replace-scope-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.char-replace-scope-item{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer}.char-replace-scope-text{display:flex;flex-direction:column;gap:.1rem}.char-replace-scope-label{font-size:.88rem}.char-replace-scope-hint{font-size:.75rem;color:var(--text-muted);line-height:1.3}.char-replace-preview{margin:0 0 .75rem;padding:.65rem .75rem;border-radius:6px;background:color-mix(in srgb,var(--accent) 8%,var(--bg-card));font-size:.85rem}.char-replace-preview-total{margin:0 0 .35rem;font-weight:600}.char-replace-preview-list{margin:0;padding-left:1.1rem}.char-replace-actions{display:flex;flex-wrap:wrap;gap:.5rem}.char-replace-progress-modal{width:min(24rem,100%)}.char-replace-progress-lead{margin:0 0 1rem;font-size:.85rem;color:var(--text-muted)}.char-replace-progress-track{height:.55rem;border-radius:999px;background:color-mix(in srgb,var(--border) 80%,transparent);overflow:hidden}.char-replace-progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 70%,var(--layout-tab)));transition:width .18s ease-out}.char-replace-progress-percent{margin:.45rem 0 0;font-size:.8rem;color:var(--text-muted);text-align:right}.char-replace-result-modal{width:min(28rem,100%)}.char-replace-result-names{margin:0 0 .85rem;font-size:.88rem;color:var(--text-muted)}.char-replace-result-total{margin:0 0 .65rem;font-size:1rem;font-weight:600}.char-replace-result-list{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.4rem}.char-replace-result-list li{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.45rem .55rem;border-radius:6px;background:color-mix(in srgb,var(--accent) 7%,var(--bg-card));font-size:.85rem}.char-replace-result-scope{min-width:0}.char-replace-result-count{flex-shrink:0;font-weight:600;color:var(--accent)}.char-replace-result-none{margin:0 0 1rem;font-size:.9rem;color:var(--text-muted)}@media(max-width:900px){.char-modal-cols{grid-template-columns:1fr}}.characters-workspace{width:100%}.characters-gallery-section{width:100%;margin-bottom:3.5rem}.characters-workspace>.characters-gallery-section+.characters-gallery-section{padding-top:2rem;border-top:1px solid var(--border)}.characters-gallery-section-ghosts{margin-bottom:0}.characters-gallery-heading{margin:0 0 1rem;font-size:1.35rem;font-weight:700;letter-spacing:.01em;line-height:1.25;color:var(--text)}.characters-gallery-hint{margin:-.35rem 0 .75rem;font-size:.8rem;color:var(--text-muted)}.characters-gallery-empty{margin:0;font-size:.875rem;color:var(--text-muted)}.characters-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;width:100%}.char-gallery-by-family{display:flex;flex-wrap:wrap;gap:.85rem 1rem;align-items:stretch;width:100%}.char-gallery-by-family .char-gallery-group{flex:1 1 15rem;min-width:min(100%,13rem);max-width:100%;margin-bottom:0;display:flex;flex-direction:column;gap:.5rem;padding:.65rem .75rem .75rem;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--bg-card) 92%,var(--border))}.characters-gallery-flex{display:flex;flex-wrap:wrap;gap:.65rem;width:100%;flex:1;align-content:flex-start}.characters-gallery-flex .char-card{flex:1 1 6.75rem;min-width:5.75rem;max-width:9.25rem}.characters-gallery-flex .char-card-add{flex:0 0 6.75rem;max-width:9.25rem}.char-card{display:flex;flex-direction:column;align-items:stretch;padding:0;border:2px solid var(--border);border-radius:8px;background:var(--bg-card);overflow:hidden;cursor:pointer;text-align:left;color:inherit}.char-card:hover{border-color:var(--accent)}.char-card-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.char-card-photo{aspect-ratio:3 / 4;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--text-muted);font-size:2rem;overflow:hidden}.char-card-photo img{width:100%;height:100%;object-fit:cover}.char-card-placeholder{font-size:2rem}.char-visual-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem 1rem;width:100%}.char-visual-media-actions{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:stretch}.char-visual-media-block{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;min-width:0}.char-visual-media-block-label{font-size:.82rem;font-weight:600;color:var(--text-muted)}.char-photo-preview{width:100%;aspect-ratio:3 / 4;border:1px solid var(--border);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg)}.char-moodboard-preview{position:relative;width:100%;aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:color-mix(in srgb,var(--border) 25%,var(--bg));display:flex;align-items:center;justify-content:center}.char-moodboard-preview-filled{background:#1a1a1a}.char-moodboard-thumb-item{position:absolute;height:auto;object-fit:contain;pointer-events:none;border-radius:2px;box-shadow:0 1px 4px #00000059}.char-moodboard-placeholder{font-size:2rem;opacity:.55}.char-visual-media-actions .btn,.char-visual-media-actions .char-photo-choose{width:100%;text-align:center;justify-content:center}.char-age-section{margin-top:.25rem;padding-top:.85rem;border-top:1px solid var(--border)}.char-age-section-title{margin:0 0 .5rem;font-size:.9rem;font-weight:600}.char-age-section .char-age-mode{margin-bottom:.5rem}.char-age-section .char-age-field{margin-bottom:0}.char-age-range-inputs{display:flex;gap:.5rem}.char-age-range-inputs input{flex:1 1 0;min-width:0}.char-photo-preview img{width:100%;height:100%;object-fit:cover}.char-photo-choose{cursor:pointer}.char-photo-choose input:disabled+span,.char-photo-choose:has(input:disabled){opacity:.6;cursor:wait}.char-photo-hint{margin:.35rem 0 0;font-size:.8rem;color:var(--text-muted)}.char-photo-error,.char-field-error{margin:.35rem 0 0;font-size:.875rem;color:var(--danger)}.char-card-label{padding:.35rem .5rem .2rem;font-size:.75rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.char-card-family-bar{display:block;height:4px;width:100%;border-top:1px solid var(--border)}.char-card-family-bar-empty{background:var(--border);opacity:.35}.characters-families-section{margin-bottom:3.5rem}.char-families-create{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.75rem}.char-families-create input[type=text]{width:30ch;max-width:100%;flex:0 0 auto;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}.char-family-color-input{width:2.75rem;height:2.25rem;padding:.15rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);cursor:pointer}.char-families-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.char-family-chip{display:flex;align-items:center;gap:.4rem;padding:.35rem .5rem .35rem .4rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);font-size:.875rem}.char-family-swatch{width:1rem;height:1rem;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.15)}.char-family-chip-name{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text}.char-family-chip-rename{width:14ch;min-width:8ch;max-width:12rem;padding:.1rem .35rem;border:1px solid var(--accent);border-radius:4px;background:var(--bg);color:var(--text);font-size:.875rem;font-family:inherit}.char-family-delete{padding:0 .35rem;min-width:auto;line-height:1;font-size:1.1rem}.char-gallery-section-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.5rem;margin-bottom:.75rem}.char-gallery-section-header .characters-gallery-heading{margin-bottom:0;padding-bottom:.15rem}.char-gallery-sort-mode{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}.char-gallery-sort-mode button{padding:.35rem .65rem;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-muted);font-size:.8rem;cursor:pointer}.char-gallery-sort-mode button.char-gallery-sort-active{border-color:var(--accent);color:var(--text);background:var(--bg)}.char-gallery-group{margin-bottom:1.25rem}.char-gallery-by-family .char-gallery-group-heading{margin-bottom:0}.char-gallery-family-rows{display:flex;flex-direction:column;gap:.85rem;width:100%}.char-gallery-family-rows .char-gallery-group{width:100%;margin-bottom:0;display:flex;flex-direction:column;gap:.5rem;padding:.65rem .75rem .75rem;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--bg-card) 92%,var(--border))}.char-gallery-family-rows .char-gallery-group-heading{margin-bottom:0}.char-gallery-family-rows .characters-gallery-flex{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:thin}.char-gallery-family-rows .characters-gallery-flex .char-card{flex:0 0 7.25rem;min-width:7.25rem;max-width:7.25rem}.char-gallery-group-heading{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--text-muted)}.char-gallery-group-swatch{width:.75rem;height:.75rem;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.12)}.char-gallery-add-row{margin-top:.25rem}.char-family-preview-bar{display:block;height:4px;width:100%;margin-top:.35rem;border-radius:2px}.char-card-add{aspect-ratio:3 / 4;min-height:120px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;color:var(--accent);border-style:dashed;background:transparent}.char-card-add:hover{background:var(--bg)}.char-card-ghost{border-style:dashed;opacity:.92}.char-card-ghost:hover{border-color:var(--text-muted)}.char-card-placeholder-ghost{font-size:1.75rem;opacity:.85}.char-card-ghost .char-card-label{font-style:italic;color:var(--text-muted)}.char-detail-title{margin:0 0 1rem;font-size:1.125rem}.char-age-mode{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;width:100%}.char-age-mode button{flex:1 1 7rem;min-width:0;padding:.4rem .5rem;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-muted)}.char-age-mode button.char-age-mode-active{border-color:var(--accent);color:var(--text);background:var(--bg)}.char-links-list{list-style:none;padding:0;margin:0 0 1rem}.char-links-list li{padding:.35rem 0;border-bottom:1px solid var(--border);font-size:.875rem}.char-save-hint{margin:.75rem 0 0;font-size:.8rem;color:var(--text-muted)}.char-detail-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.char-detail-actions .btn-danger{background:var(--danger);margin-left:auto}.char-detail-actions .btn-danger:hover{filter:brightness(1.1)}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.geography-workspace{display:flex;flex-direction:column;width:100%;flex:1;min-height:0;min-width:0;gap:0}.geo-error{flex-shrink:0;margin:0;padding:.5rem .75rem;font-size:.875rem;color:var(--danger)}.geo-loading{padding:2rem;text-align:center}.geo-graph-editor{display:flex;flex:1;width:100%;min-height:0;min-width:0;overflow:hidden;background:var(--bg-card);box-sizing:border-box}.geo-places-palette{flex:0 0 220px;width:220px;min-width:220px;height:100%;display:flex;flex-direction:column;padding:.75rem;background:var(--bg);overflow:hidden;box-sizing:border-box}.geo-cards-header{flex-shrink:0;margin-bottom:.5rem}.geo-cards-header h3{margin:0;font-size:.875rem}.geo-form{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem;flex-shrink:0}.geo-form input{width:100%;padding:.4rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text);font-size:.8rem;box-sizing:border-box}.geo-form .btn{align-self:flex-end}.geo-cards{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.geo-palette-empty{margin:0;font-size:.75rem;color:var(--text-muted)}.geo-card{position:relative;flex-shrink:0;padding:1.5rem .65rem .65rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);cursor:grab}.geo-card--screenplay{padding-top:1.75rem;border-style:dashed;border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.geo-card-badge{position:absolute;top:.35rem;left:.5rem;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.geo-card--screenplay h4{margin:0 0 .25rem;font-size:.85rem;line-height:1.25}.geo-card-screenplay-hint{margin:0;font-size:.7rem;color:var(--text-muted);line-height:1.3}.geo-card--editing{cursor:default}.geo-card-edit-title,.geo-card-edit-desc{width:100%;margin:0 0 .35rem;padding:.35rem .5rem;border:1px solid var(--accent);border-radius:4px;background:var(--bg);color:var(--text);font-size:.8rem;font-family:inherit;box-sizing:border-box}.geo-card-edit-title{font-weight:600}.geo-card-edit-desc{resize:vertical;min-height:2.5rem;line-height:1.3}.geo-card-delete{position:absolute;top:.3rem;right:.3rem;width:1.4rem;height:1.4rem;padding:0;border:none;border-radius:4px;background:transparent;color:var(--text-muted);font-size:1rem;line-height:1;cursor:pointer}.geo-card-delete:hover{color:var(--danger);background:var(--border)}.geo-card h4{margin:0 0 .25rem;font-size:.85rem}.geo-card p{margin:0;font-size:.7rem;color:var(--text-muted);line-height:1.3}.geo-hint{flex-shrink:0;font-size:.7rem;color:var(--text-muted);margin:.5rem 0 0;line-height:1.3}.geo-graph-main{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;border-left:1px solid var(--border)}.geo-graph-canvas-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:.75rem;padding:.5rem .75rem;background:var(--bg-card)}.geo-graph-canvas-header h3{margin:0;font-size:.875rem;font-weight:600}.geo-graph-main .graph-canvas{flex:1 1 auto;min-width:0;min-height:0;position:relative;height:100%}.geo-graph-main .graph-canvas .react-flow{width:100%;height:100%}.geo-graph-editor .react-flow__node{font-size:12px;color:var(--text)}.geo-node{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;background:var(--bg-card);border:2px solid var(--accent);border-radius:8px;min-width:80px;text-align:center;font-size:.8rem;box-shadow:0 2px 8px #0000001f}.geo-viewport-controls{display:flex;flex-direction:row;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #0000001f}.geo-viewport-btn{width:32px;height:32px;padding:0;border:none;border-right:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.geo-viewport-btn:last-child{border-right:none}.geo-viewport-btn:hover{background:var(--border)}.geo-viewport-btn-fit svg{display:block}.geo-context-menu{position:fixed;z-index:1000;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #00000026;padding:.25rem}.geo-context-menu button{display:block;width:100%;padding:.5rem 1rem;border:none;background:transparent;color:var(--text);text-align:left;cursor:pointer;white-space:nowrap;font-size:.875rem}.geo-context-menu button:hover{background:var(--border)}.theme-dark .geo-graph-editor .react-flow__background pattern circle{fill:var(--border)}.production-workspace{display:flex;flex-direction:column;height:100%;min-height:0;padding:1rem 1.25rem}.production-header{flex-shrink:0;margin-bottom:1rem}.production-story-picker{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.production-story-label{font-weight:600;color:var(--text)}.production-story-picker select{min-width:12rem;padding:.45rem .6rem;border:1px solid var(--border);border-radius:var(--radius, 6px);background:var(--bg-card);color:var(--text)}.production-table-wrap{flex:1;min-height:0;overflow:auto}.production-loading,.production-empty{color:var(--text-muted);margin:.5rem 0}.production-table{width:max-content;max-width:100%;border-collapse:collapse;font-size:.95rem;table-layout:auto}.production-table th{text-align:left;padding:.5rem .75rem;border-bottom:2px solid var(--border);color:var(--text-muted);font-weight:600;position:sticky;top:0;background:var(--bg);z-index:1}.production-table td{padding:.55rem .75rem;border-bottom:1px solid var(--border);vertical-align:middle}.production-col-number,.production-cell-number{width:1%;white-space:nowrap;text-align:center}.production-table th.production-col-number{text-align:center}.production-row-number{font-variant-numeric:tabular-nums;color:var(--text-muted)}.production-col-rank,.production-cell-count{width:1%;white-space:nowrap;text-align:center}.production-table th.production-col-rank{text-align:center}.production-dialogue-count{display:inline-block;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-muted)}.production-col-character,.production-cell-character{width:1%;white-space:nowrap}.production-character-name{font-weight:500}.production-col-actor,.production-cell-actor{width:14rem;min-width:14rem}.production-ghost-badge{display:inline-block;margin-left:.5rem;padding:.1rem .35rem;font-size:.7rem;font-weight:500;color:var(--text-muted);border:1px solid var(--border);border-radius:4px}.production-row-ghost .production-character-name{font-style:italic}.production-actor-input{width:100%;padding:.45rem .55rem;border:1px solid var(--border);border-radius:var(--radius, 6px);background:var(--bg-card);color:var(--text)}.production-actor-input:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);border-color:var(--accent)}.scene-list{display:flex;flex-direction:column;width:100%;flex:1;min-height:0;min-width:0;padding:0;box-sizing:border-box}.scene-list-subnav{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem;flex-shrink:0;width:100%;padding:.5rem 0 .75rem;margin:0 0 .25rem;border-bottom:1px solid var(--border);background:var(--bg-card);box-sizing:border-box}.scene-list-subnav-story{display:flex;align-items:center;font-size:.875rem;min-width:0}.scene-list-subnav-select,.scene-list-subnav-story select{min-width:9rem;max-width:min(100%,20rem);padding:.45rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:.875rem}.scene-list-subnav-story select{min-width:12rem}.scene-list-subnav-text-size{display:flex;align-items:center}.scene-list-subnav-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-shrink:0}.scene-list-subnav-delete{color:#b91c1c}.scene-list-subnav-delete:hover:not(:disabled){color:#991b1b;background:color-mix(in srgb,#dc2626 12%,transparent)}.scene-list-loading{margin:0;padding:.5rem 0;color:var(--text-muted);font-size:.875rem}.scene-list-development{flex-shrink:0;width:100%;padding:.5rem 0;border-bottom:1px solid var(--border);box-sizing:border-box}.scene-list-development-input{display:block;width:100%;min-height:5rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:var(--sl-preview, .875rem);line-height:1.45;resize:vertical;box-sizing:border-box}.scene-list-development-input:focus{outline:2px solid var(--accent);outline-offset:1px}.scene-list-body{flex:1;min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain;width:100%;padding-top:.5rem;box-sizing:border-box}.scene-list--text-small{--sl-grid-min: 10.5rem;--sl-card-min-h: 8.5rem;--sl-card-pad-y: .7rem;--sl-card-pad-x: .8rem;--sl-title: .85rem;--sl-order: .65rem;--sl-order-box: 1.25rem;--sl-pill: .6rem;--sl-preview: .75rem;--sl-note: .75rem;--sl-add-note: .72rem;--sl-note-min-h: 2.5rem}.scene-list--text-medium{--sl-grid-min: 12rem;--sl-card-min-h: 9.75rem;--sl-card-pad-y: .85rem;--sl-card-pad-x: .95rem;--sl-title: 1rem;--sl-order: .75rem;--sl-order-box: 1.4rem;--sl-pill: .7rem;--sl-preview: .875rem;--sl-note: .875rem;--sl-add-note: .8rem;--sl-note-min-h: 3rem}.scene-list--text-large{--sl-grid-min: 14rem;--sl-card-min-h: 11.25rem;--sl-card-pad-y: 1rem;--sl-card-pad-x: 1.1rem;--sl-title: 1.15rem;--sl-order: .85rem;--sl-order-box: 1.55rem;--sl-pill: .8rem;--sl-preview: 1rem;--sl-note: 1rem;--sl-add-note: .9rem;--sl-note-min-h: 3.5rem}.scene-list-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(var(--sl-grid-min, 10.5rem),1fr));gap:.65rem .75rem;align-items:stretch}.scene-list-empty{grid-column:1 / -1;margin:0;color:var(--text-muted);font-size:.875rem}.scene-list-card{display:flex;flex-direction:column;min-height:var(--sl-card-min-h, 8.5rem);height:100%;border-radius:8px;padding:var(--sl-card-pad-y, .7rem) var(--sl-card-pad-x, .8rem);box-sizing:border-box;min-width:0}.scene-list-card-header{display:flex;align-items:flex-start;gap:.4rem;margin-bottom:.4rem;min-width:0}.scene-list-card-order{flex:0 0 auto;min-width:var(--sl-order-box, 1.25rem);height:var(--sl-order-box, 1.25rem);display:inline-flex;align-items:center;justify-content:center;font-size:var(--sl-order, .65rem);font-weight:700;line-height:1;border-radius:4px;background:color-mix(in srgb,var(--bg-card) 55%,transparent);color:var(--text);border:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.scene-list-card-title{margin:0;flex:1;min-width:0;font-size:var(--sl-title, .85rem);font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.scene-list-modes{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:.25rem;margin-top:.5rem;flex-shrink:0}.scene-list-mode-pill{font-size:var(--sl-pill, .6rem);font-weight:600;letter-spacing:.02em;padding:.1rem .35rem;border-radius:3px;border:1px solid transparent}button.scene-list-mode-pill{margin:0;font-family:inherit;line-height:inherit}.scene-list-mode-pill--clickable{cursor:pointer}.scene-list-mode-pill--clickable:hover{filter:brightness(.92)}.scene-list-mode-pill--filled{color:#0d5c2e;background:#d4f5e2;border-color:#6bc48a}.scene-list-mode-pill--empty{color:var(--text-muted);background:color-mix(in srgb,var(--bg) 88%,var(--text-muted));border-color:var(--border)}[data-theme=dark] .scene-list-mode-pill--filled{color:#9ee8b8;background:#1a3d28;border-color:#3d8f5c}[data-theme=dark] .scene-list-mode-pill--empty{color:#8a8f98;background:#2a2d33;border-color:#444850}.scene-list-card-content{flex:1;min-height:0;display:flex;flex-direction:column;gap:.2rem}.scene-list-card p,.scene-list-preview-line{margin:0;color:var(--text-muted);font-size:var(--sl-preview, .75rem);line-height:1.35}.scene-list-preview-line{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scene-list-preview-line--first{display:flex;align-items:center;gap:.4rem;-webkit-line-clamp:unset;overflow:visible;font-weight:600;color:var(--text)}.scene-list-preview-line--first .scene-list-card-order{margin-top:0}.scene-list-preview-line--first .scene-list-modes,.scene-list-card-header .scene-list-modes{margin-top:0;margin-left:auto}.scene-list-preview-text{flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.scene-list-interpretation-wrap{margin-top:auto;padding-top:.25rem;display:flex;flex-direction:column;gap:.35rem}.scene-list-action-input,.scene-list-interpretation-input{font-style:normal}.scene-list-add-action,.scene-list-add-interpretation{font-size:var(--sl-add-note, .72rem);padding:.2rem .4rem}.scene-list-cell-input{display:block;width:100%;margin:0;padding:.4rem .5rem;font-size:var(--sl-note, .75rem);line-height:1.35;color:var(--text);background:color-mix(in srgb,var(--bg-card) 70%,var(--bg));border:1px solid var(--border);border-radius:6px;resize:vertical;min-height:var(--sl-note-min-h, 2.5rem);max-height:6rem;box-sizing:border-box}.scene-list-cell-input:focus{outline:2px solid var(--accent);outline-offset:1px}.scene-list-duration{display:flex;align-items:center;gap:.35rem;margin-top:.35rem}.scene-list-duration-label{flex-shrink:0;font-size:var(--sl-add-note, .72rem);font-weight:600;color:var(--text-muted, var(--text));opacity:.85}.scene-list-duration-input{flex:1;min-width:0;max-width:5.5rem;margin:0;padding:.25rem .45rem;font-size:var(--sl-note, .75rem);font-variant-numeric:tabular-nums;color:var(--text);background:color-mix(in srgb,var(--bg-card) 70%,var(--bg));border:1px solid var(--border);border-radius:6px;box-sizing:border-box}.scene-list-duration-input:focus{outline:2px solid var(--accent);outline-offset:1px}.scene-list-duration-input--invalid{border-color:#dc2626}.scene-list-card-selectable{cursor:pointer;text-align:left}.scene-list-card-selectable:hover{outline:2px solid var(--accent);outline-offset:2px}.scene-list-card-active{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 4px 14px #0000001f}.scene-list--embedded{padding:0 .75rem .75rem;height:100%}.scene-list--embedded .scene-list-subnav{margin-left:-.75rem;margin-right:-.75rem;padding-left:.75rem;padding-right:.75rem}.scene-list--embedded .scene-list-grid,.scene-list--embedded.scene-list--text-small .scene-list-grid,.scene-list--embedded.scene-list--text-medium .scene-list-grid,.scene-list--embedded.scene-list--text-large .scene-list-grid{grid-template-columns:1fr}@media(min-width:520px){.scene-list--text-small .scene-list-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.75rem .85rem}.scene-list--text-medium .scene-list-grid{grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr))}.scene-list--text-large .scene-list-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}}@media(min-width:768px){.scene-list--text-small .scene-list-grid{grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr))}.scene-list--text-medium .scene-list-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}.scene-list--text-large .scene-list-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}}@media(min-width:1100px){.scene-list--text-small .scene-list-grid{grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:.85rem 1rem}.scene-list--text-medium .scene-list-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.scene-list--text-large .scene-list-grid{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}}.scene-list-view-toggle{display:flex;align-items:center;gap:.125rem;border:1px solid var(--border);border-radius:6px;padding:.125rem;background:var(--bg)}.scene-list-view-btn{padding:.35rem .65rem;font-size:.8125rem}.scene-list-view-btn-active{background:color-mix(in srgb,var(--accent) 14%,var(--bg-card));color:var(--text)}.scene-list-table{width:100%;border-collapse:collapse;font-size:var(--sl-preview, .875rem)}.scene-list-table th{text-align:left;padding:.5rem .65rem;border-bottom:2px solid var(--border);color:var(--text-muted);font-weight:600;font-size:.8125rem;position:sticky;top:0;background:var(--bg-card);z-index:1}.scene-list-table td{padding:.55rem .65rem;border-bottom:1px solid var(--border);vertical-align:top}.scene-list-table-col-number{width:1%;white-space:nowrap;text-align:center;font-variant-numeric:tabular-nums;color:var(--text-muted)}.scene-list-table th.scene-list-table-col-number{text-align:center}.scene-list-table-col-scene{width:1%;white-space:nowrap}.scene-list-table-scene-label{display:inline-block;padding:.25rem .45rem;border-radius:4px;font-weight:500;max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-list-table-col-field{width:35%;min-width:10rem}.scene-list-table-col-field .scene-list-cell-input{min-height:4.5rem}.scene-list-table-row-active{outline:2px solid var(--accent);outline-offset:-2px}.scene-list-table .scene-list-interpretation-wrap{display:contents}.scene-list-table .scene-list-add-action,.scene-list-table .scene-list-add-interpretation{width:100%;justify-content:flex-start}.ai-workspace{position:relative;max-width:1200px;margin:0 auto;padding:1rem 1.25rem 2rem;--ai-slots-per-row: 15;--ai-slot-size: 36px;--ai-slot-gap: 6px;--ai-slots-track-width: 624px;--ai-form-content-width: calc(624px + 2.2rem) }.ai-workspace--generating .ai-workspace-form,.ai-workspace--generating .ai-workspace-result{opacity:.55;pointer-events:none}.ai-workspace-busy{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:color-mix(in srgb,var(--bg) 35%,transparent);font-size:.95rem}.ai-workspace-field-hint{margin:.25rem 0 0;font-size:.75rem;color:var(--text-muted)}.ai-workspace-submodes{margin-bottom:1rem}.ai-workspace-submode-row{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.ai-workspace-mode-panel{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;overflow:visible}.ai-workspace-input{width:100%;padding:.45rem .55rem;border:1px solid var(--border);border-radius:var(--radius, 8px);background:var(--bg);color:var(--text);font:inherit;resize:vertical;box-sizing:border-box}.ai-story-slots{margin:.25rem 0 .75rem;overflow:visible}.ai-workspace .composer-slots.ai-story-slots-bar{display:grid;grid-template-columns:repeat(15,36px);gap:6px;flex:none;width:624px;min-width:624px;max-width:none}.ai-workspace .ai-story-slots-bar .composer-slot{width:36px;height:36px;box-sizing:border-box}.ai-story-slots-bar{margin-bottom:.65rem}.ai-story-slot-cell{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ai-story-slot-tooltip{position:absolute;z-index:5;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:10rem;max-width:16rem;padding:.45rem .55rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:.72rem;line-height:1.35;text-align:left;white-space:normal;box-shadow:0 4px 14px color-mix(in srgb,var(--text) 12%,transparent);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility .12s ease}.ai-story-slot-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border)}.ai-story-slot-cell:hover .ai-story-slot-tooltip,.ai-story-slot-cell:focus-within .ai-story-slot-tooltip{opacity:1;visibility:visible}.ai-story-slot-picker{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:none;background:none;border-radius:50%}.ai-story-slot-picker:disabled{cursor:default}.ai-story-slot-picker--active:not(:disabled){cursor:pointer}.ai-story-slot-picker--active:not(:disabled):hover .ai-story-slot-circle{transform:scale(1.08)}.ai-story-slot-picker--selected{outline:2px solid var(--accent);outline-offset:2px}.ai-story-slot-circle{display:block;transition:transform .12s ease}.ai-story-insert-fieldset{border:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center}.ai-story-insert-fieldset legend{width:100%;font-size:.85rem;font-weight:600;margin-bottom:.25rem}.ai-story-insert-option{padding:.35rem .5rem}.ai-story-insert-hint{width:100%;margin:0;font-size:.78rem;color:var(--text-muted)}.ai-story-pick-hint{margin:0 0 .5rem;font-size:.78rem;color:var(--text-muted)}.ai-slots-empty{font-size:.85rem;color:var(--text-muted);margin:0 0 .75rem}.ai-workspace-result-actions{margin-top:.75rem}.ai-workspace-result-hint{font-size:.85rem;color:var(--text-muted);margin:0}.ai-workspace-outline-table-wrap{overflow:auto;max-height:360px}.ai-workspace-outline-table{width:100%;font-size:.85rem}.ai-context-families{margin-top:.5rem}.ai-context-family-list{list-style:none;margin:.35rem 0 0;padding:0;display:flex;flex-direction:column;gap:.25rem}.ai-context-family-swatch{display:inline-block;width:.65rem;height:.65rem;border-radius:2px;margin-right:.35rem;vertical-align:middle}.ai-context-family-hint{margin:.35rem 0 0;font-size:.72rem;color:var(--text-muted)}.ai-workspace-header h2{margin:0 0 .35rem;font-size:1.25rem}.ai-workspace-lead{margin:0 0 1.25rem;color:var(--text-muted);font-size:.9rem}.ai-workspace--wizard-early{max-width:720px}.ai-workspace--form-step{width:max-content;max-width:100%;min-width:min(100%,var(--ai-form-content-width))}.ai-workspace-layout--single{grid-template-columns:1fr;width:100%;max-width:640px;margin:0 auto}.ai-workspace--form-step .ai-workspace-layout--single{width:var(--ai-form-content-width);min-width:var(--ai-form-content-width);max-width:var(--ai-form-content-width)}.ai-workspace--form-step .ai-workspace-form.card{width:var(--ai-form-content-width);min-width:var(--ai-form-content-width);box-sizing:border-box;overflow:visible}.ai-workspace-layout--single .ai-workspace-form.card{width:100%;box-sizing:border-box;overflow:visible}.ai-workspace-goal-step{border:none;margin:0;padding:0}.ai-workspace-goal-step legend{font-size:1.05rem;font-weight:600;margin-bottom:1rem;width:100%}.ai-workspace-goal-grid{display:grid;gap:.75rem}.ai-workspace-goal-card{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;width:100%;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:var(--radius, 8px);background:var(--bg);color:var(--text);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.ai-workspace-goal-card:hover{border-color:var(--accent, #4f46e5);background:color-mix(in srgb,var(--accent, #4f46e5) 6%,var(--bg));box-shadow:0 2px 8px color-mix(in srgb,var(--accent, #4f46e5) 12%,transparent)}.ai-workspace-goal-card:focus-visible{outline:2px solid var(--accent, #4f46e5);outline-offset:2px}.ai-workspace-goal-card-title{font-weight:600;font-size:1rem}.ai-workspace-goal-card-hint{font-size:.85rem;color:var(--text-muted);line-height:1.4}.ai-workspace-wizard-nav{margin-bottom:.75rem}.ai-workspace-selected-goal{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .65rem;margin-bottom:1rem;padding:.55rem .75rem;border-radius:var(--radius, 8px);background:color-mix(in srgb,var(--bg-card) 88%,var(--border));font-size:.88rem}.ai-workspace-selected-goal-label{color:var(--text-muted)}.ai-workspace-change-goal{margin-left:auto;font-size:.8rem;padding:.2rem .45rem}.ai-workspace--results{max-width:900px}.ai-workspace-result-standalone{min-height:360px;display:flex;flex-direction:column}.ai-workspace-result-actions-standalone{margin-top:auto;padding-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.ai-workspace-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1rem;align-items:start}@media(max-width:960px){.ai-workspace-layout{grid-template-columns:1fr}}.ai-workspace-form,.ai-workspace-result{padding:1rem 1.1rem}.ai-workspace-fieldset{border:none;margin:0 0 1rem;padding:0}.ai-workspace-fieldset legend{font-weight:600;margin-bottom:.5rem}.ai-workspace-mode-grid{display:grid;gap:.5rem}.ai-workspace-mode-option{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.15rem .5rem;align-items:start;padding:.55rem .65rem;border:1px solid var(--border);border-radius:var(--radius, 8px);cursor:pointer}.ai-workspace-mode-option input{grid-row:1 / span 2;margin-top:.2rem}.ai-workspace-mode-label{font-weight:500}.ai-workspace-mode-hint{grid-column:2;font-size:.8rem;color:var(--text-muted)}.ai-workspace-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}@media(max-width:760px){.ai-workspace-row{grid-template-columns:1fr}}.ai-workspace-field{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.ai-workspace-field select,.ai-workspace-local-row input{width:100%;padding:.4rem .5rem;border:1px solid var(--border);border-radius:var(--radius, 8px);background:var(--bg);color:var(--text)}.ai-workspace-context-header{margin-bottom:0}.ai-workspace-context-section{margin-bottom:1rem}.ai-workspace-context-toggle{display:flex;align-items:center;justify-content:center;gap:.4rem}.ai-workspace-context-toggle-icon{font-size:.75rem;line-height:1}.ai-workspace-context-panel{margin-top:.65rem;padding:.85rem 1rem;background:color-mix(in srgb,var(--bg-card) 92%,var(--border))}.ai-workspace-context-panel-title{margin:0 0 .75rem;font-size:.95rem}.ai-workspace-primary-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--border)}.ai-workspace-primary-actions .btn{font-weight:600;min-height:2.35rem}.btn-action-export{background:color-mix(in srgb,var(--layout-tab) 14%,var(--bg-card));color:var(--layout-tab);border:1.5px solid var(--layout-tab)}.btn-action-export:hover:not(:disabled){background:color-mix(in srgb,var(--layout-tab) 26%,var(--bg-card))}.btn-action-export:disabled{opacity:.55}.btn-action-generate{background:var(--accent);color:#fff;border:1.5px solid var(--accent);box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 35%,transparent)}.btn-action-generate:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-action-generate:disabled{opacity:.55;box-shadow:none}.ai-workspace-export-settings-section{margin-top:1rem}.ai-context-export-settings-header{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-bottom:.5rem}.ai-context-export-settings-lead,.ai-context-export-settings-placeholders{margin:0 0 .75rem;font-size:.78rem;color:var(--text-muted);line-height:1.4}.ai-context-export-settings-group{border:none;margin:0 0 1rem;padding:0}.ai-context-export-settings-group legend{font-size:.85rem;font-weight:600;margin-bottom:.35rem}.ai-context-export-settings-field{margin-bottom:.65rem}.ai-workspace-context-panel-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem;padding-top:.75rem;border-top:1px solid var(--border)}.ai-workspace-prompt{width:100%;margin-bottom:.75rem}.ai-workspace-form-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:.25rem}.ai-workspace-form-nav--back{margin-top:0;margin-bottom:.75rem;padding-top:0}.ai-workspace-local-save{margin-top:1.25rem;padding:.85rem;background:color-mix(in srgb,var(--bg-card) 90%,var(--border))}.ai-workspace-local-save h3,.ai-workspace-result h3,.ai-workspace-saved-results h4{margin:0 0 .65rem;font-size:.95rem}.ai-workspace-local-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.ai-workspace-local-row input{flex:1 1 180px}.ai-workspace-preset-list{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem}.ai-workspace-preset-list li{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem}.ai-workspace-preset-load{border:none;background:none;color:var(--accent);cursor:pointer;padding:0;text-align:left;font:inherit}.ai-workspace-preset-load:hover{text-decoration:underline}.ai-workspace-preset-meta{font-size:.75rem;color:var(--text-muted)}.ai-workspace-preset-delete{margin-left:auto;font-size:.75rem;padding:.15rem .4rem}.ai-workspace-result{display:flex;flex-direction:column;min-height:320px}.ai-workspace-result-preview{flex:1;min-height:200px;overflow:auto;white-space:pre-wrap;font-family:var(--font-mono, ui-monospace, monospace);font-size:.82rem;line-height:1.45;padding:.75rem;margin:0 0 .75rem;border:1px solid var(--border);border-radius:var(--radius, 8px);background:var(--bg)}.ai-workspace-empty{color:var(--text-muted);font-size:.9rem}.ai-workspace-saved-results{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.scene-composer{--composer-lead-col: 5.75rem;--composer-label-col: 120px;--composer-grid-gap: .75rem;display:flex;flex-direction:column;min-height:0;height:100%;border-top:1px solid var(--border);background:var(--bg-card);padding:.65rem .75rem;width:100%;box-sizing:border-box;overflow:hidden}.composer-header{display:grid;grid-template-columns:var(--composer-lead-col) 1fr;column-gap:var(--composer-grid-gap);align-items:center;margin-bottom:.5rem;min-width:0;flex-shrink:0}.composer-header>.btn{grid-column:1;justify-self:start;flex-shrink:0}.composer-chutier-bar{grid-column:2;min-width:0;display:grid;grid-template-columns:var(--composer-label-col) minmax(0,1fr);column-gap:var(--composer-grid-gap);align-items:center;padding:.25rem 0;border-radius:6px;background:color-mix(in srgb,var(--border) 30%,transparent);overflow-x:auto}.composer-chutier-label{width:var(--composer-label-col);flex-shrink:0;box-sizing:border-box;padding:.25rem;font-size:.8rem;font-weight:600;color:var(--text);text-align:left}.composer-duplicate-error{margin:0 0 .5rem;padding:.4rem .6rem;font-size:.8rem;color:#b91c1c;background:color-mix(in srgb,#dc2626 10%,transparent);border-radius:4px;flex-shrink:0}.composer-rows{display:flex;flex-direction:column;gap:.5rem;flex:1 1 auto;min-height:0;overflow-x:auto;overflow-y:auto}.composer-row{display:grid;grid-template-columns:var(--composer-lead-col) var(--composer-label-col) auto auto auto auto minmax(0,1fr);column-gap:var(--composer-grid-gap);align-items:center;min-height:44px;flex-shrink:0}.row-active .composer-row-label{color:var(--accent);font-weight:700}.composer-row-label{grid-column:2;width:var(--composer-label-col);flex-shrink:0;text-align:left;border:none;background:transparent;color:var(--text);font-size:.8rem;cursor:pointer;padding:.25rem;box-sizing:border-box}.composer-row-flow{grid-column:3;width:1.6rem;height:1.6rem;padding:0;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text);font-size:.95rem;line-height:1;cursor:pointer;flex-shrink:0}.composer-row-flow:hover{border-color:var(--accent);color:var(--accent)}.composer-row-cells{grid-column:4;flex-shrink:0;font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-muted, var(--text));opacity:.9;white-space:nowrap;padding:.15rem .35rem;border-radius:4px;background:color-mix(in srgb,var(--border) 25%,transparent)}.composer-row-duration{grid-column:5;flex-shrink:0;font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-muted, var(--text));opacity:.9;white-space:nowrap;padding:.15rem .35rem;border-radius:4px;background:color-mix(in srgb,var(--border) 25%,transparent)}.composer-row-actions{grid-column:6;display:flex;gap:.2rem;flex-shrink:0}.composer-row-action{width:1.6rem;height:1.6rem;padding:0;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text);font-size:.85rem;line-height:1;cursor:pointer}.composer-row-action:hover{border-color:var(--accent);color:var(--accent)}.composer-row>.composer-slots{grid-column:7}.composer-row-rename-input{grid-column:2;width:var(--composer-label-col);flex-shrink:0;padding:.2rem .35rem;font-size:.8rem;font-weight:600;border:1px solid var(--accent);border-radius:4px;background:var(--bg);color:var(--text);box-sizing:border-box}.composer-row-rename-input:focus{outline:2px solid var(--accent);outline-offset:1px}.composer-slots{display:flex;gap:6px;flex:1;min-width:0}.composer-slot{width:36px;height:36px;flex-shrink:0;border:1px dashed var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.composer-slot--graph-highlight{border:2px solid #000}.theme-dark .composer-slot--graph-highlight{border-color:#fff}.composer-slot.slot-insert{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.composer-circle{width:28px;height:28px;border-radius:50%;cursor:grab;border:2px solid rgba(0,0,0,.15)}.composer-circle:active{cursor:grabbing}.composer-circle-selected{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.composer-circle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scenes-workspace{display:flex;flex:1;min-height:0;height:100%;width:100%;overflow:hidden}.scenes-body{display:flex;flex:1;min-height:0;height:100%;width:100%;gap:0;overflow:hidden}.scenes-zone-left{flex:0 0 42%;max-width:480px;min-width:280px;border-right:1px solid var(--border);min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.scenes-zone-right{flex:1;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;align-self:stretch;overflow:hidden}.scenes-subnav{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;width:100%;padding:.5rem 1rem;margin:0;border-bottom:1px solid var(--border);background:var(--bg-card);flex-shrink:0}.scenes-subnav-modes{display:flex;flex-wrap:nowrap;align-items:center;gap:.125rem .25rem}.scenes-subnav-tab{padding:.5rem .85rem;border:none;background:transparent;color:var(--text-muted);border-bottom:2px solid transparent;cursor:pointer;font-size:.875rem}.scenes-subnav-tab:hover{color:var(--text)}.scenes-subnav-tab-active{color:var(--text);border-bottom-color:var(--accent)}.scenes-subnav-title{margin:0;flex:1;min-width:0;padding:0 .75rem;font-size:1.0625rem;font-weight:600;line-height:1.3;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-left:1px solid var(--border);border-right:1px solid var(--border)}.scenes-subnav-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex-shrink:0;margin-left:auto}.scenes-autosave-indicator{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-size:.8rem;padding:.25rem .65rem;margin-left:.5rem;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--text-muted);white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0;align-self:center;box-sizing:border-box;min-width:11rem;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.scenes-autosave-indicator:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.85}.scenes-autosave-saved,.scenes-autosave-idle{color:#16a34a;border-color:#16a34a59}.scenes-autosave-dirty{color:#d97706;border-color:#d9770659}.scenes-autosave-saving{color:var(--accent, #4f46e5);border-color:var(--accent, #4f46e5)}.scenes-autosave-saving:before{animation:scenes-autosave-pulse 1s ease-in-out infinite}.scenes-autosave-error{color:#dc2626;border-color:#dc262673}@keyframes scenes-autosave-pulse{0%,to{opacity:.35}50%{opacity:1}}.scenes-zone-left-list{flex:1;min-height:0;padding:0;overflow:hidden;display:flex;flex-direction:column}.scenes-sidebar-graph{display:flex;flex-direction:column;padding:0;overflow:hidden}.scenes-sidebar-graph .scene-graph-editor--embedded{flex:1;min-height:0;height:100%;border:none;border-radius:0}.scenes-sidebar ul{list-style:none;padding:0;margin:0}.scene-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem;border:none;background:transparent;color:var(--text);text-align:left;border-radius:6px;cursor:pointer;font-size:.875rem}.scene-item.active,.scene-item:hover{background:var(--border)}.scene-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.scenes-zone-right .scenes-editor-row{flex:1;min-height:0;padding:0;overflow:hidden}.scenes-zone-right .scenes-empty-inline{margin:1rem}.scenes-editor-row{display:flex;flex:1;min-height:0;gap:1rem;align-items:stretch}.scenes-editor{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.scenes-editor-surface{--editor-bg: #fafafa;--editor-text: #18181b;--editor-text-muted: #71717a;--editor-border: #e4e4e7;--editor-field-bg: #ffffff;--editor-menu-bg: #ffffff;--editor-accent: #4f46e5;--editor-margin-bg: #ffffff;flex:1;min-height:0;height:100%;padding:0;border-radius:8px;background:var(--editor-bg);color:var(--editor-text);border:1px solid var(--editor-border);display:flex;flex-direction:column;overflow:hidden}.scenes-editor-margins{flex:1;min-height:0;overscroll-behavior:contain;padding:1rem 10%;box-sizing:border-box;background:var(--editor-margin-bg);overflow:auto}.scenes-editor-page{min-height:100%;background:var(--editor-field-bg);color:var(--editor-text);border-radius:4px;padding:.75rem 0 60vh;box-sizing:border-box}.scenes-editor-surface.scenes-editor-theme-dark{--editor-bg: #18181b;--editor-text: #fafafa;--editor-text-muted: #a1a1aa;--editor-border: #3f3f46;--editor-margin-bg: #27272a;--editor-field-bg: #27272a;--editor-menu-bg: #27272a;--editor-accent: #818cf8}.scenes-editor-theme-toggle{font-size:1.125rem;line-height:1;padding:.35rem .6rem}.scenes-empty-hint,.scenes-hint{color:var(--text-muted);font-size:.875rem}.scenes-editor-surface .finaldraft-editor{font-family:Courier New,Courier,monospace;line-height:1.2;position:relative}.scenes-editor-surface .sp-block{margin-bottom:.75rem;position:relative;width:100%;box-sizing:border-box}.scenes-editor-surface .sp-block.sp-character:has(+.sp-block.sp-dialogue){margin-bottom:0}.scenes-editor-surface .sp-block.sp-character+.sp-block.sp-dialogue{margin-top:0}.scenes-editor-surface .sp-block.sp-character .sp-input{padding-left:20ch;max-width:70ch}.scenes-editor-surface .sp-block.sp-parenthesis .sp-input{padding-left:15ch;max-width:50ch}.scenes-editor-surface .sp-block.sp-dialogue .sp-input{padding-left:10ch;max-width:50ch;text-align:left}.scenes-editor-surface .sp-block.sp-transition .sp-input{text-align:right;padding-left:0;max-width:50ch;margin-left:auto;display:block}.scenes-editor-surface .sp-input{display:block;width:100%;max-width:50ch;border:none;background:transparent;color:var(--editor-text);font-family:Courier New,Courier,monospace;font-size:inherit;line-height:1.2;resize:none;overflow:hidden;min-height:1.2em;padding:0;caret-color:var(--editor-text);box-sizing:border-box}.scenes-editor-surface .sp-input:focus,.scenes-editor-surface .roman-textarea:focus,.scenes-editor-surface .roman-footnotes-area:focus,.scenes-editor-surface .md-textarea:focus{outline:none;caret-color:var(--editor-text)}.scenes-editor-surface.scenes-editor-theme-light .sp-input,.scenes-editor-surface.scenes-editor-theme-light .roman-textarea,.scenes-editor-surface.scenes-editor-theme-light .roman-footnotes-area,.scenes-editor-surface.scenes-editor-theme-light .md-textarea{caret-color:#18181b}.scenes-editor-surface.scenes-editor-theme-dark .sp-input,.scenes-editor-surface.scenes-editor-theme-dark .roman-textarea,.scenes-editor-surface.scenes-editor-theme-dark .roman-footnotes-area,.scenes-editor-surface.scenes-editor-theme-dark .md-textarea{caret-color:#fafafa}.sp-transition{text-align:right}.scenes-editor-surface .sp-suggestions{position:absolute;z-index:10;list-style:none;margin:0;padding:0;background:var(--editor-menu-bg);border:1px solid var(--editor-border);border-radius:4px;max-height:120px;overflow-y:auto}.scenes-editor-surface .sp-suggestions button{display:block;width:100%;padding:.35rem .75rem;border:none;background:transparent;color:var(--editor-text);text-align:left;cursor:pointer}.scenes-editor-surface .sp-suggestions button:hover{background:var(--editor-border)}.sp-enter-menu{position:fixed;z-index:100;list-style:none;margin:0;padding:.25rem;border-radius:6px}.sp-enter-menu--light{background:#fff;color:#18181b;border:1px solid #e4e4e7;box-shadow:0 4px 12px #0000001f}.sp-enter-menu--light button{color:#18181b}.sp-enter-menu--light button:hover,.sp-enter-menu--light button.sp-enter-menu-active{background:#e4e4e7}.sp-enter-menu--dark{background:#27272a;color:#fafafa;border:1px solid #3f3f46;box-shadow:0 4px 16px #00000073}.sp-enter-menu--dark button{color:#fafafa}.sp-enter-menu--dark button:hover,.sp-enter-menu--dark button.sp-enter-menu-active{background:#3f3f46}.sp-enter-menu button{display:block;width:100%;padding:.35rem .75rem;border:none;background:transparent;text-align:left;cursor:pointer;white-space:nowrap}.scenes-editor-surface .sp-transition-picks{display:flex;gap:.5rem;margin-top:.25rem}.scenes-editor-surface .sp-transition-picks button{font-size:.75rem;padding:.2rem .5rem;border:1px solid var(--editor-border);border-radius:4px;background:var(--editor-field-bg);color:var(--editor-text);cursor:pointer}.scenes-editor-surface .roman-editor .roman-textarea{width:100%;max-width:50ch;min-height:360px;caret-color:var(--editor-text);padding:.75rem;border:1px solid var(--editor-border);border-radius:6px;background:var(--editor-field-bg);color:var(--editor-text);font-family:Georgia,serif;line-height:1.6}.scenes-editor-surface .roman-toolbar .btn-ghost{color:var(--editor-text);border-color:var(--editor-border)}.scenes-editor-surface .roman-toolbar .btn-ghost:hover{background:var(--editor-border)}.scenes-editor-surface .roman-footnotes{margin-top:1rem;color:var(--editor-text-muted)}.scenes-editor-surface .roman-footnotes-area{width:100%;margin-top:.5rem;padding:.5rem;border:1px solid var(--editor-border);border-radius:6px;background:var(--editor-field-bg);color:var(--editor-text)}.scenes-editor-surface .markdown-editor{position:relative}.scenes-editor-surface .md-preview-toggle{position:absolute;top:.5rem;right:.5rem;z-index:2;border:1px solid var(--editor-border);border-radius:6px;padding:.35rem .5rem;background:var(--editor-menu-bg);color:var(--editor-text);cursor:pointer}.scenes-editor-surface .md-preview-toggle.active{background:var(--editor-accent);color:#fff;border-color:var(--editor-accent)}.scenes-editor-surface .md-textarea{width:100%;max-width:50ch;min-height:400px;caret-color:var(--editor-text);padding:.75rem;border:1px solid var(--editor-border);border-radius:6px;background:var(--editor-field-bg);color:var(--editor-text);font-family:ui-monospace,monospace}.scenes-editor-surface .md-preview{min-height:400px;padding:1rem;border:1px solid var(--editor-border);border-radius:6px;background:var(--editor-field-bg);color:var(--editor-text)}.ai-panel{position:relative;width:240px;flex-shrink:0;padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-card)}.ai-panel-body{display:flex;flex-direction:column}.ai-panel--generating .ai-panel-body{pointer-events:none;opacity:.45}.ai-panel-busy{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;padding:1rem;border-radius:inherit;background:color-mix(in srgb,var(--bg-card) 82%,transparent);font-size:.8rem;font-weight:500;color:var(--text);text-align:center}.ai-panel-spinner{width:1.35rem;height:1.35rem;border:2px solid var(--border);border-top-color:var(--accent, #4f46e5);border-radius:50%;animation:ai-panel-spin .75s linear infinite}@keyframes ai-panel-spin{to{transform:rotate(360deg)}}.ai-panel-header{margin-bottom:.75rem}.scenes-comments-panel{width:280px;flex-shrink:0;min-height:0;display:flex;flex-direction:column;gap:.75rem;padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);overflow:hidden}.scenes-comments-panel-title{margin:0;font-size:.9rem;font-weight:600}.scenes-comments-empty{margin:0;font-size:.75rem;color:var(--text-muted);line-height:1.35}.scenes-comments-list{list-style:none;margin:0;padding:0;overflow-y:auto;min-height:0;flex:0 1 auto;max-height:40%;display:flex;flex-direction:column;gap:.35rem}.scenes-comments-list-item{display:block;width:100%;padding:.45rem .55rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);text-align:left;cursor:pointer;font:inherit;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scenes-comments-list-item:hover{border-color:var(--accent)}.scenes-comments-list-item-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg))}.scenes-comments-editor{display:flex;flex-direction:column;gap:.5rem;min-height:0;flex:1;overflow:hidden}.scenes-comments-textarea{flex:1;min-height:6rem;resize:vertical;width:100%;padding:.5rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font:inherit;font-size:.8rem;line-height:1.35;box-sizing:border-box}.scenes-comments-textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 40%,transparent);border-color:var(--accent)}.scenes-comments-actions{display:flex;flex-wrap:wrap;gap:.5rem;flex-shrink:0}.scenes-comments-delete{font-size:.75rem}.scenes-comment-context-menu{position:fixed;z-index:10000;min-width:140px;padding:.25rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);box-shadow:0 4px 16px #0000002e}.scenes-comment-context-menu button{display:block;width:100%;padding:.45rem .65rem;border:none;border-radius:4px;background:transparent;color:var(--text);text-align:left;font:inherit;font-size:.85rem;cursor:pointer}.scenes-comment-context-menu button:hover{background:color-mix(in srgb,var(--accent) 12%,var(--bg-card))}.ai-context-window-btn{width:100%;font-size:.8rem;padding:.45rem .6rem}.ai-context-summary{margin:.35rem 0 0;font-size:.7rem;color:var(--text-muted);line-height:1.3}.ai-context-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:3000;padding:1rem;box-sizing:border-box}.ai-context-modal{width:min(100%,26rem);max-height:min(90vh,32rem);overflow-y:auto}.ai-context-modal h3{margin:0 0 .75rem;font-size:1rem}.ai-context-fields .ai-check,.ai-context-characters,.ai-context-story{margin-bottom:.5rem}.ai-context-subsection-label{margin:0 0 .35rem;font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.ai-context-story-fields{list-style:none;margin:0;padding:0 0 0 1.4rem}.ai-context-story-fields>li{margin-bottom:.35rem}.ai-context-story-fields>li:last-child{margin-bottom:0}.ai-context-history{margin-bottom:.5rem}.ai-context-history-details{margin:.35rem 0 0 1.4rem;padding:.5rem .6rem;border-left:2px solid var(--border);background:var(--bg);border-radius:0 6px 6px 0}.ai-context-history-params{display:flex;flex-direction:column;gap:.5rem}.ai-context-num-field{display:flex;flex-direction:column;gap:.2rem;font-size:.75rem}.ai-context-num-label{color:var(--text-muted);font-size:.7rem}.ai-context-num-field input[type=number]{width:100%;padding:.35rem .45rem;font-size:.8rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-card);color:var(--text);box-sizing:border-box}.ai-context-characters .ai-context-char-fields{list-style:none;margin:.35rem 0 0 1.4rem;padding:.5rem .6rem;border-left:2px solid var(--border);background:var(--bg);border-radius:0 6px 6px 0}.ai-context-char-fields>li{margin-bottom:.35rem}.ai-context-char-fields>li:last-child{margin-bottom:0}.ai-check-nested{margin-bottom:0}.ai-check-disabled{opacity:.55}.ai-context-hint{margin:-.25rem 0 .5rem 1.4rem;font-size:.7rem;color:var(--text-muted)}.ai-context-modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border)}.ai-check{display:flex;align-items:center;gap:.35rem;font-size:.75rem;margin-bottom:.35rem}.ai-prompt{width:100%;margin:.5rem 0;padding:.5rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:.8rem}.ai-settings{border:none;margin:.5rem 0;padding:0}.ai-provider-option{display:flex;align-items:center;gap:.35rem;font-size:.75rem;margin-bottom:.25rem}.ai-settings input[type=text],.ai-settings input[type=password],.ai-ollama-select{width:100%;margin-top:.35rem;padding:.35rem;font-size:.75rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text);box-sizing:border-box}.ai-ollama-model{margin-top:.35rem}.ai-field-label{display:block;font-size:.7rem;color:var(--text-muted)}.ai-ollama-hint{margin:.25rem 0 0;font-size:.7rem;color:var(--text-muted)}.ai-ollama-hint-error{color:#b91c1c}.ai-settings legend{font-size:.75rem;color:var(--text-muted)}.graph-toolbar{width:132px;flex-shrink:0;padding:.5rem .45rem;border-right:1px solid var(--border);background:var(--bg-card);overflow:visible;align-self:flex-start;max-height:100%;box-sizing:border-box}.graph-toolbar h3{margin:0 0 .4rem;font-size:.8125rem;line-height:1.2}.graph-toolbar>section:not(.toolbar-style){display:grid;grid-template-columns:repeat(2,32px);gap:3px;justify-content:start}.toolbar-label{grid-column:1 / -1;font-size:.65rem;color:var(--text-muted);margin:.35rem 0 .15rem;line-height:1.2}.graph-toolbar>section:not(.toolbar-style):first-of-type .toolbar-label{margin-top:0}.toolbar-shape-btn{width:32px;height:32px;margin:0;border:1px solid var(--border);border-radius:5px;background:var(--bg);color:var(--text);font-size:1rem;line-height:1;cursor:pointer;padding:0}.toolbar-shape-btn:hover{border-color:var(--accent);color:var(--accent)}.toolbar-suit-group{position:relative;display:inline-block;vertical-align:top}.toolbar-suit-row{display:flex;flex-direction:row;flex-wrap:nowrap;gap:2px;position:absolute;left:calc(100% + 4px);top:0;z-index:20;padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);box-shadow:0 4px 14px #0000001f}.toolbar-suit-row .toolbar-shape-btn{margin:0;flex-shrink:0}.toolbar-postit-icon{display:inline-block;width:18px;height:22px;background:linear-gradient(145deg,#fef9c3,#fef08a 55%,#fde047);border:1px solid rgba(0,0,0,.15);border-radius:1px 6px 6px 1px;box-shadow:1px 2px 3px #00000026;transform:rotate(-3deg)}.toolbar-style{display:block!important}.toolbar-style-controls{display:grid;grid-template-columns:repeat(2,32px);gap:3px;justify-content:start}.toolbar-color-swatch{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;border:1px solid var(--border);border-radius:5px;background:var(--bg);cursor:pointer}.toolbar-color-swatch:hover{border-color:var(--accent)}.toolbar-color-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0}.toolbar-swatch-icon{pointer-events:none;box-sizing:border-box}.toolbar-swatch-icon--stroke{width:16px;height:16px;border:2px solid;border-radius:2px;background:transparent}.toolbar-swatch-icon--fill{width:16px;height:16px;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);border-radius:2px}.toolbar-swatch-icon--text{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:2px;background:var(--bg-card);font-size:.7rem;font-weight:700;line-height:1}.toolbar-stroke-width{grid-column:1 / -1;display:flex;align-items:center;height:28px;margin:0;padding:0 2px;cursor:pointer}.toolbar-stroke-width input[type=range]{width:100%;margin:0;cursor:pointer}.toolbar-selection-actions{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem}.toolbar-duplicate,.toolbar-delete{width:100%;padding:.35rem .5rem;font-size:.75rem}.group-node-root{position:relative;width:100%;height:100%;overflow:visible}.group-node-interaction{width:100%;height:100%;pointer-events:all}.group-node{width:100%;height:100%;border-style:dashed;border-radius:8px;box-sizing:border-box;position:relative}.group-node.selected{border-style:solid}.group-node-root .caption-menu{pointer-events:all}.group-node-root .shape-node-caption{pointer-events:all;cursor:text}.group-node-root:has(.caption-menu-s) .group-node-note{top:calc(100% + 2.5rem)}.shape-node{position:relative;display:flex;align-items:center;justify-content:center;border-style:solid;padding:4px;box-sizing:border-box;color:var(--text)}.shape-node-root{position:relative;width:100%;height:100%;overflow:visible}.shape-node-root--focused .shape-node{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 65%,transparent)}.shape-node-interaction{position:relative;width:100%;height:100%;overflow:visible}.shape-node-caption{position:absolute;top:calc(100% + 4px);left:50%;width:max(100%,12rem);max-width:22rem;transform:translate(-50%);box-sizing:border-box;padding:4px 6px;border:1px dashed color-mix(in srgb,var(--border) 90%,transparent);border-radius:4px;background:var(--bg-card);pointer-events:auto;cursor:text;z-index:4;text-align:center;height:auto;overflow:visible;font-size:.65rem;color:var(--text-muted);line-height:1.3;word-break:break-word;white-space:pre-wrap}.shape-node-root:has(.caption-menu-s) .shape-node-caption{top:calc(100% + 2.5rem)}.shape-node-caption--action{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.shape-node-caption--note{border-style:dotted;font-style:italic}.shape-node-caption--editing{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent);overflow:visible}.shape-node-caption-placeholder{opacity:.55;font-style:italic}.shape-node-caption-edit{display:block;width:100%;min-height:0;margin:0;padding:0;border:none;background:transparent;resize:none;overflow:hidden;font:inherit;color:inherit;text-align:center;line-height:1.3;white-space:pre-wrap;word-break:break-word;box-sizing:border-box}.shape-node-caption-edit:focus{outline:none}.shape-node *{color:inherit}.shape-rounded{border-radius:12px}.shape-square{aspect-ratio:1}.shape-scene{border-radius:4px;border-style:dashed}.shape-symbol{font-size:1.5rem;font-weight:700;border:none!important;box-shadow:none}.shape-symbol.shape-symbol-filled{border-radius:50%}.shape-symbol .shape-label,.shape-scene .shape-label{font-size:1.25rem;font-weight:600}.shape-character .shape-label,.shape-note .shape-label{font-size:1.35rem;line-height:1}.shape-postit{border-radius:2px 10px 10px 2px;box-shadow:2px 3px 6px #00000026;flex-direction:column;align-items:stretch;justify-content:flex-start}.shape-oval{border-radius:50%;flex-direction:column;align-items:center;justify-content:center}.shape-annotation-body{display:flex;flex:1;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:inherit}.shape-oval .shape-annotation-body{align-items:center;justify-content:center;box-sizing:border-box;clip-path:ellipse(48% 48% at 50% 50%);padding:0 4px}.shape-postit .shape-label{font-size:.65rem;line-height:1.25;padding:2px 4px;white-space:pre-wrap;word-break:break-word;overflow-y:auto;max-height:100%;flex:1;min-height:0;text-align:left}.shape-oval .shape-label{font-size:.65rem;line-height:1.25;padding:2px 4px;white-space:pre-wrap;word-break:break-word;overflow-y:auto;overflow-x:hidden;max-height:100%;width:100%;flex:0 1 auto;min-height:0;text-align:center;align-self:center}.shape-postit-icon{display:block;width:28px;height:32px;background:linear-gradient(145deg,#fef9c3,#fef08a 55%,#fde047);border:1px solid rgba(0,0,0,.12);border-radius:2px 8px 8px 2px;box-shadow:1px 2px 4px #0000001f;transform:rotate(-2deg)}.shape-label{text-align:center;font-size:.75rem;color:inherit;word-break:break-word;pointer-events:none;max-width:100%}.shape-scene-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;max-width:100%;padding:2px 4px;pointer-events:none;text-align:center}.shape-scene-first-line{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.75rem;font-weight:600;color:inherit;line-height:1.2;word-break:break-word;max-width:100%}.shape-scene-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.65rem;color:var(--text-muted);line-height:1.2;word-break:break-word;max-width:100%;font-style:italic}.shape-edit{width:100%;height:100%;border:none;background:transparent;resize:none;font-size:.75rem;color:inherit}.shape-postit .shape-edit,.shape-oval .shape-edit{font-size:.65rem;line-height:1.25;white-space:pre-wrap;word-break:break-word}.shape-oval .shape-edit{height:auto;text-align:center;flex:0 1 auto;align-self:center;max-height:100%;overflow-y:auto}.shape-node .shape-handle{opacity:0;pointer-events:none;transition:opacity .15s ease}.shape-node:hover .shape-handle{opacity:1;pointer-events:all}.shape-handle{width:8px!important;height:8px!important;background:var(--accent)!important;border:2px solid #fff!important}.shape-handle-annotation-target{opacity:0!important;pointer-events:none!important}.dir-arrow{position:absolute;width:20px;height:20px;padding:0;border:1px solid var(--border);border-radius:4px;background:var(--bg-card);color:var(--text);font-size:10px;z-index:10}.dir-n{top:-28px;left:50%;transform:translate(-50%);line-height:1}.dir-s{bottom:-28px;left:50%;transform:translate(-50%);line-height:1}.caption-menu{position:absolute;z-index:15;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;padding:.2rem .35rem;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;white-space:nowrap;pointer-events:auto}.caption-menu-s{top:calc(100% + 18px);left:50%;bottom:auto;transform:translate(-50%,-50%)}.caption-menu-item{display:inline-flex;align-items:center}.caption-menu-sep{color:var(--text-muted);font-size:.62rem;padding:0 .12rem;-webkit-user-select:none;user-select:none;pointer-events:none}.caption-menu-btn{padding:.15rem .2rem;border:none;border-radius:3px;background:transparent;color:var(--text);font-size:.62rem;line-height:1.1;white-space:nowrap;cursor:pointer}.caption-menu-btn:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.caption-menu-btn-active{color:var(--accent);font-weight:700;background:color-mix(in srgb,var(--accent) 12%,transparent)}.dir-e{right:-28px;top:50%;transform:translateY(-50%);line-height:1}.dir-w{left:-28px;top:50%;transform:translateY(-50%);line-height:1}.shape-palette{position:absolute;display:flex;gap:4px;padding:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;z-index:20}.palette-n,.palette-s{flex-direction:row;left:50%;transform:translate(-50%)}.palette-n{top:-56px}.palette-s{bottom:-56px}.palette-e,.palette-w{flex-direction:column;top:50%;transform:translateY(-50%)}.palette-e{right:-48px}.palette-w{left:-48px}.palette-btn{width:28px;height:28px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text);font-size:1rem;line-height:1;cursor:pointer}.palette-btn:hover{background:var(--accent);color:#fff}.shape-node.selected{box-shadow:0 0 0 2px var(--accent)}.graph-context-menu{position:fixed;z-index:1000;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #00000026;padding:.25rem}.graph-context-menu button{display:block;width:100%;padding:.5rem 1rem;border:none;background:transparent;color:var(--text);text-align:left;cursor:pointer;white-space:nowrap}.graph-context-menu button:hover{background:var(--border)}.graph-context-menu-label{margin:0;padding:.35rem 1rem .2rem;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.graph-context-menu-empty{margin:0;padding:.35rem 1rem;font-size:.8rem;color:var(--text-muted);font-style:italic}.graph-context-menu-separator{height:1px;margin:.25rem 0;background:var(--border)}.graph-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:#00000059}.graph-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.25rem 1.5rem;max-width:28rem;box-shadow:0 8px 24px #0003}.graph-modal h3{margin:0 0 .5rem;font-size:1rem}.graph-modal p{margin:0 0 1rem;color:var(--text-muted);font-size:.9rem}.graph-modal-actions{display:flex;flex-direction:column;gap:.35rem}.graph-modal-actions button{padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text);cursor:pointer;text-align:left}.graph-modal-actions button:hover{background:var(--border)}.graph-modal-danger{border-color:#dc2626!important;color:#dc2626!important}.graph-modal-cancel{margin-top:.25rem;color:var(--text-muted)!important}.scene-graph-editor{display:flex;width:100%;min-height:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg-card);box-sizing:border-box}.scene-graph-editor--embedded{min-height:0}.scene-graph-editor--embedded .graph-canvas{min-height:200px}.scene-graph-editor--embedded .graph-toolbar{width:112px;font-size:.8rem;padding:.4rem .35rem}.scene-graph-editor--embedded .graph-toolbar>section:not(.toolbar-style){grid-template-columns:repeat(2,28px)}.scene-graph-editor--embedded .toolbar-shape-btn{width:28px;height:28px;font-size:.9rem}.scene-graph-editor--embedded .graph-toolbar h3{font-size:.75rem}.graph-canvas{flex:1 1 auto;min-width:0;min-height:0;position:relative;height:100%;overscroll-behavior:none}.graph-canvas .react-flow{width:100%;height:100%}.graph-loading{padding:2rem;text-align:center}.graph-duplicate-error{margin:0;padding:.35rem .75rem;font-size:.75rem;color:var(--danger, #dc2626);background:color-mix(in srgb,var(--danger, #dc2626) 12%,transparent)}.scene-graph-editor .react-flow__node{font-size:12px;color:var(--text);overflow:visible}.shape-node-root .react-flow__resize-control{z-index:6}.scene-graph-editor .react-flow__edge-path{stroke:var(--text-muted)}.scene-graph-editor .react-flow__controls{background:var(--bg-card);border:1px solid var(--border);box-shadow:none}.scene-graph-editor .react-flow__controls-button{background:var(--bg-card);border-bottom:1px solid var(--border);color:var(--text);fill:var(--text)}.scene-graph-editor .react-flow__controls-button:hover{background:var(--border)}.scene-graph-editor .react-flow__controls-button svg{fill:currentColor}.theme-dark .scene-graph-editor .react-flow__background pattern circle{fill:var(--border)}.theme-dark .scene-graph-editor .react-flow__attribution a{color:var(--text-muted)}.graph-composer-panel{display:grid;grid-template-rows:var(--graph-split, 62%) 6px minmax(8.5rem,1fr);flex:1;min-height:0;width:100%;height:100%;box-sizing:border-box}.graph-composer-graph{min-height:0;overflow:hidden;display:flex;flex-direction:column}.graph-composer-graph .scene-graph-editor{flex:1;min-height:0;width:100%;height:100%;border:none;border-radius:0}.graph-composer-resize-handle{cursor:row-resize;background:var(--border);flex-shrink:0;z-index:2;touch-action:none}.graph-composer-resize-handle:hover,.graph-composer-resize-handle:active{background:var(--accent)}.graph-composer-composer{min-height:0;overflow:hidden;display:flex;flex-direction:column}.graph-composer-composer .scene-composer{flex:1;min-height:0;height:100%;display:flex;flex-direction:column;border-top:none;overflow:hidden}.highlighted-textarea-wrap{position:relative;width:100%}.highlighted-textarea-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.highlighted-textarea-mirror{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;color:transparent}.highlighted-textarea-mirror .scene-comment-highlight{color:transparent;background:#facc1580;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.scenes-editor-theme-dark .highlighted-textarea-mirror .scene-comment-highlight{background:#eab30861}.highlighted-textarea-input{position:relative;z-index:1;width:100%;background:transparent!important}.highlighted-textarea-input::selection{background:color-mix(in srgb,var(--editor-accent, #4f46e5) 35%,transparent)}.finaldraft-editor{font-family:Courier New,Courier,monospace;line-height:1.2;position:relative}.finaldraft-editor .fd-block{position:relative;width:100%;box-sizing:border-box;margin-bottom:.6rem}.finaldraft-editor .fd-block.fd-character{margin-bottom:0}.finaldraft-editor .fd-block.fd-character+.fd-block.fd-parenthetical,.finaldraft-editor .fd-block.fd-character+.fd-block.fd-dialogue,.finaldraft-editor .fd-block.fd-dialogue+.fd-block.fd-parenthetical,.finaldraft-editor .fd-block.fd-dialogue+.fd-block.fd-dialogue,.finaldraft-editor .fd-block.fd-parenthetical+.fd-block.fd-dialogue{margin-top:0}.finaldraft-editor .fd-block.fd-dialogue,.finaldraft-editor .fd-block.fd-parenthetical{margin-bottom:0}.finaldraft-editor .fd-block.fd-dialogue+.fd-block.fd-action,.finaldraft-editor .fd-block.fd-dialogue+.fd-block.fd-character,.finaldraft-editor .fd-block.fd-dialogue+.fd-block.fd-scene-heading,.finaldraft-editor .fd-block.fd-dialogue+.fd-block.fd-transition,.finaldraft-editor .fd-block.fd-dialogue+.fd-block.fd-shot,.finaldraft-editor .fd-block.fd-dialogue+.fd-block.fd-general{margin-top:.6rem}.finaldraft-editor .fd-block.fd-parenthetical+.fd-block.fd-action{margin-top:.6rem}.finaldraft-editor .fd-input{display:block;width:100%;max-width:60ch;border:none;background:transparent;color:var(--editor-text);font-family:Courier New,Courier,monospace;font-size:inherit;line-height:1.2;resize:none;overflow:hidden;min-height:1.2em;padding:0;caret-color:var(--editor-text);box-sizing:border-box}.finaldraft-editor .fd-input:focus{outline:none}.finaldraft-editor .fd-scene-heading .fd-input{text-transform:uppercase;font-weight:700;padding-left:0;max-width:60ch}.finaldraft-editor .fd-action .fd-input{padding-left:0;max-width:60ch}.finaldraft-editor .fd-character .fd-input{text-transform:uppercase;padding-left:22ch;max-width:60ch}.finaldraft-editor .fd-parenthetical .fd-input{padding-left:16ch;max-width:44ch}.finaldraft-editor .fd-dialogue .fd-input{padding-left:10ch;max-width:45ch}.finaldraft-editor .fd-transition .fd-input{text-transform:uppercase;text-align:right;padding-left:0;max-width:60ch;margin-left:auto;display:block}.finaldraft-editor .fd-shot .fd-input{text-transform:uppercase;padding-left:0;max-width:60ch}.finaldraft-editor .fd-general .fd-input{padding-left:0;max-width:60ch}.finaldraft-editor .fd-block.fd-focused .fd-input{background:color-mix(in srgb,var(--editor-accent) 8%,transparent)}.finaldraft-editor .fd-block.fd-block--in-selection .fd-input{background:color-mix(in srgb,var(--editor-accent) 14%,transparent)}.finaldraft-editor .fd-block.fd-block--in-selection.fd-focused .fd-input{background:color-mix(in srgb,var(--editor-accent) 20%,transparent)}.finaldraft-editor .fd-smarttype-menu{position:absolute;z-index:50;margin:0;padding:.25rem 0;list-style:none;background:var(--editor-menu-bg);color:var(--editor-text);border:1px solid var(--editor-border);border-radius:4px;box-shadow:0 6px 24px #00000040;min-width:14ch;max-height:240px;overflow-y:auto}.finaldraft-editor .fd-smarttype-menu li{margin:0;padding:0}.finaldraft-editor .fd-smarttype-menu button{width:100%;text-align:left;background:transparent;border:none;color:inherit;padding:.25rem .6rem;font-family:Courier New,Courier,monospace;font-size:inherit;cursor:pointer}.finaldraft-editor .fd-smarttype-menu button:hover,.finaldraft-editor .fd-smarttype-menu .fd-smarttype-active{background:color-mix(in srgb,var(--editor-accent) 22%,transparent)}.finaldraft-editor .fd-add-row{margin-top:.5rem}.finaldraft-editor .fd-type-menu{position:absolute;z-index:60;margin:0;padding:.25rem 0;list-style:none;background:var(--editor-menu-bg);color:var(--editor-text);border:1px solid var(--editor-border);border-radius:4px;box-shadow:0 6px 24px #00000040;min-width:18ch}.finaldraft-editor .fd-type-menu li{margin:0;padding:0}.finaldraft-editor .fd-type-menu button{width:100%;text-align:left;background:transparent;border:none;color:inherit;padding:.3rem .6rem;font-family:inherit;font-size:.95em;cursor:pointer}.finaldraft-editor .fd-type-menu button:hover,.finaldraft-editor .fd-type-menu .fd-type-menu-active{background:color-mix(in srgb,var(--editor-accent) 22%,transparent)}.scenes-fd-format-bar{display:flex;align-items:center;gap:.5rem;width:100%;padding:.35rem .75rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-card) 92%,var(--border));flex-shrink:0;overflow-x:auto}.scenes-fd-format-list{display:flex;align-items:stretch;gap:.25rem;margin:0;padding:0;list-style:none;min-width:min-content;flex:1 1 auto}.scenes-fd-keyboard-btn{flex:0 0 auto;margin-left:auto;white-space:nowrap;font-size:.8rem;padding:.35rem .75rem}.scenes-fd-format-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-width:4.5rem;padding:.3rem .45rem;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.68rem;line-height:1.15;transition:background .12s ease,border-color .12s ease,color .12s ease}.scenes-fd-format-btn:hover:not(:disabled){background:var(--bg);border-color:var(--border);color:var(--text)}.scenes-fd-format-btn-active{background:color-mix(in srgb,var(--accent) 14%,var(--bg));border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--text)}.scenes-fd-format-btn:disabled{opacity:.45;cursor:not-allowed}.scenes-fd-format-glyph{display:flex;align-items:center;justify-content:center;width:1.65rem;height:1.35rem;border-radius:3px;font-family:Courier New,Courier,monospace;font-size:.72rem;font-weight:700;line-height:1;background:var(--bg);border:1px solid var(--border);box-sizing:border-box}.scenes-fd-format-glyph--scene_heading{text-transform:uppercase;letter-spacing:.02em}.scenes-fd-format-glyph--character{margin-left:.45rem}.scenes-fd-format-glyph--parenthetical{font-size:.58rem;font-weight:600;margin-left:.2rem}.scenes-fd-format-glyph--dialogue{margin-left:.25rem}.scenes-fd-format-glyph--transition{margin-left:.55rem;font-size:.85rem}.scenes-fd-format-glyph--shot{font-size:.8rem}.scenes-fd-format-glyph--general{font-weight:600}.scenes-fd-format-label{max-width:5.5rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){.scenes-fd-format-label{display:none}.scenes-fd-format-btn{min-width:2.25rem;padding:.3rem}}.scenes-fd-keyboard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3200;display:flex;align-items:flex-start;justify-content:center;padding:1.5rem;background:#0000008c;overflow-y:auto}.scenes-fd-keyboard-modal{width:min(36rem,100%);margin:auto 0;max-height:none;padding:1rem 1.15rem 1.15rem}.scenes-fd-keyboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.scenes-fd-keyboard-header h3{margin:0;font-size:1.05rem}.scenes-fd-keyboard-close{flex:0 0 auto;min-width:2rem;padding:.15rem .45rem;font-size:1.25rem;line-height:1}.scenes-fd-keyboard-lead{margin:0 0 .85rem;font-size:.85rem;color:var(--text-muted);line-height:1.4}.scenes-fd-keyboard-flows{margin:0;padding:0 0 0 1.1rem;display:flex;flex-direction:column;gap:.65rem}.scenes-fd-keyboard-flow{font-size:.88rem;line-height:1.45;color:var(--text)}.storyboard-workspace{display:flex;gap:1rem;align-items:stretch;width:100%;flex:1;min-height:0;min-width:0;align-self:stretch}.sb-sidebar{flex:0 0 220px;width:220px;max-width:220px;display:flex;flex-direction:column;gap:.75rem;min-height:0;align-self:stretch;padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);box-sizing:border-box}.sb-board-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.35rem}.sb-board-list-empty{margin:0;font-size:.875rem;color:var(--text-muted)}.sb-board-item{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;padding:.5rem .65rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:inherit;cursor:pointer;text-align:left}.sb-board-item:hover{border-color:var(--accent)}.sb-board-item-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.sb-board-item-type{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.sb-board-item-name{font-size:.875rem;font-weight:600}.sb-board-item-meta{font-size:.75rem;color:var(--text-muted)}.sb-board-add,.sb-board-delete{width:100%;flex-shrink:0}.sb-board-delete{background:var(--danger);color:#fff;border:none}.sb-board-delete:hover:not(:disabled){filter:brightness(1.08)}.sb-board-delete:disabled{opacity:.45;cursor:not-allowed}.sb-main{flex:1 1 auto;width:0;min-width:0;min-height:0;align-self:stretch;display:flex;flex-direction:column;gap:0}.sb-main-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-muted)}.sb-main-empty p{margin:0}.sb-error{margin:0;font-size:.875rem;color:var(--danger)}.sb-grid{display:grid;gap:.75rem;width:100%;max-width:100%;flex:1 1 auto;min-width:0;min-height:0;overflow:auto;align-content:start;box-sizing:border-box}.sb-frame{aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--bg);min-width:0}.sb-image{width:100%;height:100%;background-repeat:no-repeat;cursor:pointer}.sb-upload-label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:80px;cursor:pointer;color:var(--text-muted);font-size:.875rem}.sb-create-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.sb-create-modal{width:100%;max-width:22rem;padding:1.25rem;box-shadow:0 12px 40px #0003}.sb-create-modal h3{margin:0 0 1rem;font-size:1.05rem}.sb-board-type-picker{border:none;margin:0 0 1rem;padding:0}.sb-board-type-picker legend{font-size:.875rem;font-weight:600;margin-bottom:.5rem}.sb-board-type-option{display:flex;align-items:center;gap:.5rem;font-size:.875rem;margin-bottom:.35rem;cursor:pointer}.sb-moodboard-wrap{flex:1 1 auto;width:100%;min-width:0;min-height:0;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;box-sizing:border-box}.sb-mood-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;flex-shrink:0}.sb-mood-add-btn{cursor:pointer;margin:0}.sb-mood-hint,.sb-mood-saving{font-size:.8rem;color:var(--text-muted)}.sb-moodboard-canvas{position:relative;flex:1 1 auto;width:100%;min-height:12rem;max-height:100%;aspect-ratio:var(--sb-mood-ar, 16 / 9);border:1px solid var(--border);border-radius:8px;background:var(--bg);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.sb-moodboard-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:0;padding:1rem;text-align:center;font-size:.875rem;color:var(--text-muted);pointer-events:none}.sb-mood-item{position:absolute;cursor:grab;border-radius:4px;overflow:hidden;box-shadow:0 2px 10px #0003;border:2px solid transparent;box-sizing:border-box}.sb-mood-item:active{cursor:grabbing}.sb-mood-item-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 4px 14px #00000040}.sb-mood-item img{display:block;width:100%;height:auto;vertical-align:middle;pointer-events:none}.sb-mood-item-remove{position:absolute;top:4px;right:4px;width:1.35rem;height:1.35rem;padding:0;border:none;border-radius:50%;background:#0000008c;color:#fff;font-size:1rem;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s}.sb-mood-item:hover .sb-mood-item-remove,.sb-mood-item-selected .sb-mood-item-remove{opacity:1}.sb-mood-item-remove:hover{background:var(--danger)}.sb-create-modal label{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;margin-bottom:.75rem}.sb-create-modal input[type=number]{padding:.5rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}.sb-create-actions{display:flex;gap:.5rem;margin-top:.5rem}.sb-crop-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.sb-crop-panel{background:var(--bg-card);padding:1.25rem;border-radius:8px;width:min(400px,90vw)}.sb-crop-preview{width:100%;aspect-ratio:16 / 9;background-repeat:no-repeat;border:1px solid var(--border);margin-bottom:1rem}.sb-crop-panel label{display:block;font-size:.8rem;margin-bottom:.5rem}.sb-crop-panel input[type=range]{width:100%}.workspace{--workspace-navbar-height: 3.25rem;--workspace-tabs-height: 5.5rem;--workspace-chrome-bottom: calc( var(--workspace-navbar-height) + var(--workspace-tabs-height) );display:flex;flex-direction:column;height:calc(100vh - 3.5rem);overflow:hidden}.workspace-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.125rem .25rem;padding:0 1rem;margin:0;border-bottom:1px solid var(--border);background:var(--bg-card);flex-shrink:0}.tab{padding:.6rem 1rem;border:none;background:transparent;color:var(--text-muted);border-bottom:2px solid transparent}.tab-active{color:var(--text);border-bottom-color:var(--accent)}.tab-production{color:var(--production-tab, #0d9488)}.tab-production.tab-active{border-bottom-color:var(--production-tab, #0d9488)}.working-area{flex:1;padding-top:1rem;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.working-area-graph{padding:1rem 1.5rem 1.5rem;max-width:none}.scenes-card{padding:1rem}.production-card-inner{padding:0;width:100%;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.production-card-inner .production-workspace{flex:1;min-height:0}.scenes-card-inner{padding:0;width:100%;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.working-area-wide{padding:1rem 1.5rem 1.5rem;max-width:none}.working-area-scenes-flush,.working-area-graph-flush,.working-area-geography-flush,.working-area-production-flush{overflow:hidden}.working-area-geography{flex:1;min-height:0}.working-area-geography .geography-workspace{flex:1;min-height:0;height:100%}.working-area-geography-flush{padding:0}.working-area-geography-flush .geography-workspace{min-height:0;height:100%}.working-area-graph-flush{padding:0}.working-area-graph-flush .graph-composer-panel{flex:1;min-height:0;width:100%;height:100%}.working-area-graph-flush .graph-composer-panel .scene-composer{border-top:none}.scene-list-panel{flex:1;min-height:0;min-width:0;width:100%;display:flex;flex-direction:column}.working-textarea{width:100%;min-height:200px;margin-bottom:1rem;padding:.75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);resize:vertical}.working-area-pitch{display:flex;flex-direction:column;min-height:0}.pitch-dev-panel{display:flex;flex:1;gap:1rem;align-items:stretch;min-height:0;width:100%;max-width:72rem}.pitch-dev-card{flex:1;min-width:0;display:flex;flex-direction:column;margin-bottom:0}.pitch-dev-heading{margin:0 0 .75rem;font-size:1rem;font-weight:600}.pitch-dev-textarea{flex:1;min-height:12rem;margin-bottom:1rem}@media(max-width:720px){.pitch-dev-panel{flex-direction:column}}.auth-card{max-width:400px;margin:2rem auto}.auth-toggle{margin-top:1rem;text-align:center}.btn-sm{padding:.25rem .55rem;font-size:.8rem;flex-shrink:0}.ai-workspace-card-inner{flex:1;min-height:0;overflow-x:auto;overflow-y:auto}:root,.theme-light{--bg: #f4f4f5;--bg-card: #ffffff;--text: #18181b;--text-muted: #71717a;--border: #e4e4e7;--accent: #4f46e5;--accent-hover: #4338ca;--danger: #dc2626;--layout-tab: #0d9488;--graph-node-fill: #e4e4e7;--graph-node-stroke: #a1a1aa}.theme-dark{--bg: #18181b;--bg-card: #27272a;--text: #fafafa;--text-muted: #a1a1aa;--border: #3f3f46;--accent: #818cf8;--accent-hover: #a5b4fc;--danger: #f87171;--layout-tab: #2dd4bf;--graph-node-fill: #3f3f46;--graph-node-stroke: #71717a}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent)}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{max-width:960px;margin:0 auto;padding:1.5rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.25rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;background:var(--accent);color:#fff}.btn:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--border)}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.form-group input,.form-group textarea{padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}.error{color:var(--danger);font-size:.875rem}