/* Embed the accepted studio in the existing page; marketing sections keep their styles. */
html[data-studio] #prototype-studio #proto-reset{display:flex;align-items:center;border:1px solid #dce1e5;border-radius:9px;background:white;padding:10px 13px;white-space:nowrap;font-size:13px}
html[data-studio] #prototype-studio #proto-new-project{max-width:min(490px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box}
@media(max-width:600px){html[data-studio] #prototype-studio .proto-header-actions{gap:7px}html[data-studio] #prototype-studio #proto-reset{font-size:11px;padding:10px}html[data-studio] #prototype-studio .proto-project-name{display:none!important}html[data-studio] #prototype-studio .proto-header-actions{width:100%;justify-content:space-between}}
html[data-studio-ready] body>main>.layout{display:none}
html[data-studio] #constructor{scroll-margin-top:0}
html[data-studio] #prototype-studio{position:relative;inset:auto;height:calc(100svh - 120px);min-height:620px;max-height:1100px;width:calc(100vw - 48px);max-width:1760px;left:50%;transform:translateX(-50%);margin:24px 0 0;scroll-margin-top:0;border:1px solid #e3e6e9;border-radius:16px;overflow:clip;background:#f4f5f6;color:#303a42;font:14px/1.45 Arial,sans-serif;--ink:#303a42;--muted:#737a83;--line:#e4e7eb;--green:#30414b;--selection:#6aaeff;--selection-fill:#edf5ff}
html[data-studio] .proto-header{height:65px;min-height:65px;padding:0 24px;border:0;background:transparent}
html[data-studio] .proto-header .proto-brand,html[data-studio] .proto-badge{display:none}
html[data-studio] #prototype-studio .proto-workspace{padding-top:0}
html[data-studio] #prototype-studio .proto-header .proto-project-name{display:flex}
html[data-studio] .proto-stage-title h1{font-size:20px}
html[data-studio] #prototype-studio .proto-rail{max-height:none;overflow:visible}
html[data-studio] .proto-validation{margin:14px 0;padding:12px 15px;background:#f6f5ef;border:1px solid #e1e4dd;border-radius:9px;font-size:12px;line-height:1.6;color:#65715f}
html[data-studio] .proto-validation:empty{display:none}
html[data-studio] #proto-drawer-body .ai-panel{padding:0;border:0;box-shadow:none;margin:0}
html[data-studio] #proto-drawer-body .ai-panel h2{font-size:18px}
html[data-studio] #proto-drawer-body .ai-panel input,html[data-studio] #proto-drawer-body .ai-panel textarea{max-width:100%}
html[data-studio] #proto-drawer-body .ai-panel .ai-actions{display:flex;flex-wrap:wrap;gap:8px}
html[data-studio] #proto-drawer-body .ai-panel img{max-width:100%;height:auto}
html[data-studio] #proto-drawer-body .stats{margin-top:20px}
html[data-studio] #prototype-studio .proto-contact{width:100%;margin-top:10px}
html[data-studio] #prototype-studio #proto-retry-quote{border:1px solid #cfd9c6;padding:10px 13px;margin-top:8px}
html[data-studio] #proto-drawer-body .business-quote-note,html[data-studio] #business-quote-note{font-size:12px;line-height:1.65}
@media(max-width:900px){
 html[data-studio] #prototype-studio{min-height:650px;height:calc(100svh - 88px);border-radius:12px}
 html[data-studio] #prototype-studio .proto-rail{max-height:none;overflow-y:hidden}
 html[data-studio] .proto-stage-title h1{font-size:18px}
}

/* Reference UI: quiet white surfaces, slate actions and blue selections. */
html[data-studio] .proto-header{height:56px;min-height:56px;padding:0 19px}
html[data-studio] .proto-project-name b{font-weight:600}
html[data-studio] #prototype-studio .proto-workspace{padding:0 10px}
html[data-studio] .proto-stage{border:1px solid #e1e5e9;border-radius:12px}
/* Decorative screen-space dots sit behind the model and the room plan. */
html[data-studio] #prototype-studio :is(#scene3d,#plan-wrap){background-color:#f1f2f4;background-image:radial-gradient(circle,rgba(88,115,98,.22) .85px,transparent 1px);background-size:22px 22px;background-position:11px 11px}
html[data-studio] .proto-stage-title{top:20px;left:22px}
html[data-studio] .proto-stage-title>span,html[data-studio] .proto-stage-title h1{display:none}
html[data-studio] #prototype-studio #proto-room-label{padding:10px 12px;background:#fffffff2;border:1px solid #e7e9ec;border-radius:10px;color:#59636d;font-size:12px;box-shadow:0 3px 14px #182b3a08}
html[data-studio] #prototype-studio #proto-room-label svg{width:18px;height:18px}
html[data-studio] #prototype-studio button:hover{background:#f1f3f5}
html[data-studio] #prototype-studio button:focus-visible{outline-color:#559dff}
html[data-studio] #prototype-studio .proto-primary{background:#30414b;border-color:#30414b;color:white;border-radius:9px;font-size:13px}
html[data-studio] #prototype-studio .proto-primary:hover{background:#21323d}
html[data-studio] .proto-top-actions{top:18px;right:124px;border-color:#e7e9ec;background:white;box-shadow:0 4px 18px #1e2e3a0b}
html[data-studio] #prototype-studio .proto-top-actions button{min-height:36px;padding:8px 10px}
html[data-studio] #prototype-studio .proto-rail{top:18px;right:16px;bottom:auto;left:auto;width:88px;padding:8px 5px;gap:5px;background:white;border-color:#e7e9ec;box-shadow:0 8px 26px #22303f12;border-radius:14px}
html[data-studio] #prototype-studio .proto-rail button{min-height:58px!important;padding:3px 0!important;gap:3px;font-size:10px!important;line-height:1.2;border-radius:9px}
html[data-studio] #prototype-studio .proto-rail-icon{display:grid;place-items:center;width:36px;height:34px;background:#f3f4f6;border-radius:9px;flex-shrink:0}
html[data-studio] #prototype-studio .proto-rail svg{width:26px!important;height:26px!important;stroke-width:1.6}
html[data-studio] #prototype-studio .proto-rail [data-panel="more"] svg{stroke-width:3.5}
html[data-studio] #prototype-studio .proto-rail button[aria-expanded=true]{color:#283c4c;background:#edf5ff}
html[data-studio] #prototype-studio .proto-rail button[aria-expanded=true] .proto-rail-icon{background:#dcecff;color:#306496}
html[data-studio] .proto-drawer{top:18px;right:116px;width:368px;max-height:calc(100% - 88px);background:white;border:1px solid #e4e7eb;border-radius:14px;box-shadow:0 14px 40px #1f2e3b24;backdrop-filter:none}
html[data-studio] .proto-drawer-heading{padding:22px 22px 14px;border-color:#eef0f3}
html[data-studio] .proto-drawer-heading span{color:#7e8790;font-size:9px;letter-spacing:1px}
html[data-studio] .proto-drawer-heading h2{color:#1f272e;font-size:20px;font-weight:600;margin-top:6px;letter-spacing:-.4px}
html[data-studio] #proto-drawer-body{padding:6px 22px 22px;scrollbar-color:#bdc5cc transparent}
html[data-studio] #proto-drawer-body p,html[data-studio] #proto-drawer-body .label{color:#66717a;line-height:1.6}
html[data-studio] #proto-drawer-body input,html[data-studio] #proto-drawer-body select{border-color:#e0e5eb;accent-color:#4a97f8;outline-color:#66a9ff}
html[data-studio] #proto-drawer-body :is(.visual-option,.quick-choice){border-color:#e2e6eb;background:white;border-radius:9px;min-height:42px}
html[data-studio] #proto-drawer-body :is(.visual-option,.quick-choice)[aria-pressed=true],html[data-studio] #proto-drawer-body .material-select[aria-pressed=true],html[data-studio] #prototype-studio .proto-equipment.is-active{border-color:#65a9ff;background:#eef6ff;color:#283c4c;box-shadow:0 0 0 1px #65a9ff15}
html[data-studio] #prototype-studio :is(.proto-guarantee,.proto-soft-note,.proto-feature-icon){background:#f3f5f7;color:#69747e}
html[data-studio] #prototype-studio .proto-view-controls .tabs [aria-selected=true],html[data-studio] #prototype-studio .proto-size-options [aria-pressed=true],html[data-studio] #prototype-studio .proto-catalog-filters [aria-pressed=true]{background:#30414b;border-color:#30414b;color:white}
html[data-studio] #prototype-studio .proto-size-options button{border-radius:8px}
html[data-studio] #proto-drawer-body .proto-height-note{font-size:11px;margin:9px 0 20px;color:#7b8590}
html[data-studio] .proto-height-info{margin:12px 0 18px}
html[data-studio] #proto-outline polygon{stroke:#65a9ff;fill:#78b9ff0a;stroke-width:2}
html[data-studio] .proto-context{bottom:78px;background:white;border-color:#e5e8ec;box-shadow:0 10px 32px #22334420;border-radius:13px;padding:11px 14px;gap:18px}
html[data-studio] #prototype-studio .proto-context-actions button{gap:6px;font-size:10px;padding:5px 9px}
html[data-studio] #prototype-studio .proto-context-actions svg{width:36px!important;height:36px!important;padding:7px;border-radius:9px;background:#f3f4f6}
html[data-studio] #prototype-studio .proto-selected strong{color:#1f272e;font-weight:600}
html[data-studio] #prototype-studio .proto-bottom{background:#f4f5f6;gap:9px;padding:10px;height:86px!important;min-height:86px!important}
html[data-studio] #prototype-studio .proto-bottom>button{border:1px solid #e6e9ed;border-radius:10px;background:white;box-shadow:0 3px 12px #1e2c3906;padding:9px 13px;gap:11px}
html[data-studio] #prototype-studio .proto-bottom>button[aria-expanded=true]{border-color:#65a9ff;background:#f4f9ff}
html[data-studio] #prototype-studio .proto-bottom>button:hover{border-color:#b9cde3}
html[data-studio] .proto-bottom small{color:#737c86;font-size:10px;margin-bottom:5px}
html[data-studio] .proto-bottom b{color:#26313b;font-size:12px;font-weight:500}
html[data-studio] .proto-bottom-icon{width:38px;height:38px;flex-basis:38px;background:#f1f3f5;border-color:#e7e9ec;border-radius:8px}
html[data-studio] #prototype-studio .proto-bottom .proto-price{flex:0 1 460px}
html[data-studio] .proto-price b{font-size:15px;font-weight:600}
html[data-studio] #prototype-studio dialog,html[data-studio] body>dialog{background:white;color:#303a42;border:1px solid #e4e8ed;border-radius:14px;box-shadow:0 22px 70px #18293638}
html[data-studio] #prototype-studio dialog::backdrop,html[data-studio] body>dialog::backdrop{background:#25313e4a;backdrop-filter:blur(3px)}
html[data-studio] body>dialog button{border-radius:9px;border-color:#dfe5eb}
html[data-studio] body>dialog button.primary{background:#30414b;border-color:#30414b;color:white}
html[data-studio] body>dialog :is(input,select,textarea){border-color:#dfe5eb;border-radius:8px;outline-color:#65a9ff;accent-color:#4e98f6}
html[data-studio] body>dialog .dialog-heading button{background:#f3f4f6;border:0;border-radius:50%;width:32px;height:32px;padding:0}
html[data-studio] #proto-drawer-body .hardware-card[data-selected=true]{background:#eef6ff;border-color:#65a9ff}
html[data-studio] #prototype-studio .proto-catalog{padding:26px;max-height:90dvh}
html[data-studio] .proto-modal-head h2{font-size:24px;font-weight:600;color:#1f272e;letter-spacing:-.5px}
html[data-studio] .proto-catalog .proto-kicker{display:none}
html[data-studio] .proto-catalog .proto-modal-head h2{margin:0 0 7px}
html[data-studio] .proto-catalog .proto-catalog-reset{margin-top:0;position:absolute;top:27px;right:74px}
html[data-studio] .proto-catalog .proto-catalog-filters{margin:18px 0 12px}
html[data-studio] .proto-catalog #proto-catalog-tools{margin-bottom:14px}
html[data-studio] .proto-catalog .proto-card-copy{padding:10px 12px;gap:3px}
html[data-studio] .proto-catalog .proto-catalog-footnote{margin-top:15px}
html[data-studio] .proto-kicker{color:#788491;letter-spacing:1.4px}
html[data-studio] #prototype-studio :is(#proto-close-drawer,.proto-modal-head>button,#studio-start-close){background:#f3f4f6;border-radius:50%;display:grid;place-items:center;width:32px;height:32px;padding:6px;flex-shrink:0}
html[data-studio] #prototype-studio .proto-catalog-filters button{background:#f1f3f5;border-radius:9px;padding:10px 14px;font-size:12px}
html[data-studio] #prototype-studio .proto-catalog-filters [aria-pressed=true]{background:#30414b}
html[data-studio] #prototype-studio .proto-module-card{border-color:#e3e7ec;background:white;border-radius:10px}
html[data-studio] #prototype-studio .proto-module-card:hover:not(:disabled){border-color:#6aaeff;box-shadow:0 4px 18px #3782c915}
html[data-studio] #prototype-studio .proto-module-card.is-current{border-color:#65a9ff;background:#f5faff;opacity:1}
html[data-studio] .proto-card-image{background:#f6f5f2;border-bottom-color:#eef0f3}
html[data-studio] .proto-card-image>img:not(.proto-mechanism-image){position:absolute;inset:0;width:100%;height:100%}
html[data-studio] .proto-current-label{color:#3c7cbf!important}
html[data-studio] #prototype-studio .proto-confirm-actions>button{min-height:42px;padding:10px 16px}
html[data-studio] #prototype-studio .proto-confirm-actions>button:first-child{border-color:#e0e5eb}
html[data-studio] .proto-more-menu{display:flex;flex-direction:column;gap:7px;padding-top:12px}
html[data-studio] #prototype-studio .proto-more-menu>button{display:flex;align-items:center;gap:12px;text-align:left;padding:10px;border:1px solid #e5e9ef;border-radius:10px}
html[data-studio] .proto-more-menu>button>span:nth-child(2){flex:1}
html[data-studio] #prototype-studio .proto-more-menu>button>svg{width:14px;height:14px;color:#8c96a0}

/* Guided first start shares the same controls as the working studio. */
html[data-studio] #prototype-studio #studio-start{width:680px;max-width:calc(100vw - 28px);max-height:92dvh;padding:28px 32px;overscroll-behavior:contain}
.studio-start-head{display:flex;align-items:center;justify-content:space-between;gap:15px}
html[data-studio] #prototype-studio #studio-start-close{font-size:23px;color:#78818b;line-height:1;min-height:32px;box-sizing:border-box}
html[data-studio] #prototype-studio #studio-start-close svg{display:block;width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none}
.studio-start-steps{list-style:none;display:flex;gap:24px;padding:0;margin:22px 0;color:#8a929c;font-size:12px}
.studio-start-steps li{display:flex;gap:8px;align-items:center}
.studio-start-steps li>span{display:grid;place-items:center;width:24px;height:24px;min-width:24px;flex:0 0 24px;aspect-ratio:1;line-height:1;background:#f0f2f5;color:#7a8591;border-radius:50%;font-size:11px}
.studio-start-steps li[aria-current]{color:#303e49;font-weight:600}
.studio-start-steps li[aria-current]>span{background:#30414b;color:white}
.studio-start-steps li.is-complete>span{background:#e5f1ff;color:#357bc1}
#studio-start h2{font-size:28px;line-height:1.25;letter-spacing:-.6px;font-weight:600;margin:16px 0 12px;color:#222e38;outline:none}
#studio-start section>p{font-size:13px;color:#717c87;line-height:1.65;margin:0 0 22px}
.studio-shapes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 10px}
.studio-shape{position:relative;cursor:pointer;display:block;min-width:0}
.studio-shape>input{position:absolute;opacity:0;width:1px;height:1px}
.studio-shape-card{display:flex;flex-direction:column;border:1px solid #e2e7ee;border-radius:11px;padding:12px 14px 17px;background:white;min-height:210px}
html[data-studio] #prototype-studio #studio-start .studio-shape svg{width:100%;height:120px;stroke:#7c8894;fill:#e0e4e7;stroke-width:1.5}
html[data-studio] #prototype-studio .studio-shape .studio-room-path{stroke:#d4dbe3;fill:none}
.studio-shape-card b{font-size:14px;font-weight:600;color:#35424e}
.studio-shape-card small{font-size:11px;color:#87909b;margin-top:5px;line-height:1.5}
.studio-shape-check{display:none;position:absolute;top:10px;right:10px;background:#64a6f7;color:white;width:19px;height:19px;text-align:center;border-radius:50%;font-size:12px}
.studio-shape input:checked+.studio-shape-card{border-color:#65a9ff;background:#f5faff;box-shadow:0 0 0 1px #65a9ff0d}
.studio-shape input:checked+.studio-shape-card .studio-shape-check{display:block}
.studio-shape input:focus-visible+.studio-shape-card{outline:2px solid #559dff;outline-offset:3px}
.studio-start-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #edf0f4;margin-top:28px;padding-top:21px}
html[data-studio] #prototype-studio .studio-start-actions button{padding:11px 16px;min-height:44px;font-size:13px}
.studio-measure-choice{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 22px}
.studio-measure-choice label{border:1px solid #e3e7ed;border-radius:8px;display:flex;align-items:center;gap:7px;padding:10px 13px;font-size:12px;cursor:pointer}
.studio-measure-choice label:has(input:checked){background:#edf5ff;border-color:#65a9ff}
.studio-measure-choice input{accent-color:#4f99f5;width:14px;height:14px;margin:0}
.studio-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.studio-dimensions label{font-size:12px;color:#66717e}
.studio-dimensions input{display:block;width:100%;padding:12px 13px;margin-top:8px;border:1px solid #dce3eb;border-radius:8px;background:white;color:#303e4a;font-size:16px;outline-color:#65a9ff}
#studio-start section .studio-measure-note{background:#f2f5f8;border-radius:9px;padding:15px 17px;color:#647382;font-size:12px;margin-bottom:12px}
#studio-start section .studio-start-detail{font-size:12px;margin-bottom:8px}
html[data-studio] #prototype-studio #studio-start-visit{padding:9px 0;color:#367fc7;font-size:12px}
#studio-start-error{border-left:3px solid #d49f57;background:#fff9ef;color:#876b43;padding:12px 15px;border-radius:6px;font-size:13px;line-height:1.6}
@media(min-width:1101px){
 html[data-studio] .proto-panel-open #proto-scene{right:494px}
 html[data-studio] .proto-panel-open #proto-outline{width:calc(100% - 494px)}
 html[data-studio] .proto-catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
 html[data-studio] .proto-catalog .proto-card-image{height:118px;aspect-ratio:auto}
}
@media(min-width:901px){html[data-studio] #prototype-studio .proto-camera-tools{right:124px}}
@media(max-height:760px) and (min-width:901px){html[data-studio] #prototype-studio{min-height:600px}html[data-studio] #prototype-studio .proto-rail{gap:1px}}
@media(min-width:1500px){html[data-studio] .proto-drawer{width:390px}html[data-studio] .proto-panel-open #proto-scene{right:516px}html[data-studio] .proto-panel-open #proto-outline{width:calc(100% - 516px)}}
@media(max-width:1100px){html[data-studio] #prototype-studio .proto-bottom>button{gap:8px;padding:8px 10px}.proto-bottom-icon{width:32px;height:32px;flex-basis:32px}}
@media(max-width:900px){
 html[data-studio] #prototype-studio{width:calc(100vw - 24px);height:calc(100svh - 88px);min-height:680px}
 html[data-studio] #prototype-studio .proto-rail{top:auto;bottom:12px;left:12px;right:12px;width:auto;flex-direction:row;padding:6px 3px;gap:0;justify-content:space-between;overflow:visible}
 html[data-studio] #prototype-studio .proto-rail button{flex:1;min-width:0;min-height:55px!important;font-size:9px!important;padding:2px 1px!important}
 html[data-studio] #prototype-studio .proto-rail-icon{width:34px;height:32px}
 html[data-studio] #prototype-studio .proto-rail svg{width:25px!important;height:25px!important}
 html[data-studio] .proto-top-actions{top:17px;right:17px}
 html[data-studio] .proto-drawer{top:14px;bottom:143px;right:14px;width:370px;max-width:calc(100% - 28px);max-height:none}
 html[data-studio] .proto-context{bottom:144px;width:calc(100% - 28px);max-width:none}
 html[data-studio] .proto-scene-toolbar{position:absolute;z-index:3;left:12px;right:12px;bottom:91px;display:flex;justify-content:space-between;gap:8px}
 html[data-studio] #prototype-studio .proto-scene-toolbar>div{position:static;inset:auto!important;min-width:0}
 html[data-studio] .proto-scene-tip{bottom:139px}
 html[data-studio] #prototype-studio .proto-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);flex-shrink:0;padding:9px;gap:7px;height:auto!important;min-height:74px!important;overflow:visible}
 html[data-studio] #prototype-studio .proto-bottom>button{min-width:0!important;min-height:56px;gap:6px!important}
 html[data-studio] #prototype-studio .proto-bottom .proto-bottom-icon{display:none}
 html[data-studio] .proto-bottom small{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 html[data-studio] #prototype-studio .proto-bottom>button>span{min-width:0;flex:1}
 html[data-studio] #prototype-studio .proto-bottom b{max-width:none;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip;font-size:13px;line-height:1.35}
 html[data-studio] #prototype-studio .proto-bottom .proto-price{margin:0}
 html[data-studio] #prototype-studio .proto-bottom .proto-price b{font-size:14px}
 html[data-studio] #prototype-studio .proto-price>svg{display:none}
}
@media(max-width:480px){
 html[data-studio] #prototype-studio{width:calc(100vw - 32px);min-height:660px}
 html[data-studio] .proto-header{padding:0 13px;height:52px;min-height:52px}
 html[data-studio] .proto-stage-title{left:12px;top:16px}
 html[data-studio] #prototype-studio #proto-room-label{font-size:10px;padding:8px;gap:5px}
 html[data-studio] #prototype-studio #proto-room-label svg{width:14px;height:14px}
 html[data-studio] #prototype-studio .proto-rail{left:8px;right:8px;bottom:10px}
 html[data-studio] #prototype-studio .proto-rail button{font-size:8px!important}
 html[data-studio] .proto-context{bottom:137px;padding:8px 11px}
 html[data-studio] #prototype-studio .proto-context-actions button{padding:6px 2px!important;font-size:9px!important;gap:3px!important}
 html[data-studio] #prototype-studio .proto-context-actions svg{width:30px!important;height:30px!important;padding:6px}
 html[data-studio] #prototype-studio .proto-catalog{padding:20px 16px}
 html[data-studio] .proto-catalog .proto-catalog-reset{position:static;margin-top:9px}
 html[data-studio] #prototype-studio #studio-start{padding:21px 20px;max-width:calc(100vw - 40px)}
 #studio-start h2{font-size:24px}
 .studio-start-steps{gap:14px;font-size:10px;margin:20px 0}
 .studio-start-steps li{gap:6px}
 .studio-shapes{gap:7px;margin-top:20px}
 .studio-shape-card{padding:9px 9px 13px;min-height:180px}
 html[data-studio] #prototype-studio #studio-start .studio-shape svg{height:94px}
 .studio-shape-card b{font-size:11px}.studio-shape-card small{font-size:10px}
 .studio-shape-check{width:16px;height:16px;font-size:10px;top:7px;right:7px}
 .studio-dimensions{gap:9px}.studio-dimensions label{font-size:11px}.studio-dimensions input{padding:11px 9px}
 .studio-measure-choice{gap:7px}.studio-measure-choice label{padding:9px 10px;font-size:11px}
 .studio-start-actions{gap:9px}.studio-start-actions button{padding:10px!important;font-size:12px!important}
}
@media(max-width:480px){
 html[data-studio] #prototype-studio{min-height:620px;margin-top:16px;scroll-margin-top:0}
 html[data-studio] .proto-header{padding:0 15px}
 html[data-studio] .proto-header .proto-project-name b{font-size:12px}
 html[data-studio] .proto-stage-title h1{font-size:16px}
 html[data-studio] #constructor{scroll-margin-top:0}
}

/* Keep mobile scene actions in flow so neither row can cover the other. */
@media(max-width:600px){
 html[data-studio] .proto-stage-title{max-width:calc(100% - 78px)}
 html[data-studio] #prototype-studio #proto-room-label{max-width:100%}
 html[data-studio] #proto-room-label>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html[data-studio] .proto-scene-toolbar{left:10px;right:10px;bottom:86px;flex-direction:column;gap:6px}
 html[data-studio] #prototype-studio .proto-view-controls{gap:6px;align-items:stretch}
 html[data-studio] #prototype-studio .proto-view-controls .tabs{flex:0 0 auto}
 html[data-studio] #prototype-studio .proto-view-controls .tabs button{min-height:38px;padding:9px 12px!important;font-size:12px!important}
 html[data-studio] #prototype-studio #toggle-fronts{flex:1;max-width:none;min-height:46px;padding:8px!important;font-size:11px}
 html[data-studio] #prototype-studio .proto-camera-tools button{min-width:38px;min-height:38px;padding:8px!important;font-size:13px!important}
 html[data-studio] #prototype-studio .proto-camera-tools #reset-view{flex:1;font-size:11px!important}
 html[data-studio] .proto-scene-tip{bottom:193px;font-size:9px;max-width:calc(100% - 24px);white-space:normal;text-align:center}
 html[data-studio] .proto-context,html[data-studio] .proto-height-warning{bottom:193px}
 html[data-studio] #prototype-studio .proto-context-actions button{flex:1;min-width:0;flex-direction:column!important;white-space:normal}
 html[data-studio] .proto-drawer{bottom:193px}
}

/* Room settings remain next to their entry point. */
html[data-studio] #prototype-studio .proto-stage-title>.proto-room-heading{display:block;font-size:10px;letter-spacing:1.2px;color:#59636d;margin-bottom:6px}
html[data-studio] #prototype-studio .proto-drawer.proto-drawer-left{left:16px;right:auto;max-width:calc(100% - 32px)}
@media(max-width:600px){html[data-studio] #prototype-studio .proto-drawer.proto-drawer-left{left:10px;max-width:calc(100% - 20px)}}

/* Kitchen lengths are separate from the later room plan. */
html[data-studio] #prototype-studio #studio-room-hint{width:560px;max-width:calc(100vw - 32px);max-height:90dvh;padding:28px;border-radius:20px}
#studio-room-hint h2{font-size:24px;line-height:1.25;color:#222e38}
#studio-room-hint p{font-size:14px;line-height:1.65;color:#66717e}
#studio-room-hint .studio-start-actions{flex-wrap:wrap}
#studio-kitchen-diagram{background:#f5f7f9;border-radius:14px;margin:0 0 20px;padding:12px}
html[data-studio] #prototype-studio #studio-kitchen-diagram svg{display:block;width:100%;height:215px}
#studio-kitchen-diagram .studio-plan-body{fill:#dce4e9;stroke:#788b99;stroke-width:1.5}
#studio-kitchen-diagram .studio-plan-line{fill:none;stroke:#8a9ba6;stroke-width:1}
#studio-kitchen-diagram circle{fill:#30414b}
#studio-kitchen-diagram text{fill:#fff;stroke:none;font-size:14px;font-weight:600;font-family:Arial,sans-serif}
#studio-kitchen-diagram p{font-size:12px;color:#687783;text-align:center;margin:6px 0}
.studio-side-badge{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#30414b;color:white;margin-right:5px}
.studio-ceiling-dimension{grid-template-columns:1fr}
.studio-kitchen-dimensions{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.studio-kitchen-dimensions [hidden]{display:none}
@media(max-width:520px){.studio-kitchen-dimensions{grid-template-columns:1fr}.studio-start-steps li{flex:1}.studio-start-steps{gap:20px}}

html[data-studio] #prototype-studio #studio-kitchen-diagram.is-straight svg{height:105px}
html[data-studio] #prototype-studio #studio-start-back{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;color:#526675;font-size:13px;background:transparent}
html[data-studio] #prototype-studio #studio-start-back[hidden]{display:none}
#studio-start-next{margin-left:auto}

html[data-studio] #prototype-studio .room-option{margin:14px 0;border:1px solid #dce3e9;border-radius:12px;padding:14px;background:#fff}
html[data-studio] #prototype-studio .room-utilities{border-color:#b5cce2;background:#f3f8fd}
html[data-studio] #prototype-studio .room-option>summary{display:block;padding:4px 28px 4px 0;cursor:pointer}
html[data-studio] #prototype-studio .room-option>summary strong{font-size:16px;color:#30414b}
html[data-studio] #prototype-studio .room-option>summary small{font-size:12px;line-height:1.5;margin-top:6px}
html[data-studio] #prototype-studio .room-option>summary:after{content:"+"}
html[data-studio] #prototype-studio .room-option[open]>summary:after{content:"−"}
.room-option-body{padding-top:12px}

/* Keep the model centered in the visible area beside the active drawer. */
@media(min-width:1101px){
 html[data-studio] .proto-panel-open:has(.proto-drawer-left:not([hidden])) #proto-scene{left:400px;right:114px}
 html[data-studio] .proto-panel-open:has(.proto-drawer-left:not([hidden])) #proto-outline{left:400px;right:114px;width:calc(100% - 514px)}
}
@media(min-width:1500px){
 html[data-studio] .proto-panel-open:has(.proto-drawer-left:not([hidden])) #proto-scene{left:422px;right:138px}
 html[data-studio] .proto-panel-open:has(.proto-drawer-left:not([hidden])) #proto-outline{left:422px;right:138px;width:calc(100% - 560px)}
}

@media(max-width:700px){html[data-studio] #prototype-studio .proto-bottom .proto-price{grid-column:1 / -1}}