/* One persistent vehicle, composed into the three app screens. */
.brand img{width:62px;height:62px}.header{padding-top:17px;padding-bottom:17px}
#model-parking{position:fixed;left:-20000px;top:0;width:600px;height:440px;visibility:hidden;pointer-events:none;contain:strict}
.welcome-model-slot{width:100%;min-width:0;align-self:center}.onboarding{gap:46px;grid-template-columns:1.15fr 1fr}
#model-shell{position:relative;isolation:isolate;border-radius:28px;overflow:hidden;background:#f3f2ee;border:1px solid #fff;box-shadow:0 18px 50px #28303b0a;view-transition-name:cccvehicle}
#stage{width:100%;height:440px;position:relative;touch-action:pan-y pinch-zoom;overflow:hidden}
#stage canvas{display:block;width:100%;height:100%;outline:none;touch-action:pan-y pinch-zoom}
#poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .65s;pointer-events:none}
#poster.is-loaded{opacity:0}.model-caption,.model-foot{position:absolute;z-index:2;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}
.model-caption{top:21px;font-size:8px;letter-spacing:.13em;font-weight:750;color:#6e6f70}.model-caption>span:first-child{display:flex;gap:6px;align-items:center}.model-caption i{width:5px;height:5px;border-radius:50%;background:var(--red)}
#model-status{font-size:9px;letter-spacing:0;font-weight:500;color:#797d80;background:#ffffff96;padding:5px 8px;border-radius:20px}
.model-foot{bottom:15px;font-size:10px;color:#6c7278}.model-foot button{pointer-events:auto;width:36px;height:36px;background:#ffffffb3;border-radius:50%;font-size:19px;border:1px solid #fff}
#fallback{position:absolute;inset:auto 20px 58px;padding:14px;background:#fffffff0;border-radius:13px;font-size:12px;line-height:1.6}#fallback button{display:block;background:none;color:var(--red);padding:8px 0;font-size:12px;text-decoration:underline}
#dashboard-model-slot{margin:0 0 22px}#dashboard-model-slot #stage{height:clamp(380px,40vw,510px)}#dashboard-model-slot #model-shell{border-radius:22px;box-shadow:none}#dashboard-model-slot .model-foot{bottom:10px}
.studio-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 24px;color:#808386;font-size:9px;letter-spacing:.12em}.studio-back{font-size:12px;background:#fff9;padding:11px 15px;border-radius:24px;color:#575d64;letter-spacing:0;min-height:44px}
.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:27px}.dashboard .studio-heading h1{font-size:36px;letter-spacing:-.05em;max-width:590px}
#studio-variants{display:flex;gap:5px;background:#e8e9e780;padding:4px;border-radius:14px;flex-shrink:0}#studio-variants:empty{display:none}#studio-variants button{background:none;padding:11px 15px;font-size:11px;border-radius:11px;min-height:42px;transition:background .2s,color .2s}#studio-variants button[aria-pressed=true]{color:var(--red);background:#fff;box-shadow:0 2px 8px #20263008}
.studio-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(285px,1fr);gap:30px;align-items:start}.studio-visual{min-width:0}#studio-model-slot #stage{height:430px}#studio-model-slot #model-shell{box-shadow:none}
#model-views{display:flex;gap:5px;overflow:auto;scrollbar-width:none;max-width:100%;padding:12px 2px}#model-views button{border:1px solid transparent;background:#ffffff75;padding:11px 12px;border-radius:11px;white-space:nowrap;font-size:10px;min-height:42px;flex:1}#model-views button[aria-pressed=true]{background:#fff;border-color:#dbc4bf;color:var(--red)}
.studio-controls{padding:22px 0 0}.scene-caption{min-height:195px}.scene-caption .eyebrow{font-size:9px;margin-bottom:14px}.scene-caption h2{font-size:27px;letter-spacing:-.045em;line-height:1.13;margin-bottom:14px}.scene-caption>p:last-child{font-size:12px;line-height:1.8;color:#666d73;max-width:430px}
.film-transport{display:flex;gap:9px;margin-top:12px}.film-transport button{min-height:44px;border-radius:13px;background:#fff;border:1px solid #e9e8e4;padding:11px 16px;font-size:14px}.film-transport button:disabled{opacity:.35;cursor:default}#film-play{flex:1;background:#2d3138;color:#fff;border-color:#2d3138;font-size:12px}#film-seek{width:100%;accent-color:var(--red);height:24px;margin:15px 0 7px;cursor:pointer}
#film-steps{display:flex;gap:5px}#film-steps button{font-size:10px;min-height:37px;flex:1;background:#e9eae780;border-radius:9px;color:#777d82}#film-steps button[aria-current=step]{background:#f1dfd9;color:#9e2f23;box-shadow:inset 0 0 0 1px #dcc1ba}
.scene-explanation{font-size:10px;color:#797d82;margin:16px 0}.scene-explanation summary{cursor:pointer;padding:5px 0}.scene-explanation p{font-size:11px;line-height:1.7;padding-top:7px}.studio-note{font-size:10px;line-height:1.65;color:#757b80;margin:19px 0}.studio-controls>.primary{width:100%}.studio-personal{font-size:10px;color:#828587;text-align:center;margin-top:12px}
.model-credits{font-size:9px;color:#929698;margin:20px 0}.model-credits summary{cursor:pointer;padding:6px 0}.model-credits p{max-width:700px;line-height:1.8;padding-top:9px}.model-credits a{text-decoration:underline}
#studio-dock{display:none}
::view-transition-group(cccvehicle){animation-duration:550ms;animation-timing-function:cubic-bezier(.22,1,.36,1)}
@media(max-width:1000px){.studio-layout{grid-template-columns:minmax(0,1.3fr) minmax(265px,1fr);gap:22px}.studio-heading{align-items:flex-start}.dashboard .studio-heading h1{font-size:31px}#studio-variants button{padding:10px}.scene-caption h2{font-size:24px}#studio-model-slot #stage{height:410px}}
@media(max-width:759px){.brand img{width:46px;height:46px}.header{padding-top:15px;padding-bottom:15px}.onboarding{gap:0}.welcome-model-slot{max-width:440px;margin:8px auto 0}#stage{height:280px}#model-shell{border-radius:23px}.model-caption{top:15px;left:15px;right:15px;font-size:6px}.model-caption>span:first-child{gap:4px}#model-status{font-size:8px;padding:5px 7px}.model-foot{bottom:11px;left:15px;right:15px;font-size:8px}.model-foot button{width:32px;height:32px;font-size:17px}#dashboard-model-slot #stage{height:290px}#dashboard-model-slot{margin-bottom:14px}.studio-top{margin-bottom:20px}.studio-top>span{display:none}.studio-heading{display:block;margin-bottom:16px}.dashboard .studio-heading h1{font-size:31px;margin-bottom:17px}#studio-variants{width:fit-content;max-width:100%}#studio-variants button{font-size:11px;padding:10px 16px}.studio-layout{display:flex;flex-direction:column;gap:4px}.studio-visual,.studio-controls{width:100%}#studio-model-slot #stage{height:295px}.studio-controls{padding:11px 2px 0}.scene-caption{min-height:0}.scene-caption h2{font-size:25px;margin-bottom:10px}.scene-caption .eyebrow{margin-bottom:9px}.scene-caption>p:last-child{font-size:12px;line-height:1.7}.film-transport{margin-top:19px}#model-views{padding:10px 0;gap:5px}#model-views button{font-size:10px;padding:10px 13px}.studio-note{margin:15px 0;font-size:10px}.model-credits{margin-bottom:5px}.onboard-copy{padding-top:23px}.onboard-copy h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){::view-transition-group(cccvehicle){animation:none!important}#poster{transition:none}}
@media(max-width:759px){body[data-studio-open=true]{padding-bottom:82px}.studio-top{margin-bottom:14px}.studio-heading{margin-bottom:13px}.dashboard .studio-heading h1{font-size:28px;margin-bottom:13px}#studio-model-slot #stage{height:270px}#studio-dock{position:fixed;z-index:12;display:flex;gap:9px;left:14px;right:14px;bottom:max(12px,env(safe-area-inset-bottom));padding:8px;background:#f5f5f2e6;border:1px solid #fff;border-radius:21px;backdrop-filter:blur(20px);box-shadow:0 6px 30px #2226311a}#dock-play{width:48px;flex-shrink:0;background:#30343c;color:#fff;border-radius:13px;font-size:21px;min-height:48px}#dock-prices{flex:1;min-height:48px;padding:12px 17px}.studio-controls>#studio-prices,.studio-personal{display:none}.model-credits{padding-bottom:12px}}