/* A full-viewport product studio, with the real configurator directly on the stage. */
.dimas-case{padding:0;background:oklch(99.6% .002 95);color:oklch(24% .012 240);overflow:clip;text-align:left}
.dimas-case>h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.dimas-plane{position:absolute;inset:0;width:100%;height:100%;overflow:clip;background:oklch(99.6% .002 95);border:0;isolation:isolate}
.dimas-plane>img{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .35s cubic-bezier(.16,1,.3,1)}
.dimas-frame{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;pointer-events:none;background:oklch(99.6% .002 95);transition:opacity .35s cubic-bezier(.16,1,.3,1)}
.dimas-ready .dimas-frame{opacity:1;pointer-events:auto}.dimas-ready>img{opacity:0}
.dimas-case .case-foot{position:absolute;z-index:4;left:0;right:0;bottom:0;min-height:46px;padding:5px 4vw;gap:20px;justify-content:flex-start;flex-wrap:nowrap;background:oklch(99.6% .002 95);border-top:1px solid oklch(90% .005 240);color:oklch(47% .015 240);font-size:10px}
.dimas-case .case-foot a,.dimas-case .case-foot button{color:inherit;font:inherit;min-height:34px;white-space:nowrap}
.dimas-case .case-foot button{cursor:pointer;background:none;border:0;padding:5px 0;text-decoration:underline;text-underline-offset:4px}
.dimas-case .case-foot .dimas-configure-link{margin-left:auto;padding:7px 13px;border:1px solid oklch(76% .015 240);color:oklch(25% .02 240);text-decoration:none;border-radius:2px}
.dimas-case[data-dimas-story="configure"] .dimas-configure-link{display:none}
.dimas-case[data-dimas-story="configure"] .case-foot a[target]{margin-left:auto}
.dimas-case .case-foot :is(a,button):hover{color:oklch(50% .14 48)}
.dimas-case :is(a,button):focus-visible{outline:2px solid oklch(61% .16 48);outline-offset:4px}
.dimas-preview-status{position:absolute;z-index:4;left:4vw;bottom:80px;max-width:32ch;margin:0;font-size:13px;line-height:1.6;color:oklch(42% .015 240);pointer-events:none}.dimas-preview-status:empty{display:none}
body.dimas-immersive-active .proposal-nav{visibility:hidden;pointer-events:none}
@media(max-width:850px){.dimas-case .case-foot{gap:12px;padding-inline:3vw;font-size:9px}.dimas-case .case-foot a[target]{display:none}}
@media(max-width:600px){.dimas-case .case-foot{min-height:56px;gap:10px}.dimas-case .case-foot>a:first-child{font-size:8px;white-space:normal;max-width:130px}.dimas-case .case-foot .dimas-configure-link{font-size:9px;padding-inline:8px}.dimas-case .case-foot [data-dimas-continue]{margin-left:auto}}
.dimas-case:has(.dimas-plane:is([data-preview-state="paused"],[data-preview-state="poster-fallback"])) .case-foot a[target]{display:inline-flex;margin-left:auto}
.dimas-case:has(.dimas-plane:is([data-preview-state="paused"],[data-preview-state="poster-fallback"])) [data-dimas-configure]{display:none}
@media(prefers-reduced-motion:reduce){.dimas-case{min-height:100svh}.dimas-plane>img,.dimas-frame{transition:none}.dimas-case>h1{clip-path:none;position:relative;width:auto;height:auto;margin:0;padding:40px;font-size:36px;z-index:3}.dimas-case .case-foot .dimas-configure-link{display:none}body.dimas-immersive-active .proposal-nav{visibility:visible;pointer-events:auto}}
@media print{.dimas-case{height:90vh}.dimas-plane{position:relative;height:auto;max-height:75vh}.dimas-plane>img{position:relative;opacity:1!important}.dimas-frame,[data-dimas-toggle],[data-dimas-configure],[data-dimas-continue],.dimas-preview-status{display:none!important}.dimas-case .case-foot{position:relative;border:0}.dimas-case>h1{clip-path:none;position:relative;width:auto;height:auto;padding:20px;font-size:36px}}