.gradient-stage-toolbar{flex-wrap:wrap;align-items:center}
.gradient-showroom-open{min-height:44px;margin-left:auto;white-space:nowrap}
html.showroom-open,html.showroom-open body{overflow:hidden;overscroll-behavior:none}
.gradient-showroom{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;border:0;border-radius:0;padding:0;background:#edf0e9;color:#283123;overscroll-behavior:contain}
.gradient-showroom::backdrop{background:#edf0e9}
.showroom-shell{min-height:100%;display:flex;flex-direction:column;padding:28px 40px 24px;gap:24px}
.showroom-header{display:flex;align-items:center;justify-content:space-between;gap:24px}
.showroom-title{display:flex;align-items:center;gap:14px}
.showroom-title img{flex-shrink:0}
.showroom-title .eyebrow{font-size:10px;letter-spacing:1.6px}
.showroom-title h2{font-size:20px;font-weight:400;letter-spacing:-.6px;margin:5px 0 0}
.showroom-header button{min-height:44px;white-space:nowrap}
.showroom-scenes{display:flex;align-self:center;gap:4px;padding:5px;border:1px solid #d3d9cd;border-radius:12px;background:#e2e7dc;max-width:100%}
.showroom-scenes button{padding:10px 22px;min-height:44px;border-radius:8px;font-size:13px;white-space:nowrap;touch-action:manipulation}
.showroom-scenes button[aria-pressed=true]{background:#fbfcf8;box-shadow:0 2px 5px #28312312}
.showroom-scenes button:hover{background:#f3f5ee}
.gradient-showroom button:focus-visible,.gradient-showroom-open:focus-visible{outline:2px solid #37452d;outline-offset:3px}
.showroom-view{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;padding:12px 0 24px}
.showroom-frame{container-type:inline-size;position:relative;isolation:isolate;width:100%;max-width:1000px;aspect-ratio:8/5;border-radius:10px;box-shadow:0 22px 48px -24px #39433152;color:var(--showroom-ink);overflow:hidden}
.showroom-art,.showroom-composition{position:absolute;inset:0;border-radius:inherit}
.showroom-art .gradient-preview-image{object-fit:cover}
.showroom-composition{display:flex;flex-direction:column;padding:5%;font-size:clamp(10px,calc(var(--showroom-unit, 1px)*1.3),16px)}
.showroom-composition h3,.showroom-composition p{margin:0}
.showroom-composition h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:.96;letter-spacing:-.045em}
.showroom-kicker{font-size:1.05em;letter-spacing:.13em;text-transform:uppercase}
.showroom-sample-action{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid currentColor;border-radius:6px;padding:1em 1.3em;width:fit-content}
.showroom-site-nav,.showroom-site-footer,.showroom-card-top,.showroom-card-footer,.showroom-poster-top,.showroom-poster-bottom{display:flex;justify-content:space-between;gap:16px}
.showroom-site-nav strong{font-size:1.6em;letter-spacing:-.05em;font-weight:500}
.showroom-site-nav strong span{display:block;font-size:.55em;letter-spacing:0;font-weight:400;margin-top:5px}
.showroom-site-copy{margin:auto 0;display:flex;align-items:flex-start;flex-direction:column;gap:calc(var(--showroom-unit, 1px)*2)}
.showroom-site-copy h3{font-size:calc(var(--showroom-unit, 1px)*8)}
.showroom-site-copy p{font-size:calc(var(--showroom-unit, 1px)*1.5);line-height:1.5}
.showroom-site-copy .showroom-kicker{font-size:calc(var(--showroom-unit, 1px)*1)}
.showroom-site-copy .showroom-sample-action{font-size:calc(var(--showroom-unit, 1px)*1.2)}
.showroom-site-footer{font-size:calc(var(--showroom-unit, 1px)*1)}
.showroom-frame[data-scene=phone]{max-width:300px;aspect-ratio:9/19;border:7px solid #31372c;border-radius:40px;box-shadow:0 24px 48px -22px #28312370,0 0 0 1px #626c58}
/* Let the frame clip artwork at its inner bezel edge; a second outer-radius
   clip would expose pale crescents between the screen and the bezel. */
.showroom-frame[data-scene=phone] :is(.showroom-art,.showroom-composition){border-radius:0}
.showroom-frame[data-scene=phone] .showroom-composition{padding:7%;font-size:calc(var(--showroom-unit, 1px)*3.7)}
.showroom-phone-status{display:flex;justify-content:space-between;align-items:center;font-size:calc(var(--showroom-unit, 1px)*3.5);margin-bottom:calc(var(--showroom-unit, 1px)*18)}
.showroom-phone-status:after{content:'';position:absolute;top:5%;left:37%;width:26%;height:4%;border-radius:20px;background:#31372c}
.showroom-phone-copy h3{font-size:calc(var(--showroom-unit, 1px)*17);margin:calc(var(--showroom-unit, 1px)*6) 0}
.showroom-phone-copy .showroom-kicker{font-size:calc(var(--showroom-unit, 1px)*2.6)}
.showroom-phone-copy p{font-size:calc(var(--showroom-unit, 1px)*3.6);line-height:1.5}
.showroom-phone-card{margin-top:auto;border:1px solid currentColor;border-radius:18px;padding:calc(var(--showroom-unit, 1px)*6);display:grid;gap:calc(var(--showroom-unit, 1px)*4)}
.showroom-phone-card>span:first-child{font-size:calc(var(--showroom-unit, 1px)*2.6);letter-spacing:.12em}
.showroom-phone-card strong{font-size:calc(var(--showroom-unit, 1px)*5);font-weight:500}
.showroom-phone-card p{font-size:calc(var(--showroom-unit, 1px)*3.5);line-height:1.5}
.showroom-phone-card .showroom-sample-action{padding:0;border:0;width:100%;font-size:calc(var(--showroom-unit, 1px)*3.6)}
.showroom-phone-home{width:34%;height:4px;background:currentColor;border-radius:4px;margin:calc(var(--showroom-unit, 1px)*7) auto 0}
.showroom-frame[data-scene=card]{max-width:640px;aspect-ratio:5/4;border-radius:22px}
.showroom-frame[data-scene=card] .showroom-composition{padding:7%;font-size:calc(var(--showroom-unit, 1px)*2)}
.showroom-card-top>span:last-child{font-size:calc(var(--showroom-unit, 1px)*5);line-height:1}
.showroom-card-copy{margin:auto 0}
.showroom-card-copy h3{font-size:calc(var(--showroom-unit, 1px)*13)}
.showroom-card-copy p{font-size:calc(var(--showroom-unit, 1px)*2.6);line-height:1.5;margin-top:calc(var(--showroom-unit, 1px)*5)}
.showroom-card-footer{border-top:1px solid currentColor;padding-top:calc(var(--showroom-unit, 1px)*4);font-size:calc(var(--showroom-unit, 1px)*1.8)}
.showroom-frame[data-scene=poster]{max-width:440px;aspect-ratio:3/4;border-radius:0}
.showroom-frame[data-scene=poster] .showroom-composition{padding:7%;font-size:calc(var(--showroom-unit, 1px)*2.6)}
.showroom-poster-top{letter-spacing:.12em;font-size:calc(var(--showroom-unit, 1px)*2.2)}
.showroom-frame[data-scene=poster] h3{font-size:calc(var(--showroom-unit, 1px)*18);margin:auto 0}
.showroom-frame[data-scene=poster] h3 em{font-weight:400}
.showroom-poster-bottom{border-top:1px solid currentColor;padding-top:calc(var(--showroom-unit, 1px)*5);font-size:calc(var(--showroom-unit, 1px)*2.5);line-height:1.5}
.showroom-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;border-top:1px solid #d1d8cb;padding-top:18px}
.showroom-footer p{margin:0;line-height:1.5}
#showroom-caption{font-size:14px;margin-bottom:4px}
.showroom-note{font-size:11px;color:#616c58;max-width:44ch}
.showroom-render-state{font-size:12px;display:grid;gap:8px;max-width:28ch}
.showroom-render-state button{min-height:44px;text-align:left}
@media(min-width:900px) and (min-height:700px){.showroom-frame[data-scene=landing]{max-width:min(1000px,calc((100dvh - 330px)*1.6))}.showroom-frame[data-scene=phone]{max-width:min(300px,calc((100dvh - 330px)*.474))}.showroom-frame[data-scene=card]{max-width:min(640px,calc((100dvh - 330px)*1.25))}.showroom-frame[data-scene=poster]{max-width:min(440px,calc((100dvh - 330px)*.75))}}
@media(max-width:700px){
 .gradient-showroom-open{margin-left:0;width:100%}
 .showroom-shell{padding:20px 18px;gap:20px}
 .showroom-header{align-items:flex-start;gap:12px;flex-wrap:wrap}
 .showroom-title h2{font-size:19px}.showroom-title img{width:25px;height:25px}
 .showroom-header button{margin-left:auto;font-size:12px}
 .showroom-scenes{align-self:stretch;justify-content:space-between;gap:0}
 .showroom-scenes button{padding:9px 10px;font-size:12px}
 .showroom-view{padding:8px 0 20px}
 .showroom-frame[data-scene=landing]{aspect-ratio:4/5}
 .showroom-frame[data-scene=landing] .showroom-composition{padding:7%}
 .showroom-site-nav{font-size:calc(var(--showroom-unit, 1px)*2.6)}.showroom-site-nav>span{display:none}
 .showroom-site-copy{gap:calc(var(--showroom-unit, 1px)*5)}.showroom-site-copy h3{font-size:calc(var(--showroom-unit, 1px)*13)}
 .showroom-site-copy .showroom-kicker{font-size:calc(var(--showroom-unit, 1px)*2.2)}
 .showroom-site-copy p{font-size:calc(var(--showroom-unit, 1px)*3.2)}.showroom-site-copy .showroom-sample-action{font-size:calc(var(--showroom-unit, 1px)*2.8)}
 .showroom-site-footer{font-size:calc(var(--showroom-unit, 1px)*2)}
 .showroom-footer{flex-direction:column;align-items:flex-start;gap:10px}
 .showroom-render-state:has(#showroom-status:empty){display:none}
}