@import url('/shared/workspace-nav.css');
/* AI presenter studio (8 Oct 2026): the approved studio design on the existing two-column brief.
   Loaded after /brand/studio.css and /home/home.css. */
/* Match the workspace shell before the shared menu script runs, avoiding a layout jump. */
body>.top{display:none}body>main.studio-shell{margin-left:232px;padding:0 48px 90px;max-width:1600px;min-height:100vh}body>main.studio-shell>header{margin:0 -48px;padding:12px 48px;background:var(--band);color:var(--band-muted);border-bottom:1px solid var(--band-line);font-size:10px;letter-spacing:1.5px}
.studio-shell{padding:0 0 90px}
.studio-head.hero{display:none}
.studio-head.hero .wrap{padding-top:64px;padding-bottom:64px}
.studio-head h1{font-size:clamp(46px,6vw,88px);letter-spacing:-.02em}
.studio-head h1 em{font-style:normal;color:var(--orange);font-family:inherit;font-weight:inherit;text-transform:inherit}
.studio-head .lead{font-size:18px;max-width:52ch}
.top .credits.studio-balance{white-space:normal;text-align:left;max-width:min(420px,60vw);line-height:1.3}
.monitor.presenter-card .ph{background-image:url('/library/lake-dawn-platform.jpg')}
.monitor.presenter-card .play{position:absolute;left:50%;top:44%;translate:-50% -50%;width:64px;height:64px;border-radius:50%;border:2px solid var(--orange);display:grid;place-items:center;color:var(--orange);font-size:22px;padding-left:4px;background:rgba(12,20,9,.35);backdrop-filter:blur(4px)}
.studio-body{padding-top:36px;display:grid;gap:24px}
.studio-gate.card{padding:28px}.studio-gate h2{font-size:34px;margin-bottom:8px}.studio-gate p{color:var(--muted);margin-bottom:18px}
.ai-label{border:1px solid var(--line);background:var(--card);border-radius:var(--radius-s);padding:12px 14px;margin:0 0 18px;line-height:1.5;font-size:14px;color:var(--ink2)}
.ai-label strong{display:inline-block;margin-right:8px;padding:3px 8px;border-radius:6px;background:var(--orange);color:var(--orange-ink);font-size:.8em;letter-spacing:.08em;font-weight:800}
#unavailable{padding:12px 14px;border-radius:var(--radius-s);background:var(--ink);color:var(--band-text);margin:0 0 18px;font-size:14px}
.studio-grid{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}
.studio-card.form{display:grid;align-content:start;gap:12px;padding:28px}
.studio-card h2{font-size:34px;font-weight:900;margin:0 0 4px}
.stepno{font-family:var(--display);font-size:13px;letter-spacing:.2em;font-weight:800;color:var(--orange-deep)}
.studio-card.form label{margin-bottom:4px}
.studio-card.form textarea{min-height:96px}
.studio-card .muted{color:var(--muted);font-size:14px}
.script-card.form{background:#FAF8F0}
.reference-box{margin:3px 0 2px;padding:13px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--bg);display:grid;gap:9px}.reference-box legend{padding:0 5px;font-size:12px;font-weight:800}.reference-box legend span{color:var(--muted);font-weight:600}.reference-box p{margin:0;color:var(--muted);font-size:12px;line-height:1.4}.reference-box .check{display:flex;gap:8px;align-items:flex-start;font-weight:700}.reference-box .check input{width:auto;margin-top:2px}.reference-preview{grid-template-columns:54px 1fr;gap:9px;align-items:center}.reference-preview:not([hidden]){display:grid}.reference-preview img{width:54px;height:54px;object-fit:cover;border-radius:7px;border:1px solid var(--line)}.reference-preview .reference-item{display:contents}.reference-preview .reference-item:first-child img{grid-column:1}.reference-preview .reference-item:first-child .remove-reference{grid-column:2}.reference-preview .reference-item:not(:first-child){display:grid;grid-column:1/-1;grid-template-columns:54px 1fr;gap:9px;align-items:center}.remove-reference{justify-self:start;border:0;background:transparent;color:var(--orange-deep);padding:0;font:700 12px inherit;text-decoration:underline;cursor:pointer}
.presenter-picker{display:grid;gap:8px;margin:-4px 0 6px}.presenter-picker>strong{font-size:13px}.presenter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.presenter-choice{appearance:none;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--card);overflow:hidden;text-align:left;cursor:pointer;color:var(--ink)}.presenter-choice.selected{border:3px solid var(--orange);box-shadow:0 0 0 1px var(--orange)}.presenter-choice img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.presenter-choice span{display:grid;gap:1px;padding:7px}.presenter-choice b{font-size:12px}.presenter-choice small{font-size:10px;color:var(--muted);line-height:1.15}@media(max-width:560px){.presenter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.script-card .btn.ghost{justify-self:start}
.saved-briefs{padding:14px 15px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--card);display:grid;gap:6px}.saved-briefs label{display:grid;gap:6px;font-weight:800;font-size:13px}.saved-briefs p{margin:0;color:var(--muted);font-size:12px;line-height:1.4}
#save-brief{margin-top:-4px}
#more{margin:18px 0 0;padding:16px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--bg)}#more summary{cursor:pointer;font-family:var(--display);font-weight:900;padding:4px 0;font-size:22px;list-style:none}#more summary::-webkit-details-marker{display:none}#more summary::before{content:'02';display:block;margin-bottom:7px;font-family:var(--display);font-size:13px;letter-spacing:.2em;font-weight:800;color:var(--orange-deep)}#more summary::after{content:'+';float:right;font-family:var(--body);font-size:28px;line-height:.7;color:var(--orange-deep)}#more[open] summary::after{content:'–'}#more[open]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}#more[open] summary{grid-column:1/-1;margin-bottom:2px}#more[open]>label{grid-column:auto!important}#more[open]>label:nth-of-type(odd){grid-column:1!important}#more[open]>label:nth-of-type(even){grid-column:2!important}
.scene{margin:4px 0 12px;padding:12px 14px;border-radius:var(--radius-s);background:var(--bg);border:1px solid var(--line)}.scene .eyebrow{display:block;margin-bottom:6px;font-size:11px}.scene p{font-size:14px}
/* The quote is the price moment: label, big number, then the terms line. */
.quote{padding:18px 20px;background:var(--band);color:var(--band-text);border-radius:var(--radius-s);display:grid;gap:4px;box-shadow:var(--shadow)}
.quote>span:first-child{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--band-muted);font-weight:700}
.quote strong{font-family:var(--display);font-size:44px;line-height:1;font-weight:900;display:block;margin:2px 0}
.quote>span:last-child{font-size:13px;color:var(--band-muted)}
#generate{justify-self:start}#generate:disabled{opacity:.55;cursor:not-allowed;transform:none}
.library.card{padding:28px}.library h2{font-size:34px;margin-bottom:12px}
.job{padding:16px 0;border-top:1px solid var(--line);display:grid;gap:8px}.job:first-child{border-top:0}
.job h3{font-size:24px}.job video{max-width:260px;border-radius:12px;background:var(--band)}.job small{color:var(--muted)}
.job .ai-tag{display:inline-block;font-size:11px;letter-spacing:.14em;font-weight:800;color:var(--orange-deep)}
@media(max-width:1050px){body>main.studio-shell{margin-left:195px;padding-left:25px;padding-right:25px}body>main.studio-shell>header{margin-left:-25px;margin-right:-25px;padding-left:25px;padding-right:25px}}
@media(max-width:860px){#more[open]{grid-template-columns:1fr}}
@media(max-width:560px){body>main.studio-shell{margin:0;padding:0 18px 70px}body>main.studio-shell>header{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.studio-body{padding-top:24px}.studio-card.form{padding:20px}.top .credits.studio-balance{max-width:52vw;font-size:11.5px}}