.studio-page{background:#f3f7fc;color:#173955}.studio-page [hidden]{display:none!important}
.studio-catalog-refresh{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin:-8px 0 24px}.studio-catalog-refresh p{margin:0;font-size:13px;line-height:1.5;color:#425e7b;max-width:680px}
.studio-hero{background:linear-gradient(125deg,#102d50,#174e81);color:#f7fbff;padding:48px 0 42px}.studio-hero .breadcrumbs{color:#c7dbef;margin-bottom:20px}.studio-hero .breadcrumbs a{color:#eaf4ff}.studio-hero .eyebrow{color:#91c8ff}.studio-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.04;letter-spacing:-.04em;color:#fff;max-width:880px;margin:16px 0 22px}.studio-hero .lede{font-size:20px;line-height:1.6;max-width:820px;color:#dceafb}.studio-hero__steps{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.studio-hero__steps span{border:1px solid #7397bf;border-radius:24px;padding:9px 16px;font-size:14px;color:#eaf4ff}
.studio-workspace{padding:42px 0}.studio-workspace .container{max-width:1440px}.studio-source{font-size:14px;line-height:1.6;margin-bottom:24px;color:#425e7b;max-width:950px}.studio-grid{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:24px;align-items:start}.studio-picker,.studio-preview{background:#fff;border:1px solid #c6d8eb;border-radius:12px;min-width:0}.studio-picker{padding:24px}.studio-picker h2{font-size:24px;line-height:1.2;margin:0 0 20px;color:#102d50}.studio-picker label{display:grid;gap:8px;font-size:14px;font-weight:700;margin-bottom:18px}.studio-picker :is(input,select){font:inherit;font-size:16px;background:#fff;border:1px solid #89a8c8;border-radius:6px;padding:12px;min-height:48px;min-width:0;width:100%;box-sizing:border-box;color:#173955}.studio-picker input{padding-right:8px}.studio-picker select{padding-right:28px}.studio-picker option{font-size:16px}.studio-results{font-size:13px;line-height:1.5;color:#425e7b;margin:16px 0}.studio-reset{background:none;border:0;font:700 14px inherit;color:#174e89;min-height:44px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.studio-picker__tip{border-top:1px solid #d8e4ef;padding-top:18px;margin:18px 0 0;font-size:14px;line-height:1.6;color:#425e7b}
.studio-preview__heading{padding:24px 26px 16px}.studio-preview__heading .eyebrow{margin-bottom:10px;color:#225fbe}.studio-preview__heading h2{font-size:clamp(23px,2.8vw,32px);line-height:1.15;color:#102d50;overflow-wrap:anywhere;margin:0 0 10px}.studio-preview__heading p{font-size:14px;line-height:1.5;color:#425e7b;margin:0}.studio-preview__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:0 26px 20px}.studio-preview__actions label{font-size:14px;font-weight:700}.studio-preview__actions select{min-height:44px;border:1px solid #89a8c8;border-radius:6px;padding:10px 30px 10px 12px;margin-left:6px;color:#173955;font:inherit;font-size:16px;max-width:100%;background:#fff}.studio-preview__actions button{min-height:44px;white-space:normal}.studio-stop{background:#edf4fc;border:1px solid #adc6df;color:#173955;border-radius:5px;padding:10px 14px;font:600 14px system-ui;cursor:pointer}.studio-stop:disabled{opacity:.5;cursor:default}.studio-screen{position:relative;background:#e7f0fa;border-block:1px solid #c6d8eb;min-height:540px;overflow:hidden}.studio-frame:empty{display:none}.studio-frame iframe{display:block;width:100%;height:600px;border:0;background:#e7f0fa}.studio-poster{min-height:540px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px;background:radial-gradient(ellipse at 60% 30%,#fff,#e1edf9);box-sizing:border-box}.studio-poster__icon{font:700 58px/1 system-ui;color:#225fbe;letter-spacing:-.05em;border:2px solid #8cadce;border-radius:20px;padding:25px 30px;margin-bottom:24px}.studio-poster h3{font-size:25px;line-height:1.2;color:#102d50;margin:0 0 12px}.studio-poster p{max-width:430px;font-size:16px;line-height:1.6;color:#425e7b}.studio-preview__footer{padding:20px 26px}.studio-loading{font-size:14px;line-height:1.55;margin:0 0 8px;color:#425e7b}.studio-preview__footer a{display:inline-flex;align-items:center;min-height:44px;color:#174e89;font-weight:700;text-underline-offset:4px}.studio-recovery{padding:14px;background:#fff7e5;border:1px solid #dfc89a;border-radius:6px;margin:12px 0}.studio-recovery button{min-height:44px}.studio-disclaimer{font-size:13px;line-height:1.6;margin:20px 0 0;max-width:1000px;color:#425e7b}
.studio-next{padding:10px 0 60px}.studio-next__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.studio-next article{background:#fff;border:1px solid #c6d8eb;border-radius:10px;padding:26px}.studio-next h2{font-size:23px;line-height:1.2;margin:0 0 14px;color:#102d50}.studio-next p{font-size:16px;line-height:1.6;color:#425e7b}.studio-next a,.studio-fallback a{color:#174e89;font-weight:700;display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}.studio-fallback{background:#fff;border:1px solid #c6d8eb;border-radius:10px;padding:30px}.studio-fallback h2{font-size:26px;color:#102d50}.studio-fallback p{font-size:17px;line-height:1.6}.studio-fallback ul{display:flex;flex-wrap:wrap;gap:12px 28px;list-style:none;padding:0;margin:20px 0 0}
.studio-page :is(button,a,select,input):focus-visible{outline:3px solid #225fbe;outline-offset:4px}
@media(max-width:1000px){.studio-grid{grid-template-columns:1fr}.studio-picker{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.studio-picker h2,.studio-picker .studio-results,.studio-picker__tip{grid-column:1/-1}.studio-picker__tip{margin:8px 0 0}.studio-reset{justify-self:start}.studio-screen{min-height:520px}.studio-frame iframe{height:560px}.studio-poster{min-height:520px}}
@media(max-width:680px){.studio-hero{padding:28px 0 32px}.studio-hero h1{font-size:40px}.studio-hero .lede{font-size:17px}.studio-hero__steps{gap:8px}.studio-hero__steps span{font-size:12px;padding:8px 12px}.studio-workspace{padding:26px 0}.studio-grid{gap:18px}.studio-picker{padding:20px;grid-template-columns:1fr}.studio-picker label{margin-bottom:16px}.studio-preview__heading{padding:22px 20px 16px}.studio-preview__actions{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);padding:0 20px 18px;gap:10px}.studio-preview__actions #studio-request-style{grid-column:1/-1;justify-content:center}.studio-preview__actions #studio-stop{padding:10px 6px}.studio-preview__actions label{grid-column:1/-1;width:100%;display:grid;gap:7px}.studio-preview__actions select{margin:0;width:100%}.studio-preview__actions .btn{flex:1;padding:12px;font-size:14px}.studio-screen{min-height:440px}.studio-poster{min-height:440px;padding:28px 20px}.studio-frame iframe{height:520px}.studio-preview__footer{padding:18px 20px}.studio-next__grid{grid-template-columns:1fr}.studio-next article{padding:22px}.studio-next{padding-bottom:32px}.studio-source{font-size:13px}}
@media(prefers-reduced-motion:reduce){.studio-page,.studio-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Material-first catalog browsing, without loading extra 3D scenes. */
.studio-grid{grid-template-columns:minmax(350px,440px) minmax(0,1fr)}
.studio-picker-intro{font-size:15px;line-height:1.5;margin:0 0 16px;color:#425e7b}
.studio-material-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;grid-column:1/-1}
.studio-material-chips button,.studio-more{min-height:44px;padding:10px 14px;border:1px solid #9bb4cd;border-radius:7px;background:#fff;color:#174572;font:600 14px system-ui;cursor:pointer}
.studio-material-chips button[aria-pressed=true]{background:#1d5eb6;color:#fff;border-color:#1d5eb6}
.studio-picker .studio-material-select{display:none}.studio-exact{grid-column:1/-1;margin:8px 0}.studio-exact summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline;font-size:14px}.studio-exact[open] label{margin-top:10px}
.studio-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;grid-column:1/-1}
.studio-style-card{display:flex;flex-direction:column;gap:8px;text-align:left;min-width:0;padding:14px;border:1px solid #c6d8eb;border-radius:9px;background:#f8fbff;color:#102b46;font:inherit;cursor:pointer}
.studio-style-card[aria-pressed=true]{border:2px solid #1d5eb6;padding:13px;background:#edf4ff}.studio-style-card:hover{border-color:#1d5eb6;background:#edf4ff}
.studio-style-card strong{font-size:15px;line-height:1.35;overflow-wrap:anywhere}.studio-card-meta,.studio-card-detail{font-size:12px;line-height:1.4;color:#425b73}.studio-card-action{margin-top:auto;padding-top:6px;color:#174a90;font-size:13px;font-weight:700}
.studio-more{grid-column:1/-1;width:100%;margin-top:12px}.studio-preview{scroll-margin-top:155px}.studio-preview__heading>.studio-reset{margin:-8px 0 8px;padding:0}.studio-results{grid-column:1/-1}
@media(min-width:1001px){.studio-preview{position:sticky;top:142px}.studio-frame iframe{height:540px}.studio-screen,.studio-poster{min-height:460px}}
@media(max-width:1000px){.studio-grid{grid-template-columns:1fr}.studio-picker-intro{grid-column:1/-1}}
@media(max-width:680px){.studio-hero h1{font-size:34px}.studio-hero{padding:22px 0}.studio-hero__steps{display:none}.studio-picker{grid-template-columns:1fr 1fr;gap:0 12px;padding:18px}.studio-picker label:has(#studio-search){grid-column:1/-1}.studio-picker label{font-size:13px}.studio-cards{gap:8px}.studio-style-card{padding:12px}.studio-style-card[aria-pressed=true]{padding:11px}.studio-picker__tip{grid-column:1/-1}}

.studio-catalog-details{margin:0 0 18px;color:#425b73;font-size:14px}.studio-catalog-details>summary{min-height:44px;cursor:pointer;display:flex;align-items:center;text-decoration:underline}.studio-catalog-details[open]{padding:0 16px 8px;border:1px solid #c6d8eb;border-radius:8px}.studio-catalog-details .studio-source{margin:10px 0 18px}

.studio-preview__heading>.studio-reset{display:block}.studio-preview__heading>.studio-installation-link{display:flex!important;clear:both;line-height:1.5}.studio-preview__heading>.eyebrow{display:block}

.studio-installation-link{min-height:44px;align-items:center;text-decoration:underline;margin:8px 0 16px;font-size:14px}