.studio-reading-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:9px 14px;border-bottom:1px solid var(--line);flex-shrink:0;background:var(--surface-soft)}
.studio-reading-toolbar .button{font-size:12px;padding:7px 11px;min-height:34px}.studio-reading-toolbar [aria-pressed=true]{color:var(--accent);background:var(--accent-wash);border-color:var(--accent)}.reading-toolbar-spacer{flex:1}
.studio-reading-stage{display:flex;flex:1;min-height:0;min-width:0;overflow:hidden;--reading-share:50%;--reading-zoom:1}.studio-reading-document{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden}.studio-reading-document[hidden]{display:none!important}
.reading-scene-trial{padding:0}.reading-scene-frame{display:block;border:0;flex:1;width:100%;height:100%;min-height:0}
.studio-reading-document .studio-prose{min-height:0}
.studio-workbench .manuscript-panel{container-type:inline-size}.studio-reading-stage.is-compare{display:grid;grid-template-columns:minmax(0,var(--reading-share)) 10px minmax(0,1fr);gap:0}.studio-reading-divider{cursor:col-resize;touch-action:none;background:var(--surface-soft);position:relative;outline-offset:-2px}.studio-reading-divider:after{content:'';position:absolute;left:4px;top:0;bottom:0;width:2px;background:var(--line)}.studio-reading-divider:hover:after,.studio-reading-divider:focus:after{background:var(--accent)}
.studio-reading-pane{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;background:var(--paper);overflow:hidden}.reading-pane-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:12px;flex-shrink:0}.reading-pane-tools strong{margin-right:auto;font-weight:500;color:var(--accent)}.reading-pane-tools label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.reading-pane-tools input{width:72px;accent-color:var(--accent)}.reading-pane-tools output{min-width:32px}
.studio-reading-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px}.reading-zoom-content{zoom:var(--reading-zoom)}.reading-storyboard-list{display:grid;gap:16px;max-width:850px;margin:auto}.reading-inline-card{background:var(--surface);border:1px solid var(--line);border-radius:9px;overflow:hidden;min-width:0}.reading-inline-card>header{font-size:11px;letter-spacing:.1em;color:var(--accent);padding:12px 18px;border-bottom:1px solid var(--line)}.reading-source-excerpt,.reading-caption{font-size:15px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 18px}.reading-inline-source{font-size:12px;color:var(--muted);padding:10px 18px;border-top:1px solid var(--line)}.reading-inline-source summary{cursor:pointer}.reading-inline-source p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.reading-inline-notice{font-size:12px;line-height:1.7;margin:0;padding:9px 16px;color:var(--muted);border-bottom:1px solid var(--line)}
.reading-comic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}.reading-inline-picture{margin:0;overflow:hidden;background:var(--surface-soft)}.reading-inline-picture img{display:block;width:100%;height:auto;object-fit:contain}.reading-inline-picture figcaption{font-size:12px;padding:20px;color:var(--muted)}.reading-mode-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:350px;text-align:center;padding:30px 20px;max-width:650px;margin:auto}.reading-empty-symbol{font-size:50px;color:var(--accent);opacity:.65}.reading-mode-empty h3{font:22px var(--serif);margin:14px 0}.reading-mode-empty p{font-size:13px;line-height:1.9;color:var(--muted);max-width:350px}.reading-image-empty{padding:60px 15px;text-align:center;font-size:13px;color:var(--muted);background:var(--surface-soft)}
.reading-motion-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px;font-size:12px}.reading-motion-controls label{display:flex;gap:8px;align-items:center}.reading-motion-controls select{background:var(--surface);color:var(--text);padding:6px;border:1px solid var(--line);border-radius:5px}.reading-motion-frames{max-width:900px;margin:auto}.reading-motion-frames [hidden],.reading-inline-picture [hidden]{display:none!important}.is-playing .reading-motion-frames article:not([hidden]) img{animation:studio-reading-push 12s linear both}@keyframes studio-reading-push{from{transform:scale(1)}to{transform:scale(1.035)}}
@container(max-width:640px){.studio-reading-stage.is-compare{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,var(--reading-share)) 10px minmax(0,1fr)}.studio-reading-divider{cursor:row-resize}.studio-reading-divider:after{left:0;right:0;top:4px;bottom:auto;width:auto;height:2px}.studio-reading-stage.is-compare .studio-prose{padding:18px;font-size:16px}.studio-reading-scroll{padding:12px}.reading-pane-tools{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.is-playing .reading-motion-frames article:not([hidden]) img{animation:none}}
.reading-sheet-meta strong{font-weight:500}.reading-sheet-meta p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:8px 0 0}
.studio-reading-pane>.studio-reading-scroll{padding:0;scrollbar-gutter:stable;outline-offset:-3px}
.studio-reading-pane .reading-pane-tools{position:sticky;top:0;z-index:4;background:var(--paper);box-shadow:0 1px 0 var(--line)}
.reading-model-count{color:var(--muted);white-space:nowrap}.reading-image-live{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-basis:100%;color:var(--accent);line-height:1.6}.reading-image-live .button{margin-left:auto}
.reading-motion-status{color:var(--accent);font-size:13px;line-height:1.7}.reading-motion-hint{color:var(--muted);font-size:12px;line-height:1.7}.reading-motion-frames .reading-inline-picture img{max-height:65vh;width:100%;object-fit:contain}.reading-motion-frames .reading-inline-card:not([hidden]) img{animation:studio-reading-push 90s linear both;animation-play-state:paused}.is-playing .reading-motion-frames .reading-inline-card:not([hidden]) img{animation-play-state:running}
.studio-reading-pane .reading-zoom-content{padding:20px}
.reading-tool-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--surface-soft)}
.reading-tool-tabs .button{font-size:12px;min-height:32px;padding:6px 12px}.reading-tool-tabs [aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-wash)}.reading-tool-tabs>span{margin-left:auto;color:var(--muted);font-size:11px}
.reading-tool-panel[hidden]{display:none!important}.reading-tool-panel{border-bottom:1px solid var(--line);background:var(--surface)}
.reading-tool-content{padding:16px;min-width:0;font-size:12px;line-height:1.7}.reading-tool-content>label{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.reading-tool-content select,.reading-tool-content textarea{max-width:100%;background:var(--paper);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px;font:inherit}.reading-tool-content textarea{width:100%;box-sizing:border-box;resize:vertical}.reading-tool-content>p,.reading-tool-content>small{color:var(--muted)}
.reading-tool-actions,.image-selection-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.reading-tool-actions{margin:12px 0}.image-maintenance{margin:12px 0;padding:10px 0;border-top:1px solid var(--line)}.image-maintenance summary{cursor:pointer;color:var(--muted)}
.image-panel-selection{border:1px solid var(--line);padding:12px;margin:0 0 14px;border-radius:8px;min-width:0}.image-panel-selection legend{padding:0 6px;font-weight:500}.image-panel-selection legend span{color:var(--muted);font-weight:400;margin-left:8px}.image-panel-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:7px;margin-top:10px}.image-panel-choice{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--paper);border:1px solid var(--line);border-radius:6px;cursor:pointer}.image-panel-choice:has(input:checked){border-color:var(--accent);background:var(--accent-wash)}.image-panel-choice input[type=checkbox]{width:16px;height:16px;margin:0;flex:0 0 auto;accent-color:var(--accent)}.image-panel-choice small{display:block;color:var(--muted);font-size:10px}
.studio-reading-pane .reading-storyboard-sheet thead th{position:static}
.reading-motion-controls label{white-space:nowrap;flex-shrink:0}.reading-motion-controls select{width:auto;max-width:250px}.studio-reading-pane .reading-motion-frames .reading-inline-card:not([hidden]) img{animation:studio-reading-push 90s linear both;animation-play-state:paused}.is-playing .studio-reading-pane .reading-motion-frames .reading-inline-card:not([hidden]) img{animation-play-state:running}
@media(prefers-reduced-motion:reduce){.studio-reading-pane .reading-motion-frames .reading-inline-card:not([hidden]) img{animation:none}}
@container(max-width:800px){.reading-tool-panel .director-grid{grid-template-columns:minmax(0,1fr)}.reading-tool-content .ai-fields{grid-template-columns:minmax(0,1fr)}.studio-reading-pane .reading-zoom-content{padding:12px}.reading-tool-tabs>span{display:none}}
.reading-storyboard-sheet{min-width:900px;margin:0 auto}.reading-storyboard-sheet table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:12px;text-align:left}.reading-storyboard-sheet th,.reading-storyboard-sheet td{vertical-align:top;padding:12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.reading-storyboard-sheet tr>*:last-child{border-right:0}.reading-storyboard-sheet thead th{position:sticky;top:-20px;z-index:1;background:var(--surface-soft);color:var(--muted);font-weight:500;white-space:nowrap}.reading-storyboard-sheet .sheet-number{width:8%}.reading-storyboard-sheet .sheet-meta{width:14%}.reading-storyboard-sheet .sheet-picture{width:22%}.reading-storyboard-sheet .sheet-action{width:20%}.reading-storyboard-sheet .sheet-dialogue{width:20%}.reading-storyboard-sheet .sheet-notes{width:16%}.reading-sheet-scene th{background:var(--accent-wash);color:var(--accent);font-weight:500;font-size:13px}.reading-sheet-number{display:inline-block;padding:3px 6px;border:1px solid var(--line);border-radius:4px;color:var(--accent);font-size:11px}.reading-sheet-field+ .reading-sheet-field{margin-top:10px}.reading-sheet-field strong{display:block;color:var(--muted);font-weight:400;font-size:10px;margin-bottom:4px}.reading-sheet-field p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;margin:0}.reading-sheet-unknown{font-size:11px;color:var(--muted)}.reading-sheet-picture{background:var(--surface-soft)}.reading-sheet-placeholder{min-height:82px;border:1px dashed var(--line);border-radius:5px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px;margin-bottom:12px}.reading-sheet-source td{padding:0;background:var(--paper)}.reading-sheet-source .reading-inline-source{border:0}.reading-storyboard-sheet .reading-inline-picture{margin-bottom:10px;border-radius:5px}

.reading-source-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line,#d8ddd8)}
.reading-source-controls p{flex-basis:100%;margin:0;font-size:12px;overflow-wrap:anywhere;color:var(--text-muted,#607070)}
.reading-generation-options[hidden]{display:none!important}.reading-generation-options{padding:16px;border-bottom:1px solid var(--line);background:var(--surface-soft);font-size:12px;line-height:1.7}.reading-generation-options>p{color:var(--muted);margin:10px 0}.reading-generation-fields{display:flex;flex-wrap:wrap;gap:12px}.reading-generation-fields label{display:flex;flex-direction:column;gap:5px;flex:1;min-width:145px}.reading-generation-fields select,.reading-pane-tools select{background:var(--paper);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:7px;font:inherit;max-width:100%}.reading-generation-options>details{margin:10px 0}.reading-generation-options summary{cursor:pointer}.reading-source-controls{padding:10px 16px;font-size:12px}.reading-source-controls>span{color:var(--muted)}.reading-source-controls>details{flex-basis:100%}.reading-advanced{border-bottom:1px solid var(--line);font-size:12px}.reading-advanced>summary{padding:10px 16px;cursor:pointer;color:var(--muted)}.reading-advanced>.reading-tool-panel{border-bottom:0}
.reading-pane-tools label{white-space:nowrap}
.reading-skill-help{padding:10px 16px;border-bottom:1px solid var(--line);background:var(--surface-soft);font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.reading-skill-help p{margin:0}.reading-skill-help p+p{margin-top:3px;color:var(--muted)}.reading-skill-help small{display:block;margin-top:6px;color:var(--muted);font-size:11px}
.motion-viewport{overflow:hidden;background:#182831;border-radius:8px}
.motion-viewport .reading-inline-picture{margin:0!important}
.motion-viewport .reading-inline-picture img{width:100%;max-height:70vh;object-fit:contain;display:block}
.motion-layers{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden}
.motion-layers img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:50% 80%;pointer-events:none}