main[data-studio]{--ease-studio:cubic-bezier(.22, 1, .36, 1);--studio-ground:color-mix(in srgb, var(--color-card) 82%, var(--color-line));--studio-stage-h:clamp(320px, calc(100svh - 12rem), 620px);background:var(--studio-ground);color:var(--color-ink)}main[data-studio][data-step=layout]{--studio-stage-h:clamp(380px, calc(100svh - 10rem), 720px)}.dark main[data-studio]{--studio-ground:color-mix(in srgb, var(--color-card) 88%, black)}:root[data-studio] body [data-capture=chat-launcher]{display:none}@media (max-width:63.9375rem){:root[data-studio] body :is([data-capture=promo-bar],[data-capture=header],[data-capture=bottom-nav],[data-shell-workshop],[data-capture=footer]){display:none}}.studio-stage{height:100%;box-shadow:inset 0 -1px 0 var(--color-line);background:radial-gradient(120% 80% at 50% 16%,#fffefb 0,#f4f1e9 58%,#e9e4d8 100%);border-radius:24px;grid-template-rows:minmax(0,1fr);display:grid;position:relative;overflow:clip}.dark .studio-stage{background:radial-gradient(120% 80% at 50% 16%,#204233 0,#143024 58%,#0c241b 100%)}main[data-studio][data-step=layout] .studio-stage[data-split]{grid-template-rows:minmax(0,1.2fr) minmax(0,1fr);gap:6px}@media (min-width:64rem){main[data-studio][data-step=layout] .studio-stage[data-split]{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr 1fr}}.studio-stage-pane{place-items:center;min-height:0;display:grid;position:relative;overflow:clip}.studio-stage[data-interior="3d"] [data-stage-plan],.studio-stage[data-interior=plan] [data-stage-model]{display:none}.interior-plan{background:color-mix(in srgb, var(--color-surface) 82%, transparent);flex-direction:column;place-items:stretch stretch;display:flex}.interior-plan-heading{flex:none;padding:16px 140px 6px 24px}.interior-plan-heading h2{font-size:16px;font-weight:650}.interior-plan-heading p{color:var(--color-ink-muted);margin-top:2px;font-size:12px}.interior-plan-drawing{overscroll-behavior:contain;flex:auto;min-height:0;overflow:auto}.interior-plan-footer{flex:none;justify-content:space-between;align-items:center;gap:8px;padding:4px 16px;display:flex}.interior-plan-guidance{color:var(--color-ink-muted);font-size:12px;font-weight:600}.interior-plan-zoom{gap:4px;font-size:14px;display:flex}.interior-plan-footer button{border:1px solid var(--color-line);background:var(--color-surface);border-radius:12px;min-width:44px;min-height:44px;font-weight:600}.interior-plan-footer button:hover:not(:disabled){border-color:var(--color-focus)}.interior-plan-footer button:disabled{opacity:.35}.interior-plan-key{color:var(--color-ink-muted);flex-wrap:wrap;flex:none;gap:6px 16px;padding:6px 24px 16px;font-size:11px;display:flex}.interior-plan-key span{align-items:center;gap:5px;display:inline-flex}.interior-plan-key i{border:1px solid #0002;border-radius:2px;width:10px;height:10px;display:inline-block}@media (max-width:47.9375rem) and (orientation:portrait){main[data-studio][data-step=layout]:has(.studio-stage[data-interior=plan]){--studio-stage-h:clamp(300px, 44svh, 390px)}.interior-plan-heading{padding:10px 16px 2px}.interior-plan-heading h2{font-size:14px}.interior-plan-footer{padding:0 12px}.interior-plan-key{padding:2px 12px 8px;font-size:10px}.interior-plan-key span:not(:last-child){display:none}}.studio-grid{grid-template-columns:minmax(0,1fr) 22rem;align-items:start;gap:0 1rem;padding:0 1rem;display:grid}.studio-canvas{height:var(--studio-stage-h);background:var(--studio-ground);align-self:start;position:sticky;top:.5rem}.studio-steprail{z-index:19;background:var(--studio-ground);position:sticky;top:0}.studio-workbench{min-width:0}.studio-bar{z-index:20}@media (min-width:48rem) and (max-width:63.9375rem){main[data-studio]{--studio-stage-h:clamp(240px, calc(100svh - 4rem), 560px);padding-bottom:2rem}main[data-studio][data-step=layout]{--studio-stage-h:clamp(280px, calc(100svh - 3rem), 620px)}.studio-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.studio-bar{padding:1.25rem 0 0;position:sticky;bottom:1rem}}@media (min-width:64rem){:root[data-studio] body{overflow-x:clip}main[data-studio],main[data-studio][data-step=layout]{--studio-stage-h:max(440px, calc(100svh - 15.5rem));--studio-panel-w:clamp(28rem, 26vw, 32rem);width:100vw;margin-inline:calc(50% - 50vw)}.studio-grid{grid-template-columns:minmax(0, 1fr) var(--studio-panel-w);gap:0 2vw;padding:0 2vw}.studio-canvas{top:9.5rem}.studio-workbench{height:var(--studio-stage-h);border:1px solid var(--color-line);background:var(--color-card);border-radius:24px;flex-direction:column;display:flex;position:sticky;top:9.5rem;overflow:clip}.studio-workbench .studio-steprail{background:var(--color-card);flex:none;padding:12px 12px 0;position:relative;top:auto}.studio-workbench .studio-deck{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;min-height:0;padding:12px 16px 20px;overflow-y:auto}.studio-workbench .studio-bar{border-top:1px solid var(--color-line);background:var(--color-card);flex:none;padding:8px 16px}main[data-studio][data-atlas-open] .studio-workbench{display:none}:root[data-studio-immersive] body{overflow:hidden}:root[data-studio-immersive] body :is([data-capture=promo-bar],[data-capture=header],[data-shell-workshop],[data-capture=footer]){display:none}main[data-studio][data-immersive]{--studio-stage-h:calc(100dvh - 3.5rem - 2 * var(--gutter));z-index:60;flex-direction:column;width:auto;height:100dvh;margin:0;display:flex;position:fixed;inset:0}main[data-studio][data-immersive] .studio-grid{min-height:0;padding-block:var(--gutter);flex:auto}main[data-studio][data-immersive] :is(.studio-canvas,.studio-workbench,.atlas-panel){top:0}}@media (max-width:39.9375rem),(max-width:47.9375rem) and (orientation:portrait){:root[data-studio] body{overflow:hidden}main[data-studio],main[data-studio][data-step=layout]{--studio-stage-h:clamp(212px, 32svh, 290px);z-index:60;flex-direction:column;height:100dvh;min-height:0;display:flex;position:fixed;inset:0;overflow:clip}main[data-studio][data-step=layout]:has(.studio-stage[data-split]){--studio-stage-h:clamp(280px, calc((100svh - 136px) * .46), 370px)}main[data-studio]>header{flex:0 0 56px}.studio-grid{flex-direction:column;flex:auto;gap:0;min-height:0;padding:0;display:flex}.studio-canvas{z-index:1;flex:0 0 var(--studio-stage-h);width:100%;position:relative;top:auto}.studio-canvas[data-collapsed]{flex-basis:48px;height:48px}.studio-preview-surface{background:var(--color-card);flex-direction:column;display:flex}.studio-preview-toolbar{border-bottom:1px solid var(--color-line);flex:0 0 48px;align-items:center;gap:4px;padding:0 8px;display:flex!important}.studio-stage{border-radius:0 0 20px 20px}.studio-preview-surface[data-expanded]{z-index:80;height:100dvh;position:fixed;inset:0}.studio-canvas:has([data-expanded]){z-index:80}.studio-preview-surface[data-expanded] .studio-stage{border-radius:0}.studio-workbench{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:clip}.studio-workbench .studio-steprail{z-index:1;flex:none;padding:8px 12px;position:relative;top:auto}.studio-workbench .studio-deck{overscroll-behavior-y:contain;flex:auto;min-height:0;padding:4px 16px 24px;scroll-padding-block:12px;overflow-y:auto}.studio-workbench .studio-bar{z-index:21;padding:0 0 env(safe-area-inset-bottom);background:var(--color-card);flex:none;position:relative;box-shadow:0 -10px 24px #1c2b2212}.dark .studio-workbench .studio-bar{box-shadow:0 -10px 24px #00000073}}.studio-preview-content,.studio-preview-surface{height:100%;min-height:0}.studio-preview-content[hidden],.studio-preview-toolbar{display:none}.studio-preview-toolbar button{border-radius:12px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.studio-preview-toolbar button[aria-pressed=true]{background:var(--color-stage);color:#fff}main[data-studio] button,main[data-studio] a{-webkit-tap-highlight-color:transparent}.studio-toolbar button,.studio-toolbar a{transition:background-color .16s,color .16s,border-color .16s}.studio-hover:hover{background:color-mix(in srgb, var(--color-card) 93%, var(--color-focus))}.studio-picked{border-color:var(--color-focus);background:color-mix(in srgb, var(--color-card) 92%, var(--color-focus))}@media (any-pointer:coarse){main[data-studio] button,main[data-studio] select,main[data-studio] summary,.studio-dialog button{touch-action:manipulation;min-height:48px}main[data-studio] .studio-steprail [role=tab]{min-height:56px}.studio-workbench .studio-steprail [role=tab]{min-height:48px}}.ts-slider{appearance:none;cursor:pointer;background:0 0;border:none;width:100%;height:44px}.ts-slider:focus{outline:none}.ts-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-brand-bright) var(--fill,50%), var(--color-line) var(--fill,50%));border-radius:9999px;height:6px}.ts-slider::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--color-brand-bright);background:var(--color-surface);border-radius:9999px;width:24px;height:24px;margin-top:-9px;box-shadow:0 1px 4px #1c2b2240}.ts-slider::-moz-range-track{background:var(--color-line);border-radius:9999px;height:6px}.ts-slider::-moz-range-progress{background:var(--color-brand-bright);border-radius:9999px;height:6px}.ts-slider::-moz-range-thumb{border:2px solid var(--color-brand-bright);background:var(--color-surface);border-radius:9999px;width:24px;height:24px}.ts-slider:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-focus);outline-offset:2px}.ts-slider:focus-visible::-moz-range-thumb{outline:2px solid var(--color-focus);outline-offset:2px}@media (any-pointer:coarse){main[data-studio] .ts-slider{min-height:48px}}.studio-logo{isolation:isolate;overflow:hidden}.studio-logo-glare{pointer-events:none;opacity:0;mix-blend-mode:overlay;background:linear-gradient(100deg,#0000 42%,#ffffffd9 50%,#0000 58%);position:absolute;inset:-40%}@media (prefers-reduced-motion:no-preference){.studio-logo-glare{animation:1.5s ease-out .6s studio-glare}.studio-logo:hover .studio-logo-glare,.studio-logo:active .studio-logo-glare{animation:.9s ease-out studio-glare}.studio-tools-drawer{animation:.18s cubic-bezier(.16,1,.3,1) studio-drawer-in}.studio-flash{animation:.2s ease-out studio-flash-in}.studio-pop{animation:studio-pop-in .24s var(--ease-studio) both}.studio-pop[data-leaving]{animation:studio-pop-out .24s var(--ease-studio) both}.studio-sheet{animation:.24s cubic-bezier(.16,1,.3,1) studio-sheet-up}main[data-studio] .studio-step-body{animation:.16s ease-out studio-editor-enter}.atlas-message{animation:.24s ease-out both atlas-arrive}.atlas-stage-effect[data-phase=updated]{animation:1.8s ease-out both atlas-stage-fade}}@media (prefers-reduced-motion:no-preference) and (min-width:64rem){.studio-sheet{animation:.18s ease-out studio-sheet-in}}@media (prefers-reduced-motion:reduce){main[data-studio] *,.studio-dialog *{transition:none!important}}@keyframes studio-glare{0%{opacity:0;transform:translate(-115%)}35%{opacity:1}to{opacity:0;transform:translate(115%)}}@keyframes studio-drawer-in{0%{opacity:0;transform:scale(.94)translateY(-6px)}to{opacity:1;transform:none}}@keyframes studio-flash-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes studio-pop-in{0%{opacity:0;transform:translateY(var(--pop-y,8px))}to{opacity:1;transform:none}}@keyframes studio-pop-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(var(--pop-exit-y,8px))}}@keyframes studio-sheet-up{0%{opacity:0;transform:translateY(14%)}to{opacity:1;transform:none}}@keyframes studio-sheet-in{0%{opacity:0;transform:translate(12px)scale(.98)}to{opacity:1;transform:none}}@keyframes studio-editor-enter{0%{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes atlas-arrive{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes atlas-stage-fade{0%{opacity:0}15%,70%{opacity:1}to{opacity:0}}.studio-dialog{color:var(--color-ink)}.studio-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f1b1559}.studio-view-dialog{width:min(420px,100% - 24px);max-height:calc(100svh - 32px);padding:0 0 env(safe-area-inset-bottom);background:var(--color-surface);border:0;border-radius:24px;margin:0 auto;position:fixed;inset:auto 12px 12px;overflow-y:auto;box-shadow:0 20px 80px #0003}@media (min-width:64rem){.studio-view-dialog{width:18rem;max-height:calc(var(--studio-stage-h) - 80px);box-shadow:0 0 0 1px #00000014, var(--shadow-lifted);border-radius:16px;margin:0;padding:8px;position:absolute;inset:auto auto 60px 0}}.build-ai-mark{isolation:isolate;background-image:radial-gradient(at 25% 0,#3b6c52,#0000 70%),linear-gradient(145deg,#204432,#10291f);border-radius:30%;flex-shrink:0;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fbfaf624,0 1px 2px #1e3a2e1a}.build-ai-mark:before,.build-ai-mark:after{content:"";pointer-events:none;opacity:0;position:absolute}.build-ai-mark:before{border:1px solid #0000;border-color:#a7d1bd66 #0000 #a7d1bd22;border-radius:50%;inset:10%}.build-ai-mark:after{z-index:4;background:linear-gradient(90deg,#0000 40%,#fbfaf633 50%,#0000 60%);inset:-50%;transform:translate(-80%)rotate(-25deg)}.build-ai-arm,.build-ai-constellation,.build-ai-facet,.build-ai-particles{pointer-events:none;position:absolute;inset:0}.build-ai-constellation{z-index:1}.build-ai-arm{transform:rotate(var(--facet-turn))}.build-ai-facet svg{width:100%;height:100%}.build-ai-core{z-index:2;clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%);background:#e8c981;width:16%;height:16%;position:absolute;top:42%;left:42%}.build-ai-particles{z-index:3;opacity:0}.build-ai-particle-orbit{transform:rotate(var(--particle-turn));position:absolute;inset:8%}.build-ai-particle{background:linear-gradient(90deg,#0000,#a7d1bd);border-radius:100px;width:10%;height:3%;position:absolute;top:0;left:45%}.build-ai-particle:after{content:"";background:#fbfaf6;border-radius:50%;width:30%;height:100%;position:absolute;top:0;right:0}.build-ai-particle-orbit:nth-child(2n) .build-ai-particle{background:linear-gradient(90deg,#0000,#e8c981)}.build-ai-mark[data-state=ready] .build-ai-particle-orbit:nth-child(2n){display:none}@media (prefers-reduced-motion:no-preference){.build-ai-mark[data-ambient][data-state=ready] .build-ai-constellation{animation:8s ease-in-out infinite build-ai-drift}.build-ai-mark[data-ambient][data-state=ready] .build-ai-facet{animation:build-ai-assemble .7s cubic-bezier(.16, 1, .3, 1) var(--facet-delay) both}.build-ai-mark[data-ambient][data-state=ready] .build-ai-core{animation:4s ease-in-out infinite build-ai-breathe}.build-ai-mark[data-ambient][data-state=ready] .build-ai-particles{opacity:.5}.build-ai-mark[data-ambient][data-state=ready] .build-ai-particle-orbit{animation:12s linear infinite build-ai-orbit}.build-ai-mark[data-ambient]:before{opacity:.3;animation:12s linear infinite build-ai-halo}.atlas-launcher:is(:hover,:focus-visible) .build-ai-mark[data-state=ready] .build-ai-constellation{animation:.9s cubic-bezier(.16,1,.3,1) both build-ai-greet}.atlas-launcher:is(:hover,:focus-visible) .build-ai-mark:after{animation:.9s ease-out both build-ai-sheen}.build-ai-mark[data-state=thinking] .build-ai-constellation{animation:6.4s linear infinite build-ai-turn}.build-ai-mark[data-state=thinking] .build-ai-facet{animation:build-ai-aperture 1.8s ease-in-out var(--think-delay) infinite}.build-ai-mark[data-state=thinking] .build-ai-core{animation:1.2s ease-in-out infinite build-ai-breathe}.build-ai-mark[data-state=thinking] .build-ai-particles{opacity:.95}.build-ai-mark[data-state=thinking] .build-ai-particle-orbit{animation:build-ai-orbit var(--particle-time) linear var(--particle-delay) infinite}.build-ai-mark[data-state=thinking]:before{opacity:.65;animation:4.4s linear infinite reverse build-ai-halo}.build-ai-mark[data-state=thinking]:after{animation:3.2s ease-out infinite build-ai-sheen}.build-ai-mark[data-state=updated] .build-ai-constellation{animation:.75s cubic-bezier(.16,1,.3,1) both build-ai-resolve}.build-ai-mark[data-state=updated] .build-ai-facet{animation:build-ai-assemble .65s cubic-bezier(.16, 1, .3, 1) var(--facet-delay) both}.build-ai-mark[data-state=updated] .build-ai-core{animation:.8s ease-out both build-ai-flash}.build-ai-mark[data-state=updated] .build-ai-particles{opacity:1}.build-ai-mark[data-state=updated] .build-ai-particle{animation:build-ai-burst .85s cubic-bezier(.16, 1, .3, 1) var(--burst-delay) both}.build-ai-mark[data-state=updated]:before{animation:.85s ease-out both build-ai-wave}.build-ai-mark[data-state=updated]:after{animation:.9s ease-out both build-ai-sheen}}@keyframes build-ai-drift{0%,to{transform:rotate(-3deg)scale(.98)}50%{transform:rotate(3deg)scale(1.02)}}@keyframes build-ai-assemble{0%{opacity:0;transform:translateY(-12%)scale(.65)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes build-ai-breathe{0%,to{opacity:.65;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes build-ai-orbit{0%{transform:rotate(var(--particle-turn))}to{transform:rotate(calc(var(--particle-turn) + 1turn))}}@keyframes build-ai-halo{0%{transform:rotate(0)scaleY(.9)}to{transform:rotate(1turn)scaleY(.9)}}@keyframes build-ai-greet{0%,to{transform:rotate(0)scale(1)}45%{transform:rotate(18deg)scale(1.06)}}@keyframes build-ai-turn{to{transform:rotate(1turn)}}@keyframes build-ai-aperture{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-5%)scale(.92)}}@keyframes build-ai-resolve{0%{transform:rotate(-18deg)scale(.85)}55%{transform:rotate(5deg)scale(1.05)}to{transform:rotate(0)scale(1)}}@keyframes build-ai-flash{0%{opacity:.5;transform:scale(.7)}30%{opacity:1;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes build-ai-burst{0%{opacity:0;transform:translateY(1200%)scale(.5)}20%{opacity:1}to{opacity:0;transform:translateY(-200%)scale(.8)}}@keyframes build-ai-wave{0%{opacity:0;transform:scale(.25)}25%{opacity:.9}to{opacity:0;transform:scale(1.2)}}@keyframes build-ai-sheen{0%{opacity:0;transform:translate(-80%)rotate(-25deg)}25%{opacity:1}60%,to{opacity:0;transform:translate(80%)rotate(-25deg)}}.atlas-panel{z-index:70;border:1px solid var(--color-line);background:var(--color-card);height:min(72dvh,720px);min-height:0;box-shadow:var(--shadow-lifted);padding-bottom:env(safe-area-inset-bottom);border-radius:24px 24px 0 0;flex-direction:column;display:flex;position:fixed;inset:auto 0 0;overflow:hidden}@media (min-width:64rem){main[data-studio] .atlas-panel{z-index:10;height:var(--studio-stage-h);box-shadow:none;border-radius:24px;grid-area:1/2;padding-bottom:0;position:sticky;inset:9.5rem auto auto}}.atlas-thread{overscroll-behavior:contain;min-height:0;overflow-y:auto}.atlas-message{overflow-wrap:anywhere}
