.studio-kicker{color:var(--accent);font:11px/1.5 var(--mono);letter-spacing:1.5px;margin-bottom:12px}.studio-overview{display:grid;grid-template-columns:1fr 310px;gap:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 28px;padding:28px 0}.studio-overview h2{font-size:27px;line-height:1.5;font-weight:500}.studio-overview p{color:var(--secondary);margin:12px 0 24px}.studio-featured{position:relative;display:block;overflow:hidden;height:190px;text-align:left;border:0;border-radius:14px;background:#111214;color:#fff}.studio-featured img{width:100%;height:100%;object-fit:cover;object-position:50% 34%;opacity:.7}.studio-featured-play{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--brand)}.studio-featured-label{position:absolute;inset:auto 16px 14px;font-size:14px;background:#111214f2;color:#fff;padding:8px 12px;border-radius:8px}.studio-featured-label small{display:block;margin-top:6px;color:#e4e7ed}.studio-overview-art{position:relative;display:flex;align-items:center;gap:12px;overflow:hidden;justify-content:center;min-height:150px}.studio-overview-art>span:first-child{position:absolute;font:120px var(--sans);font-weight:700;color:var(--raised);left:0}.studio-mini-scene{position:relative;z-index:1;border:1px solid var(--line);background:var(--surface);border-radius:6px;width:68px;height:100px;display:grid;place-items:center;font-size:13px;transform:rotate(-5deg);box-shadow:0 7px 20px #1112140c}.studio-mini-scene:nth-of-type(2){transform:translateY(-12px) rotate(5deg);background:var(--brand);border-color:var(--brand);color:white}.studio-mini-scene:nth-of-type(3){transform:rotate(8deg)}.studio-art-line{position:absolute;width:95%;height:1px;background:var(--line);transform:rotate(-13deg)}
.studio-runtime{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--secondary);margin:-4px 0 24px}.studio-runtime-detail{margin-left:12px;color:var(--muted)}.studio-tabs{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap}.component-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.component-card{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface)}.component-preview{position:relative;display:block;width:100%;aspect-ratio:16/10;overflow:hidden;border:0;padding:0;background:#111214;color:#f3f0e8;text-align:left}.component-preview>img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}.clip-grid{position:absolute;inset:0;background-image:radial-gradient(#ffffff22 .6px,transparent .6px);background-size:13px 13px;opacity:.5}.clip-number{position:absolute;top:12px;left:18px;color:var(--clip-accent);font:10px var(--mono)}.clip-title{position:absolute;left:10%;right:10%;top:26%;font-size:clamp(18px,1.8vw,30px);font-weight:700;line-height:1.3;white-space:pre-line;letter-spacing:-.8px}.clip-rule{position:absolute;left:10%;bottom:18%;width:35%;height:3px;background:var(--clip-accent)}.clip-tag{position:absolute;right:10%;top:14%;font-size:10px;border:1px solid var(--clip-accent);color:var(--clip-accent);padding:3px 6px;transform:rotate(-5deg)}.component-play{position:absolute;bottom:14px;right:14px;background:#111b;color:white;width:30px;height:30px;display:grid;place-items:center;border-radius:50%}.component-play .icon{width:14px;height:14px}.component-time{position:absolute;top:12px;right:12px;background:#111c;color:#f3f0e8;padding:2px 7px;border-radius:5px;font:10px/1.8 var(--mono)}.component-copy{padding:20px}.component-copy h2{font-size:16px}.component-copy>p{font-size:12px;line-height:1.8;color:var(--secondary);margin-top:10px;min-height:44px}.component-copy code{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.component-field-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:16px}.component-field-tags>span{font-size:10px;color:var(--muted);background:var(--raised);padding:1px 6px;border-radius:4px}
.studio-project-select{display:flex;gap:12px;margin-bottom:24px;overflow-x:auto;padding:2px 0 5px}.studio-project-select button{min-width:210px;max-width:320px;background:var(--surface);border:1px solid var(--border);color:var(--secondary);padding:14px 18px;border-radius:12px;text-align:left}.studio-project-select button.active{border-color:var(--accent);color:var(--text);box-shadow:inset 3px 0 var(--brand)}.studio-project-select span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.studio-project-select small{display:block;color:var(--muted);margin-top:5px}.studio-timeline{display:flex;gap:5px;padding:24px;overflow-x:auto;background:var(--bg);border-bottom:1px solid var(--border)}.timeline-segment{min-width:95px;display:flex;flex-direction:column;gap:10px;border:0;border-top:3px solid var(--clip-accent);border-radius:5px;background:var(--surface);padding:12px;color:var(--text);text-align:left}.timeline-segment>span{font:10px var(--mono);color:var(--muted)}.timeline-segment strong{font-size:12px}.timeline-segment small{font:10px var(--mono);color:var(--muted)}.scene-list{padding:0 24px}.scene-row{display:flex;align-items:center;gap:18px;padding:24px 0;border-bottom:1px solid var(--border)}.scene-row:last-child{border-bottom:0}.scene-number{font:18px var(--mono);color:var(--accent);width:30px;flex-shrink:0}.scene-row h3{margin-top:6px;font-size:15px}.scene-row p{color:var(--muted);font-size:12px;line-height:1.8;margin-top:6px;max-width:700px}.scene-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.scene-actions>.icon-button{width:28px;height:30px}.json-editor{font:12px/1.7 var(--mono)!important;tab-size:2;white-space:pre;overflow:auto}.studio-run-json{background:var(--raised);padding:20px;border-radius:10px;max-height:65vh}.studio-empty{text-align:center;padding:55px 24px;color:var(--secondary)}.studio-empty>.icon{width:34px;height:34px;color:var(--accent);margin-bottom:18px}.studio-empty h2{color:var(--text);font-size:21px}.studio-empty p{margin:10px 0 22px}
.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.asset-card{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface)}.asset-visual{height:210px;position:relative;overflow:hidden;background:#111214}.asset-visual>img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;opacity:.82}.asset-placeholder{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(ellipse at 50% 110%,#ff5a242d,transparent 70%);color:#f3f0e8}.asset-placeholder .icon{width:48px;height:48px}.asset-play{position:absolute;inset:0;margin:auto;background:var(--brand);color:#fff;border:0;border-radius:50%;width:48px;height:48px;box-shadow:0 5px 28px #0005}.asset-play:hover{background:var(--brand-hover);color:#fff}.asset-copy{padding:20px}.asset-copy h2{font-size:15px;line-height:1.7;margin:10px 0}.asset-copy>.danger{font-size:12px}.asset-progress{position:absolute;left:24px;right:24px;bottom:30px;color:var(--paper);display:grid;gap:14px}.asset-progress progress{width:100%;height:4px;accent-color:var(--brand)}.studio-video{display:block;width:100%;max-height:68vh;background:#111214;aspect-ratio:9/16;border-radius:10px}.studio-audio{width:100%;margin:24px 0}.studio-image{display:block;max-height:65vh;margin:auto;object-fit:contain}
.writing-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;border-bottom:1px solid var(--line);padding:20px 0 36px}.writing-intro h2{font-size:26px;line-height:1.5}.writing-intro>div>p:not(.meta){color:var(--secondary);margin:14px 0 22px;line-height:1.9;max-width:520px}.writing-roles{display:grid;gap:0}.writing-roles>div{display:flex;gap:20px;align-items:center;border-top:1px solid var(--border);padding:18px 0}.writing-roles>div:last-child{border-bottom:1px solid var(--border)}.writing-roles>div>span{color:var(--accent);font:14px var(--mono)}.writing-roles>div>div{flex:1}.writing-roles h3{font-size:15px}.writing-roles p{color:var(--muted);font-size:12px;margin-top:4px}.writing-runs>article{padding:24px;border-bottom:1px solid var(--border)}.writing-runs>article:last-child{border-bottom:0}.writing-runs h3{font-size:15px}.writing-runs .mono{font-size:10px;margin-top:5px}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.studio-project-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.studio-project-meta dt{font-size:11px;color:var(--muted);margin-bottom:3px}.studio-project-meta dd{margin:0;font-size:12px;overflow-wrap:anywhere}.studio-path{display:block;font-size:10px;overflow-wrap:anywhere;margin-top:10px}.studio-skill-list>div{display:flex;align-items:center;gap:20px;padding:16px 24px;border-bottom:1px solid var(--border)}.studio-skill-list>div:last-child{border-bottom:0}.studio-skill-list>div>div{min-width:220px}.studio-skill-list code{font-size:10px;color:var(--muted);overflow-wrap:anywhere;flex:1}.studio-skill-list h3{font-size:13px}.motion-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.motion-reference-grid article{padding:16px;background:var(--bg);border-radius:8px}.motion-reference-grid p{margin:8px 0}.motion-reference-grid h3{font-size:13px}
@media(min-width:1600px){.component-grid,.asset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.component-grid,.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-overview{grid-template-columns:1fr 240px}.studio-overview h2{font-size:24px}.writing-intro{gap:24px}.studio-skill-list code{max-width:40%}}@media(max-width:760px){.studio-overview{grid-template-columns:1fr;gap:24px}.studio-overview-copy h2{font-size:23px}.studio-featured{height:210px}.studio-overview-art{display:none}.studio-runtime{flex-wrap:wrap;gap:8px}.studio-runtime-detail{display:block;width:100%;margin-left:14px;font-size:11px}.component-grid,.asset-grid{gap:16px}.component-copy{padding:14px}.component-copy .space{flex-wrap:wrap;gap:12px;margin-top:16px}.component-copy>p{min-height:86px}.component-copy h2{font-size:14px}.component-copy code{display:none}.component-field-tags{gap:4px;margin-top:12px}.clip-title{font-size:20px}.clip-tag{display:none}.component-preview{aspect-ratio:1/1}.component-play{right:10px;bottom:10px}.component-time{top:8px;right:8px;font-size:9px}.studio-timeline{padding:16px}.scene-list{padding:0 16px}.scene-row{flex-wrap:wrap;gap:12px}.scene-row>.grow{flex-basis:calc(100% - 50px)}.scene-actions{margin-left:42px}.writing-intro,.project-grid{grid-template-columns:1fr}.writing-intro{gap:28px}.writing-intro h2{font-size:23px}.asset-visual{height:180px}.asset-copy{padding:14px}.asset-copy .actions{gap:10px}.studio-skill-list>div{flex-wrap:wrap;gap:10px;padding:16px}.studio-skill-list>div>div{min-width:0;flex:1}.studio-skill-list code{order:3;max-width:100%;flex-basis:100%}.motion-reference-grid{grid-template-columns:1fr 1fr}.studio-tabs button{font-size:13px}.studio-project-select button{min-width:180px}.studio-video{max-height:60vh}.studio-project-meta{gap:14px}.studio-runtime+.tabbar{margin-top:10px}}@media(max-width:390px){.component-grid,.asset-grid{grid-template-columns:1fr}.component-preview{aspect-ratio:16/10}.component-copy>p{min-height:0}.clip-title{font-size:28px}}
.studio-knowledge-json{font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto;background:var(--surface-2,var(--paper));padding:16px;border-radius:8px;margin-top:12px}.studio-tabs{flex-wrap:wrap}.project-grid .panel-body>ul{padding-left:20px;font-size:13px;line-height:1.8}.project-grid .panel-body>ul li+li{margin-top:8px}
.fred-source-list>article{display:flex;align-items:center;gap:18px;padding:18px 24px;border-top:1px solid var(--border)}.fred-source-list>article>code{width:70px;flex-shrink:0;color:var(--accent);font-size:12px}.fred-source-list>article>div{flex:1;min-width:0}.fred-source-list h3{font-size:14px;line-height:1.7}.fred-source-list .meta{margin-top:5px}.studio-video{aspect-ratio:16/9}.component-preview>img{object-fit:contain}.asset-visual>img{object-fit:contain}@media(max-width:760px){.fred-source-list>article{flex-wrap:wrap;gap:12px;padding:16px}.fred-source-list>article>div{flex-basis:calc(100% - 100px)}.fred-source-list>article>.badge{margin-left:88px}.studio-tabs{overflow-x:auto;flex-wrap:nowrap}}

/* Mobile review: keep the whole video frame visible and controls touchable. */
.scene-sound-editor{border:1px solid var(--border);border-radius:10px;padding:16px;min-width:0}.scene-sound-editor legend{font-size:13px;padding:0 6px}.scene-sound-row{display:grid;grid-template-columns:minmax(140px,1fr) 110px 110px;gap:12px;margin-top:14px}.scene-sound-row label{font-size:12px}.scene-sound-row input,.scene-sound-row select{margin-top:6px}.other-voices{margin-top:32px;padding:20px 0;border-top:1px solid var(--border);color:var(--secondary)}.other-voices>summary{cursor:pointer;font-size:14px}@media(max-width:520px){.scene-sound-row{grid-template-columns:1fr 1fr}.scene-sound-row>label:first-child{grid-column:1/-1}}
.sound-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:12px 0 32px;border-bottom:1px solid var(--border)}.sound-intro h2,.sound-section h2{font-size:26px;line-height:1.5}.sound-intro p{color:var(--secondary);line-height:1.9;margin-top:12px;max-width:490px}.sound-intro blockquote{margin:0;background:var(--raised);border-left:3px solid var(--brand);padding:24px 28px;border-radius:0 12px 12px 0;font-size:16px;line-height:2;color:var(--text)}.sound-selected{display:flex;align-items:center;gap:8px;color:var(--brand)!important}.sound-project{margin:24px 0;color:var(--secondary);font-size:13px;gap:16px}.sound-project strong{color:var(--text);font-weight:500}.voice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.voice-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;min-width:0}.voice-card.selected{border-color:var(--brand);box-shadow:inset 0 3px var(--brand)}.sound-index{font:28px var(--mono);color:var(--brand)}.voice-card h3{font-size:20px;margin:18px 0 8px}.voice-card>p{font-size:13px;line-height:1.8;color:var(--secondary);min-height:46px}.voice-card details{font-size:11px;color:var(--muted)}.sound-player{margin-top:18px}.sound-player>span{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.sound-player audio{display:block;width:100%;height:34px;max-width:100%}.sound-section{margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.sound-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.sound-card{border:1px solid var(--border);border-radius:12px;padding:24px;background:var(--surface);min-width:0}.sound-card h3{font-size:16px}.sound-cue-toggle{display:flex;align-items:center;gap:10px;font-size:12px!important;font-weight:400!important;margin:8px 0}.sound-cue-toggle input{width:auto!important;accent-color:var(--brand)}
@media(max-width:1100px){.voice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sound-intro{gap:24px}}@media(max-width:760px){.sound-intro,.voice-grid,.sound-grid{grid-template-columns:1fr}.sound-intro h2,.sound-section h2{font-size:23px}.sound-intro blockquote{font-size:14px;padding:20px}.voice-card,.sound-card{padding:20px}.sound-section>.row{align-items:flex-start;gap:16px;flex-wrap:wrap}}
@media(max-width:760px){.studio-featured{height:auto;aspect-ratio:16/9}.studio-featured>img{object-fit:contain}.scene-actions{gap:8px}.scene-actions>.icon-button{width:44px;height:44px}.studio-project-select,.studio-timeline,.studio-tabs{overscroll-behavior-x:contain}.component-copy>p{min-height:0}.studio-image{max-width:100%}}
@media(max-width:520px){.component-grid,.asset-grid{grid-template-columns:1fr}.component-preview{aspect-ratio:16/10}.component-copy{padding:18px}.component-copy h2{font-size:16px}.component-copy>.row:first-child{align-items:flex-start;gap:12px}.component-copy>.row:first-child>.meta{flex-shrink:0}.asset-visual{height:auto;aspect-ratio:16/9}}

/* Curated references remain separate from production media and voice choices. */
.research-intro{padding:12px 0 28px;max-width:760px}.research-intro h2{font-size:25px;line-height:1.55;font-weight:500}.research-intro>p{color:var(--secondary);font-size:14px;line-height:1.9;margin-top:12px}.research-card+.research-card{margin-top:24px}.research-card-head{display:grid;grid-template-columns:minmax(240px,34%) minmax(0,1fr);gap:28px;padding:24px}.research-cover{position:relative;align-self:start;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#111214}.research-cover>img{width:100%;height:100%;object-fit:contain}.research-cover>span:first-child{display:grid;place-items:center;height:100%;color:var(--paper)}.research-cover>span:first-child .icon{width:40px;height:40px}.research-cover .component-time{font-size:11px}.research-card-copy{min-width:0}.research-byline{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--secondary);margin-bottom:10px}.research-card-copy h2{font-size:20px;line-height:1.6;overflow-wrap:anywhere}.research-card-copy>p{margin-top:10px}.research-card-copy .actions{gap:10px}.research-audio{margin-top:22px}.research-audio label{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.research-audio audio{display:block;width:100%;height:36px;max-width:460px}.research-scope{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg)}.research-scope>section{padding:20px 24px;min-width:0}.research-scope>section+section{border-left:1px solid var(--border)}.research-scope h3{font-size:12px;color:var(--accent);margin-bottom:12px;font-weight:500}.research-scope p{font-size:12px;line-height:1.9;margin-top:6px}.research-scope strong{font:16px var(--mono);color:var(--text);margin-right:4px}.research-scope details{margin-top:10px;font-size:11px;color:var(--muted)}.research-scope summary{cursor:pointer}.research-capabilities{padding:20px 24px}.research-capabilities>strong{font-size:12px;font-weight:500}.research-capabilities>div{display:flex;flex-wrap:wrap;gap:6px 14px;margin:12px 0}.research-capabilities>div>span{font-size:11px;color:var(--secondary)}.research-capabilities>div>span:before{content:'·';color:var(--brand);margin-right:6px}.research-capabilities>p{font-size:11px;line-height:1.8}.research-detail{min-width:0}.research-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.research-detail-heading>div{min-width:0}.research-detail-heading h2{font-size:23px;line-height:1.65}.research-detail-heading>.btn{flex-shrink:0}.research-detail .research-scope{border:1px solid var(--border);border-radius:10px;overflow:hidden}.research-section{margin-top:32px}.research-section-title,.research-tool-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.research-section h3{font-size:16px;font-weight:500;line-height:1.7}.research-section>summary{font-size:15px;line-height:1.8;font-weight:500;cursor:pointer}.research-tool-list{margin-top:16px;border-top:1px solid var(--border)}.research-tool-list>article{padding:18px 0;border-bottom:1px solid var(--border)}.research-tool-heading h4{font-size:14px;font-weight:500;overflow-wrap:anywhere}.research-timestamp{font:11px/1.7 var(--mono);color:var(--accent);white-space:nowrap}.research-tool-list>article>p,.research-agent-note p{font-size:13px;line-height:1.9;color:var(--secondary);margin-top:8px}.research-frame-details{margin-top:14px}.research-frame-details>summary{font-size:12px;color:var(--accent);cursor:pointer}.research-frames{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px}.research-frames figure{min-width:0;margin:0}.research-frames a{display:block;background:#111214;border-radius:6px;overflow:hidden}.research-frames img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}.research-frames figcaption{font-size:10px;color:var(--muted);line-height:1.8;margin-top:6px}.research-agent-note{border-left:3px solid var(--brand);padding:16px 20px;background:var(--raised);border-radius:0 8px 8px 0}.research-shot{padding:16px 0;border-bottom:1px solid var(--border)}.research-shot>summary{display:grid;grid-template-columns:28px 102px minmax(0,1fr);gap:12px;cursor:pointer;font-size:12px;line-height:1.9;align-items:baseline}.research-shot>summary>span:last-child{color:var(--secondary)}.research-shot-number{font:12px var(--mono);color:var(--muted)}.research-shot-body{margin:14px 0 0 40px}.research-shot-body dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:14px 0}.research-shot-body dt{font-size:11px;color:var(--muted);margin-bottom:5px}.research-shot-body dd{margin:0;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.research-transcript{font-size:13px;line-height:1.9;margin-top:14px;color:var(--secondary)}.research-transcript>.research-timestamp{display:block;margin-bottom:6px}.research-report{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/2 var(--sans);padding:20px;background:var(--raised);border-radius:8px;margin-top:16px;max-height:65vh;overflow:auto}
@media(max-width:1000px){.research-card-head{grid-template-columns:1fr;gap:22px}.research-cover{max-width:560px;width:100%}.research-scope>section{padding:18px}.research-detail-heading{flex-wrap:wrap}}
@media(max-width:760px){.research-intro h2{font-size:22px}.research-card-head{padding:18px}.research-card-copy h2{font-size:19px}.research-scope{grid-template-columns:1fr}.research-scope>section+section{border-left:0;border-top:1px solid var(--border)}.research-capabilities{padding:18px}.research-detail-heading h2{font-size:20px}.research-section-title{flex-wrap:wrap;gap:6px}.research-tool-heading{align-items:flex-start}.research-tool-heading h4{font-size:13px}.research-shot>summary{grid-template-columns:24px 1fr;gap:6px 10px}.research-shot>summary>span:last-child{grid-column:2}.research-shot-body{margin-left:34px}.research-shot-body dl{grid-template-columns:1fr;gap:12px}.research-frames{grid-template-columns:1fr}.research-report{padding:14px;font-size:12px}.research-agent-note{padding:14px 16px}}
