@font-face{font-family:Manrope;src:url("./assets/manrope.woff2") format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:Space;src:url("./assets/space.woff2") format("woff2");font-weight:300 700;font-display:swap}
:root{color-scheme:dark;--bg:#090e18;--ink:#f2f5fa;--text:#c7d3e4;--muted:#9badc5;--line:#2b384d;--accent:#90caff;font-family:Manrope,"Segoe UI",sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{min-width:300px}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 49% -18%,#1a2d47 0%,transparent 50%),#090e18;color:var(--ink)}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
a{color:inherit}
button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
button[disabled]{cursor:default}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.home{min-height:100svh;display:grid;place-items:center;padding:clamp(26px,6vw,92px);isolation:isolate;position:relative}
.home::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 25%,rgba(124,169,224,.05) 51%,transparent 80%),repeating-linear-gradient(110deg,transparent 0 180px,rgba(160,199,247,.04) 181px,transparent 182px 330px);mask-image:linear-gradient(180deg,transparent,#000 28%,#000 68%,transparent)}
.ideas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.2vw,32px);width:min(1210px,100%)}
.idea{position:relative;min-width:0;min-height:415px;display:grid;grid-template-rows:auto 1fr auto;gap:20px;align-items:start;text-align:left;padding:clamp(19px,2vw,32px);background:linear-gradient(155deg,#162236 0%,#111b2c 40%,#0e1624 100%);color:var(--ink);border:1px solid #34445a;border-radius:5px;cursor:pointer;transition:transform .35s cubic-bezier(.22,.8,.25,1),border-color .35s,background-color .35s,box-shadow .35s;overflow:hidden;isolation:isolate}
.idea::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--card-accent) 16%,transparent),transparent 68%);opacity:0;transition:opacity .4s}
.idea:hover,.idea:focus-visible{transform:translateY(-7px);border-color:var(--card-accent);box-shadow:0 18px 60px #030811a8}
.idea:hover::after,.idea:focus-visible::after{opacity:1}
.idea-no,.idea-arrow,.stage-head,.stage-foot,.route-index,.scene-brand,.eyebrow,.chapter-count{font-family:Space,Manrope,sans-serif;letter-spacing:.15em;font-weight:700}
.idea-no{font-size:12px;color:var(--card-accent)}
.idea-arrow{position:absolute;right:24px;top:18px;font-size:23px;color:var(--card-accent);transition:transform .25s}
.idea:hover .idea-arrow{transform:translate(3px,-3px)}
.idea-figure{height:202px;display:grid;place-items:center;width:100%;align-self:center}
.card-logo{display:block;max-width:100%;width:auto;max-height:177px;fill:#f4f8ff;overflow:visible;filter:drop-shadow(0 8px 18px #0005);transition:transform .35s cubic-bezier(.22,.8,.25,1)}
.idea:first-child .card-logo{width:min(100%,285px)}
.idea:hover .card-logo{transform:scale(1.045)}
.idea-text{display:grid;gap:10px;border-top:1px solid #35445a;padding-top:21px;min-height:109px}
.idea-text strong{font-family:Space,Manrope,sans-serif;font-size:clamp(22px,2.1vw,32px);letter-spacing:-.05em;line-height:1.04;font-weight:700}
.idea-text>span{font-size:clamp(13px,1.13vw,15px);line-height:1.55;color:var(--text);max-width:32ch}
.scene{--accent:#90caff;max-width:1460px;margin:0 auto;padding:0 clamp(20px,4.1vw,64px) 24px;min-height:100svh}
.scene-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:78px;gap:16px;border-bottom:1px solid var(--line);margin-bottom:26px}
.back,.transport-button,.return-end{display:inline-flex;align-items:center;gap:9px;justify-content:center;border:1px solid transparent;background:none;color:var(--ink);cursor:pointer;font-size:14px;font-weight:750;min-height:40px;border-radius:4px;transition:color .2s,background .2s,border-color .2s}
.back{justify-self:start;padding:0 10px 0 1px;color:var(--text)}
.back span{color:var(--accent);font-size:20px}
.back:hover,.transport-button:hover:not(:disabled){color:var(--accent);background:#192538}
.scene-brand{color:#eef4ff;font-size:15px;white-space:nowrap}
.scene-brand span{color:var(--accent)}
.route-index{justify-self:end;color:var(--accent);font-size:12px;white-space:nowrap}
.scene-grid{display:grid;grid-template-columns:minmax(0,1.63fr) minmax(300px,1fr);gap:clamp(26px,4vw,62px);align-items:stretch}
.stage{position:relative;min-width:0;height:clamp(470px,68vh,640px);background:radial-gradient(ellipse at 50% 46%,color-mix(in srgb,var(--accent) 10%,#101927),#0d1422 74%);border:1px solid #304159;border-radius:5px;overflow:hidden;isolation:isolate}
.stage::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#819eb60a 1px,transparent 1px),linear-gradient(#819eb60a 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}
.stage-head,.stage-foot{position:absolute;left:21px;right:21px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);z-index:2;pointer-events:none;gap:12px}
.stage-head{top:19px}
.stage-foot{bottom:18px}
.stage-head span:last-child,.stage-foot span:last-child{color:var(--accent);text-align:right}
.visual{position:absolute;inset:44px 24px 42px;display:grid;place-items:center;min-width:0}
.visual-study,.visual-final{display:block;overflow:visible}
.study-logo{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:#f7fbff;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--accent) 12%,transparent))}
.part{transition:opacity .35s;transform-box:view-box}
.part.is-hidden{opacity:0;visibility:hidden}
.part.is-dim{opacity:.36}
.piece-fill{fill:#f3f8ff}
.is-focus:not(.is-reading) .piece-fill{animation:form-in .88s cubic-bezier(.2,.85,.22,1) both;animation-delay:calc(var(--piece)*65ms)}
.is-focus .piece-line{stroke:var(--accent);stroke-width:1.45;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke;animation:line-in 1.35s cubic-bezier(.2,.7,.22,1) both;animation-delay:calc(var(--piece)*65ms)}
.is-reading .piece-fill{fill:#d7e7fa;opacity:.64}
.guides path{fill:none;stroke:var(--accent);stroke-width:1.45;vector-effect:non-scaling-stroke;stroke-dasharray:4 4;opacity:.8;animation:guide-in .75s .36s both}
.guides-strong path{stroke-width:2.2;stroke-dasharray:5 3;opacity:1}
.guide-label rect{fill:#132844;stroke:var(--accent);stroke-width:.65}
.guide-label text{fill:#f3faff;font:700 9px Space,Manrope,sans-serif;letter-spacing:.075em}
.guide-label{animation:guide-in .7s .52s both}
.visual-final .study-logo{animation:hero-in .96s cubic-bezier(.18,.85,.22,1) both}
.visual-final::after{content:"";position:absolute;inset:-10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 16%,transparent),transparent 68%);animation:halo 1.4s ease both}
.visual-references{display:flex;flex-direction:column;justify-content:center;gap:16px}
.references{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:8px 10px;align-items:stretch}
.ref{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:7px;text-decoration:none;text-align:center;padding:9px 4px 8px;min-width:0;transition:background .25s,border-color .25s;border:1px solid transparent;border-radius:4px;animation:hero-in .6s calc(var(--stagger)*60ms) both}
a.ref:hover{background:#233551;border-color:#465c78}
.ref-mark{--ref-y:10px;--ref-x:12px;position:relative;width:min(100%,117px);height:70px;display:block;overflow:hidden;background:#e8eef6;border-radius:3px}
.ref-mark img{position:absolute;inset:var(--ref-y) var(--ref-x);display:block;width:calc(100% - 2 * var(--ref-x));height:calc(100% - 2 * var(--ref-y));object-fit:contain}
.ref-mark.ref-photo{--ref-x:0px;--ref-y:0px;background:#303d48}
.ref-name{font-size:12px;font-weight:800;color:#f1f6fe;line-height:1.2}
.ref-feature{font-size:10px;color:var(--text);line-height:1.3}
.ref-credit{font-size:10px;color:var(--muted);text-align:center}
.ref-credit a{color:var(--text);text-underline-offset:3px}
.story{padding:clamp(12px,5vh,42px) 0 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.story-content{width:100%}
.story-in{animation:copy-in .55s cubic-bezier(.22,.85,.25,1) both}
.chapter-count{font-size:12px;color:var(--muted);margin-bottom:clamp(20px,4.5vh,41px)}
.chapter-count span:first-child{color:var(--accent)}
.eyebrow{margin:0 0 13px;color:var(--accent);font-size:11px;text-transform:uppercase}
.story h1{font-family:Space,Manrope,sans-serif;font-size:clamp(34px,4vw,66px);line-height:.99;letter-spacing:-.06em;margin:0 0 24px;font-weight:700;max-width:12ch;text-wrap:balance}
.explain{font-size:clamp(15px,1.4vw,19px);line-height:1.58;color:var(--text);margin:0 0 24px;max-width:37ch}
.design-choice{border-left:2px solid var(--accent);padding:1px 0 1px 16px;margin:0;color:#f1f5fc;line-height:1.53;font-size:clamp(13px,1.17vw,16px);font-weight:720;max-width:39ch}
.return-end{border-color:#425975;background:#192942;margin-top:26px;padding:8px 14px;color:#eff6ff;text-align:left}
.return-end:hover{border-color:var(--accent);color:var(--accent)}
.return-end span{color:var(--accent);margin-left:4px}
.transport{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.chapters{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px}
.chapter{background:none;border:0;color:var(--muted);cursor:pointer;min-width:0;padding:4px 0 7px;text-align:left;display:grid;gap:6px;font-size:11px;font-weight:750}
.chapter:hover,.chapter.current{color:var(--ink)}
.chapter-line{height:3px;background:#344359;display:block;border-radius:2px;overflow:hidden}
.chapter-line i{display:block;width:0;height:100%;background:var(--accent)}
.chapter.done .chapter-line i{width:100%;opacity:.55}
.chapter.current .chapter-line i{width:max(7%,var(--progress,0%))}
.chapter-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.transport-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-top:4px}
.transport-button{padding:0 12px}
.transport-button:first-child{justify-self:start}
.transport-button:last-child{justify-self:end}
.transport-button:disabled{opacity:.33}
.transport-button span{font-family:Space,Manrope,sans-serif;color:var(--accent);font-size:18px}
.play{background:#152237;border-color:#31445e}
.enter .stage{animation:stage-in .7s cubic-bezier(.18,.85,.22,1) both}
.noscript{text-align:center;padding:30px}
@keyframes stage-in{from{opacity:0;transform:translateY(12px) scale(.975);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes copy-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes hero-in{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
@keyframes form-in{0%{opacity:0}26%{opacity:.04}100%{opacity:1}}
@keyframes line-in{0%{stroke-dashoffset:1;opacity:1}67%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes guide-in{from{opacity:0}to{}}
@keyframes halo{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}
@media(max-width:1000px){
  .home{padding:34px}
  .idea{min-height:350px}
  .idea-figure{height:170px}
  .card-logo{max-height:152px}
  .scene-grid{gap:24px}
  .stage{height:490px}
  .story h1{font-size:clamp(32px,4.4vw,48px)}
}
@media(max-width:760px){
  .home{padding:22px 17px}
  .ideas{grid-template-columns:1fr;max-width:525px;gap:11px}
  .idea{min-height:139px;grid-template-columns:minmax(78px,30%) minmax(0,1fr);grid-template-rows:21px auto;gap:6px 17px;padding:15px 18px}
  .idea:hover,.idea:focus-visible{transform:none}
  .idea-no{grid-column:2;grid-row:1;font-size:11px}
  .idea-arrow{right:14px;top:10px;font-size:18px}
  .idea-figure{grid-row:1/3;grid-column:1;height:103px}
  .card-logo{max-height:91px}
  .idea-text{grid-row:2;grid-column:2;border-top:0;min-height:0;padding:0;gap:6px}
  .idea-text strong{font-size:clamp(20px,5.3vw,27px)}
  .idea-text>span{font-size:12px}
  .scene{padding:0 16px 19px}
  .scene-header{grid-template-columns:1fr auto;min-height:59px;margin-bottom:14px}
  .scene-brand{display:none}
  .back{font-size:12px;gap:6px}
  .route-index{font-size:10px}
  .scene-grid{grid-template-columns:1fr;gap:19px}
  .stage{height:clamp(280px,52vw,411px)}
  .stage-head,.stage-foot{left:12px;right:12px;font-size:8px}
  .stage-head{top:13px}
  .stage-foot{bottom:12px}
  .visual{inset:33px 12px 29px}
  .visual-references{gap:8px}
  .references{gap:4px}
  .ref{padding:6px 3px;gap:5px}
  .ref-mark{--ref-y:5px;--ref-x:7px;width:min(100%,80px);height:47px}
  .ref-name{font-size:10px}
  .ref-feature{display:none}
  .ref-credit{font-size:8px}
  .story{padding:0;min-height:0}
  .chapter-count{margin-bottom:10px;font-size:10px}
  .eyebrow{margin-bottom:8px;font-size:10px}
  .story h1{font-size:clamp(32px,8vw,49px);max-width:100%;margin-bottom:12px;text-wrap:initial}
  .explain{font-size:15px;max-width:none;margin-bottom:15px}
  .design-choice{max-width:none;font-size:13px;padding-left:10px}
  .return-end{margin-top:15px;font-size:13px}
  .transport{margin-top:17px;padding-top:12px}
  .chapter{font-size:9px;gap:5px}
  .chapters{gap:5px}
  .transport-button{font-size:12px;min-height:36px;padding:0 8px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
/* Agency signature, adapted from the IdeasStudios presentation template. */
.home-wrap{width:min(1210px,100%);display:grid;justify-items:center;gap:clamp(22px,4.5vh,42px)}
.home-agency{display:grid;justify-items:center;gap:9px;text-align:center;padding:4px 15px 6px}
.home-agency::before{content:"";width:42px;height:2px;background:#f1404b;margin-bottom:2px}
.home-agency span{color:#b5c3d7;font:650 11px Space,Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.home-agency img{display:block;width:clamp(168px,16vw,218px);height:auto}
.scene-brand{display:flex;align-items:center;justify-content:center;gap:13px}
.scene-brand span{color:#adbbcf;font:650 10px Space,Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;border-right:1px solid #e33845;padding-right:13px}
.scene-brand img{width:128px;height:auto;display:block}
.user-mark-white{filter:brightness(0) invert(1)}
.vector-focus{animation:vector-in 1s cubic-bezier(.23,.84,.28,1) both}
.vector-outline{fill:none;stroke:var(--accent);stroke-width:1.45;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke;animation:line-in 1.3s cubic-bezier(.2,.7,.22,1) both}
.story h1{overflow-wrap:anywhere}
.vector-guide{pointer-events:none;animation:guide-in .65s .37s both}
.vector-guide polyline{stroke:var(--accent);stroke-width:1.7;stroke-dasharray:5 3;fill:none}
.vector-guide text{fill:var(--accent);font-family:Space,Manrope,sans-serif;font-weight:700;letter-spacing:.075em}
@keyframes vector-in{0%{opacity:0}28%{opacity:.27}100%{opacity:1}}

.editor{--agency:#ff5a65;--accent:#9bd0ff;width:min(1280px,100%);margin:auto;padding:0 clamp(18px,4vw,56px) 44px}
.editor-header{min-height:76px;display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;border-bottom:1px solid var(--line)}
.editor-header .back{text-decoration:none}
.editor-brand{display:block;width:145px;height:auto}
.editor-private{justify-self:end;color:var(--agency);font:700 10px Space,Manrope,sans-serif;letter-spacing:.15em}
.editor-top{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:34px 0 14px}
.editor-kicker{margin:0 0 11px;color:var(--agency);font:700 11px Space,Manrope,sans-serif;letter-spacing:.19em}
.editor-top h1{margin:0;font:700 clamp(31px,4.3vw,58px)/1 Space,Manrope,sans-serif;letter-spacing:-.06em}
.editor-top p:last-child{color:var(--text);font-size:14px;line-height:1.6;margin:12px 0 0;max-width:61ch}
.editor-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.action{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:4px;border:1px solid #455673;color:#f1f5fa;min-height:38px;padding:8px 12px;background:#172338;font:750 12px/1.35 Manrope,"Segoe UI",sans-serif;cursor:pointer;white-space:nowrap;text-decoration:none}
.action:hover,.action:focus-visible{background:#263850;border-color:#a6c7ed}
.action-primary{background:#901e31;border-color:#c83e50;color:#fff}
.action-primary:hover,.action-primary:focus-visible{background:#af2e43;border-color:#ff8791}
.action-subtle{background:#152031}
.action:has(+ input:focus-visible){outline:2px solid var(--accent);outline-offset:4px}
.editor-status{min-height:22px;font-size:12px;color:var(--muted);margin:0 0 11px}
.editor-status[data-mode=pending]{color:#ffe09c}
.editor-status[data-mode=success]{color:#9defbf}
.editor-status[data-mode=error]{color:#ffb2b7}
.editor-ideas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:21px}
.editor-tab{min-width:0;display:flex;align-items:baseline;gap:9px;background:#111b2a;border:1px solid #35445b;color:#b2c1d6;border-radius:4px;padding:13px 12px;text-align:left;font-size:11px;font-weight:850;cursor:pointer}
.editor-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e9f0fa;font:700 clamp(13px,1.5vw,18px)/1.2 Space,Manrope,sans-serif}
.editor-tab[aria-pressed=true]{border-color:#e95663;background:#222333;color:#ffadb4}
.edit-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:26px;align-items:start}
.edit-fields{display:grid;gap:15px;min-width:0}
.edit-fields>#reset-idea{justify-self:start}
.edit-block,.edit-preview{min-width:0;background:#101927;border:1px solid #34445b;border-radius:5px;padding:18px}
.edit-block h2{margin:0 0 15px;font:700 23px/1.13 Space,Manrope,sans-serif;letter-spacing:-.04em}
.edit-field{display:grid;gap:6px;margin:0 0 13px;min-width:0}
.edit-field span{font-size:12px;font-weight:760;color:#d7e2f1}
.edit-field input,.edit-field textarea,.edit-field select{width:100%;color:#f5f8ff;background:#0b1422;border:1px solid #40516d;border-radius:4px;padding:10px;min-height:39px;font:500 13px/1.4 Manrope,"Segoe UI",sans-serif}
.edit-field textarea{resize:vertical}
.edit-field input:focus-visible,.edit-field textarea:focus-visible,.edit-field select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.edit-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.edit-row.timing{align-items:center}
.edit-check{display:flex;align-items:center;gap:8px;font-size:12px;color:#d7e2f1;line-height:1.4}
.edit-check input{accent-color:#db4655;width:16px;height:16px}
.edit-inline{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.edit-muted{font-size:12px;color:#aebed4;line-height:1.55;margin:9px 0 13px}
.edit-preview{position:sticky;top:16px;display:grid;gap:11px}
.edit-preview-head{display:flex;justify-content:space-between;gap:6px;color:#b7c9e2;font:700 10px Space,Manrope,sans-serif;letter-spacing:.12em}
.edit-mark{height:clamp(236px,26vw,350px);position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse,#243852,#0d1726 72%);border:1px solid #30445c;border-radius:4px;padding:12px}
.edit-mark .study-logo{inset:10px;width:calc(100% - 20px);height:calc(100% - 20px)}
.edit-preview-text>p:first-child{margin:5px 0 7px;color:#9fc7f3;font:700 10px Space,Manrope,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.edit-preview-text h2{margin:0 0 9px;font:700 clamp(24px,2.8vw,37px)/1.06 Space,Manrope,sans-serif;letter-spacing:-.045em}
.edit-preview-text>p{font-size:13px;line-height:1.56;color:#c7d5e8;margin:0 0 10px;overflow-wrap:anywhere}
.edit-preview-text>p:last-child{border-left:2px solid #a4ceff;padding-left:10px;color:#eef5ff;font-weight:700}
.edit-preview>.action{justify-self:start}
@media(max-width:760px){
  .home-wrap{gap:17px}
  .home-agency{gap:5px}
  .home-agency img{width:141px}
  .home-agency span{font-size:8px}
  .scene-header{grid-template-columns:1fr auto 1fr;gap:8px}
  .scene-brand{display:flex}
  .scene-brand span{display:none}
  .scene-brand img{width:84px}
  .scene-header .back{font-size:10px;line-height:1.25;padding-right:0}
  .scene-header .back>span{font-size:16px}
  .route-index{font-size:8px}
  .editor-brand{width:92px}
  .editor-private{font-size:8px}
  .editor-top{display:grid;gap:14px;padding:23px 0 11px}
  .editor-actions{justify-content:flex-start}
  .editor-ideas{gap:5px}
  .editor-tab{display:grid;gap:4px;padding:8px 6px}
  .editor-tab span{white-space:normal;overflow-wrap:anywhere}
  .edit-layout{grid-template-columns:1fr;gap:15px}
  .edit-preview{position:static;grid-row:1}
  .edit-row{gap:6px}
}
/* Refined studio signature and playback controls. */
.home-agency img{width:clamp(184px,18vw,248px)}
.scene-brand img{width:152px}
.editor-brand{width:165px}
.idea-arrow{border:1px solid color-mix(in srgb,var(--card-accent) 39%,transparent);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:17px;right:22px;top:19px}
.idea:hover .idea-arrow,.idea:focus-visible .idea-arrow{background:var(--card-accent);color:#0b1523;transform:translate(2px,-2px)}
.chapter{min-height:38px;position:relative;padding-top:7px}
.chapter:focus-visible{outline-offset:2px}
.chapter.current .chapter-label{font-weight:850}
.chapter-label{color:inherit}
.transport-button{min-height:44px}
.play{min-width:128px}
.return-end{min-height:44px}
.hosted-panel{margin:0 0 17px;background:linear-gradient(135deg,#182235,#121b29)}
.hosted-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.hosted-head h2{margin:0}
.hosted-head .edit-muted{margin:6px 0 13px}
.access-status{white-space:nowrap;border:1px solid #49617c;background:#15283a;padding:6px 9px;border-radius:4px;color:#a9ccef;font-size:11px;font-weight:800}
.access-status[data-state=open]{color:#acffd0;border-color:#497e68;background:#17362b}
.access-status[data-state=closed],.access-status[data-state=expired]{color:#ffd3a9;border-color:#855f4e;background:#382719}
.hosted-fields{display:grid;grid-template-columns:1.35fr 1fr;gap:12px}
.hosted-status{margin:8px 0 0;min-height:16px}
.action:disabled{opacity:.55;cursor:wait}
.load-error{grid-column:1/-1;text-align:center;color:var(--text);padding:25px;border:1px solid var(--line)}
@media(max-width:760px){
 .home-agency img{width:159px}
 .scene-brand img{width:102px}
 .editor-brand{width:104px}
 .idea-arrow{width:26px;height:26px;font-size:14px;right:11px;top:11px}
 .transport{position:sticky;bottom:0;z-index:3;margin-left:-8px;margin-right:-8px;padding:10px 8px max(6px,env(safe-area-inset-bottom));background:#0b121ff0;backdrop-filter:blur(12px);border-bottom:1px solid #28374c}
 .transport-controls{margin-top:0}
 .chapter{min-height:35px}
 .transport-button{min-height:42px}
 .play{min-width:108px}
 .hosted-fields{grid-template-columns:1fr;gap:1px}
 .hosted-head{align-items:center}
}