.lab-card__poster{transition:opacity .3s var(--ease-out)}.lab-card__stage.is-live .lab-card__poster{opacity:0;pointer-events:none}.lab-card__canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:pan-y}.lab-card__start[hidden]{display:none}.lab-card__controls[hidden]{display:none!important}.lab-card__note{margin:0;font-family:var(--font-mono);font-size:.75rem;line-height:1.5;color:var(--muted)}.lab-card[data-lab=vitrina] .lab-card__stage{background:radial-gradient(62% 58% at 54% 62%,rgba(255,107,61,.15),transparent 72%),var(--bg-2)}.lab-card[data-lab=sign] .lab-card__stage{background:radial-gradient(70% 55% at 50% 50%,rgba(255,107,61,.08),transparent 72%),var(--bg-2)}.lab-card[data-lab=plan] .lab-card__stage{background:radial-gradient(60% 55% at 50% 46%,rgba(255,107,61,.1),transparent 72%),var(--bg-2)}.lab-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;width:100%}.lab-ctl--field{display:grid;gap:var(--s-2)}.lab-ctl .field__label{font-size:.875rem}.lab-ctl .lab-input{min-height:48px;padding-right:16px}.lab-ctl__group{display:flex;align-items:center;gap:4px}.lab-swatch{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.lab-swatch i{display:block;width:28px;height:28px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #14161c38;transition:outline-color var(--dur-fast) var(--ease-out);outline:2px solid transparent;outline-offset:3px}.lab-swatch[aria-checked=true] i{outline-color:var(--text)}.lab-swatch:hover i{outline-color:var(--muted)}.lab-swatch[aria-checked=true]:hover i{outline-color:var(--text)}.lab-swatch:focus-visible{outline:2px solid var(--focus);outline-offset:0}.lab-seg{gap:0;border:1px solid var(--line-strong);border-radius:var(--r-pill);overflow:hidden}.lab-seg button{min-height:44px;padding:0 18px;border:0;background:none;cursor:pointer;font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--muted);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.lab-seg button+button{border-left:1px solid var(--line-strong)}.lab-seg button[aria-pressed=true]{background:var(--surface-2);color:var(--text)}.lab-seg button:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}.plan3d{position:absolute;inset:0;--c: 60px;overflow:hidden;user-select:none;-webkit-user-select:none}.plan3d__persp{position:absolute;inset:0 0 58px;display:grid;place-items:center;perspective:1700px}.plan3d__tilt{position:relative;width:calc(var(--c) * 6);height:calc(var(--c) * 4);transform-style:preserve-3d;transform:rotateX(calc(55deg + var(--rx, 0deg))) rotate(calc(-45deg + var(--rz, 0deg)));transition:transform .26s var(--ease-out)}.plan3d__floor{position:absolute;inset:0;transform-style:preserve-3d;background-color:var(--surface);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:var(--c) var(--c);box-shadow:0 0 0 1px var(--line-strong) inset}.plan3d__floor:before{content:"";position:absolute;left:0;top:100%;width:100%;height:calc(var(--c) * .22);transform-origin:0 0;transform:rotateX(-90deg);background:#151412}.plan3d__floor:after{content:"";position:absolute;top:0;right:100%;width:calc(var(--c) * .22);height:100%;transform-origin:100% 0;transform:rotateY(-90deg);background:#1e1c19}.box{position:absolute;display:block;padding:0;border:0;background:none;left:calc(var(--x) * var(--c));top:calc(var(--y) * var(--c));width:calc(var(--w) * var(--c));height:calc(var(--d) * var(--c));transform-style:preserve-3d;--ft: #3A3731;--fw: #26241F;--fs: #1B1A17}.box__top{position:absolute;inset:0;display:block;background:var(--ft);transform:translateZ(calc(var(--h) * var(--c)));transition:background-color .2s var(--ease-out)}.box:before{content:"";position:absolute;left:0;top:100%;width:100%;height:calc(var(--h) * var(--c));transform-origin:0 0;transform:rotateX(90deg);background:var(--fs);transition:background-color .2s var(--ease-out)}.box:after{content:"";position:absolute;top:0;right:100%;width:calc(var(--h) * var(--c));height:100%;transform-origin:100% 0;transform:rotateY(90deg);background:var(--fw);transition:background-color .2s var(--ease-out)}.plan3d__bar{--ft: #46413A;--fw: #2D2A25;--fs: #201E1A}.pt{cursor:pointer;transform:translateZ(0);transition:transform .3s var(--ease-out);-webkit-tap-highlight-color:transparent}.pt:hover:not(.is-sel){--ft: #48443D}.pt:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.pt.is-sel{transform:translateZ(calc(var(--c) * .5));--ft: #FF6B3D;--fw: #8A3A1C;--fs: #5C2611}.pt__sh{position:absolute;inset:-16%;display:block;border-radius:28%;pointer-events:none;background:radial-gradient(closest-side,#000000b3,#0000);opacity:0;transform:translateZ(.5px);transition:opacity .3s var(--ease-out),transform .3s var(--ease-out)}.pt.is-sel .pt__sh{opacity:1;transform:translateZ(calc(var(--c) * -.5 + .5px))}.pt__dot{position:absolute;left:50%;top:50%;width:calc(var(--c) * .2);height:calc(var(--c) * .2);margin:calc(var(--c) * -.1) 0 0 calc(var(--c) * -.1);border-radius:50%;background:var(--success);box-shadow:0 0 0 2px #00000040}.pt.is-busy .pt__dot{background:var(--muted)}.pt.is-sel .pt__dot{background:var(--on-accent);box-shadow:none}.plan3d__status{position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 10px;margin:0;padding:12px 16px 14px;text-align:center;font-size:.9375rem;font-weight:600;line-height:1.35;color:var(--text)}.plan3d__demo{font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.plan3d--still .plan3d__tilt,.plan3d--still .pt,.plan3d--still .pt__sh,.plan3d--still .box__top,.plan3d--still .box:before,.plan3d--still .box:after{transition:none}@media(prefers-reduced-motion:reduce){.plan3d__tilt,.pt,.pt__sh{transition:none}}.lab-card__canvas--sign{filter:drop-shadow(0 0 6px rgba(255,138,99,.3))}html.js .lab-card[data-lab=vitrina] .lab-card__controls{display:block;min-height:94px}html.js .lab-card[data-lab=sign] .lab-card__controls{display:block;min-height:86px}@media(min-width:1200px){html.js .lab-card[data-lab=vitrina] .lab-card__controls{min-height:46px}}
