.product-scene{isolation:isolate;border:1px solid var(--cl-line);width:min(100%,430px);min-height:400px;color:var(--cl-text);font-family:var(--cl-body);background:radial-gradient(at 48% 40%,#211a17 0,#111110 58%);grid-template-rows:minmax(204px,1fr) auto auto auto;gap:10px;padding:18px;display:grid;position:relative;overflow:hidden}.product-scene-canvas{z-index:-1;pointer-events:none;width:100%;height:68%;position:absolute;inset:2% 0 auto}.product-scene-brief{border:1px solid color-mix(in srgb,var(--cl-red) 65%,var(--cl-line));background:color-mix(in srgb,var(--cl-bg) 83%,transparent);width:min(64%,230px);min-height:155px;color:var(--cl-text);flex-direction:column;justify-content:center;place-self:center;padding:18px;display:flex;position:relative;box-shadow:8px 9px #080808}.product-scene-tag{color:var(--cl-red);font:9px/1.2 var(--cl-mono);letter-spacing:.08em}.product-scene-orbit{color:var(--cl-red);font-size:20px;position:absolute;top:13px;right:13px}.product-scene-brief p{color:var(--cl-muted);font:10px/1.3 var(--cl-mono);text-transform:uppercase;letter-spacing:.06em;margin:12px 0 3px}.product-scene-brief h2{font:700 21px/1.05 var(--cl-display);letter-spacing:-.02em;margin:0}.product-scene-rule{background:var(--cl-line);width:100%;height:1px;margin:12px 0 7px}.product-scene-brief small{color:var(--cl-muted);font:8px/1.2 var(--cl-mono);letter-spacing:.08em}.product-scene-controls{border:1px solid var(--cl-line);background:color-mix(in srgb,var(--cl-bg) 86%,transparent);grid-template-columns:1fr 1fr;display:grid}.product-scene-controls button{border:0;border-right:1px solid var(--cl-line);border-bottom:1px solid var(--cl-line);min-width:0;min-height:32px;color:var(--cl-muted);text-align:left;font:10px/1.2 var(--cl-body);cursor:pointer;background:0 0;grid-template-columns:22px 1fr 6px;align-items:center;gap:5px;padding:5px 7px;transition:color .16s,background-color .16s;display:grid}.product-scene-controls button:nth-child(2n){border-right:0}.product-scene-controls button:nth-last-child(-n+2){border-bottom:0}.product-scene-controls button:hover,.product-scene-controls button:focus-visible,.product-scene-controls button[aria-pressed=true]{color:var(--cl-text);background:#1c1715}.product-scene-controls button:focus-visible{outline:2px solid var(--cl-red);outline-offset:-2px}.product-scene-controls button[aria-pressed=true] i{background:var(--cl-red);box-shadow:0 0 7px color-mix(in srgb,var(--cl-red) 75%,transparent)}.product-scene-step{color:var(--cl-red);font:9px var(--cl-mono)}.product-scene-controls i{background:var(--cl-line);border-radius:50%;width:5px;height:5px}.product-scene-description{border-top:1px solid var(--cl-line);grid-template-columns:25px 1fr;align-items:start;gap:9px;min-height:47px;padding:9px 2px 0;display:grid}.product-scene-description>span{color:var(--cl-red);font:17px/1 var(--cl-display)}.product-scene-description p{color:var(--cl-muted);font:10px/1.35 var(--cl-body);gap:2px;margin:0;display:grid}.product-scene-description strong{color:var(--cl-text);font-weight:600}.product-scene-footer{color:var(--cl-muted);font:8px/1.2 var(--cl-mono);letter-spacing:.07em;justify-self:end}.crewlab-hi .product-scene{font-family:var(--font-body)}.crewlab-hi .product-scene-controls button{font-size:11px}.crewlab-hi .product-scene-brief h2{font-family:var(--font-body)}@media (max-width:820px){.product-scene{width:min(100%,470px);margin-inline:auto}}@media (max-width:500px){.product-scene{min-height:390px;padding:13px 10px}.product-scene-brief{width:62%;min-height:145px;padding:14px}.product-scene-brief h2{font-size:18px}.product-scene-controls button{gap:3px;padding-inline:5px;font-size:9px}.product-scene-step{font-size:8px}.product-scene-description p{font-size:9px}.product-scene-footer{font-size:7px}}@media (prefers-reduced-motion:reduce){.product-scene-controls button{transition:none}}