.lab-head{padding-top:150px;padding-bottom:45px}.lab-head h1{font-size:clamp(44px,6.8vw,92px);line-height:1.02;margin:24px 0}.lab-head>p{max-width:690px}.lab{display:grid;grid-template-columns:285px minmax(0,1fr);gap:28px;padding-bottom:100px;--lab-accent:#72cfff}.lab-console{padding:26px;border:1px solid #303c53;background:linear-gradient(150deg,#151b2b,#0b0e17);border-radius:18px}.lab-console label,.lab-console legend{font-size:13px;display:block;color:#d9e4f7;margin:20px 0 9px}.lab-console select{width:100%;padding:12px;border:1px solid #41516e;border-radius:8px;background:#0b1020;color:white}.lab-console fieldset{border:0;margin:0;padding:0}.lab-console fieldset label{margin:12px 0}.lab-console input[type=checkbox]{width:auto;accent-color:var(--lab-accent);margin-right:8px}.lab-console .btn{margin-top:24px;width:100%;font-size:12px}.lab-swatches,.lab-formats{display:flex;gap:12px}.lab-swatches button{width:38px;height:38px;border-radius:50%;background:var(--swatch);border:4px solid #151b2b;outline:1px solid #63728c;cursor:pointer}.lab-swatches button[aria-pressed=true]{outline:2px solid white;box-shadow:0 0 20px var(--swatch)}.lab-formats button{background:#171d2e;color:#d9e4f7;border:1px solid #53617a;padding:10px 14px;border-radius:8px;cursor:pointer}.lab-formats button[aria-pressed=true]{border-color:var(--lab-accent);color:var(--lab-accent)}.lab button:focus-visible,.lab a:focus-visible,.lab select:focus-visible,.lab input:focus-visible{outline:3px solid white;outline-offset:4px}.lab-workspace{min-width:0}.lab-stage{position:relative;isolation:isolate;overflow:hidden;min-height:540px;display:grid;place-items:center;perspective:1200px;border:1px solid #303c53;border-radius:18px;background:radial-gradient(ellipse at 50% 60%,#252550, #080d19 70%);touch-action:pan-y;--assembly:1;--rx:0deg;--ry:0deg}.lab-grid{position:absolute;inset:-50%;background-image:linear-gradient(#42698a33 1px,transparent 1px),linear-gradient(90deg,#42698a33 1px,transparent 1px);background-size:50px 50px;transform:rotateX(60deg) translateY(25%);pointer-events:none}.lab-halo{position:absolute;width:500px;height:500px;border:1px solid var(--lab-accent);border-radius:50%;opacity:.3;box-shadow:0 0 90px #745bdb55,inset 0 0 60px #4bc8ff22;transform:rotateX(65deg);pointer-events:none}.lab-orbit-label{position:absolute;top:24px;left:24px;letter-spacing:3px;font-size:9px;color:var(--lab-accent)}.lab-device{position:relative;width:84%;max-width:740px;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:width .5s,transform .15s;box-shadow:0 25px 80px #000b,0 0 30px #7bbcff28;border:1px solid #788eab77;border-radius:12px;overflow:hidden;background:#10131a}.lab-browser{height:30px;display:flex;align-items:center;gap:5px;background:#171f30;padding:0 12px}.lab-browser i{width:5px;height:5px;border-radius:50%;background:var(--lab-accent)}.lab-browser span{font-size:7px;color:#a9bad2;letter-spacing:2px;margin:auto}.lab-preview{position:relative;min-height:340px;overflow:hidden;color:white}.lab-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:var(--image-opacity,1);transition:opacity .2s}.lab-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050912ed,#05091225),linear-gradient(0deg,#050912bc,transparent)}.lab-preview-nav,.lab-preview-copy,.lab-preview-bottom{position:relative;z-index:1;opacity:var(--copy-opacity,1)}.lab-preview-nav{display:flex;justify-content:space-between;padding:22px 26px;font-size:9px;letter-spacing:2px}.lab-preview-copy{padding:25px 26px 40px;max-width:480px;transform:translateY(var(--copy-y,0px))}.lab-preview-copy>span{font-size:10px;letter-spacing:2px;color:var(--lab-accent)}.lab-preview-copy h2{font-size:clamp(26px,3.3vw,47px);line-height:1.05;margin:15px 0}.lab-preview-copy p{font-size:12px;color:#e4ebf7;line-height:1.6;max-width:280px}.lab-preview-copy button{background:var(--lab-accent);color:#07111c;border:0;padding:12px 16px;font-size:10px;border-radius:3px;margin-top:10px;cursor:pointer;opacity:var(--action-opacity,1)}.lab-preview-bottom{display:flex;justify-content:space-between;padding:0 26px 20px;font-size:8px;letter-spacing:1px}.lab-wire{position:absolute;inset:15px;background:repeating-linear-gradient(0deg,transparent 0 43px,#72cfff55 44px 45px);border:1px dashed var(--lab-accent);opacity:var(--wire-opacity,0);pointer-events:none;z-index:2}.lab-stage-note{position:absolute;bottom:20px;font-size:9px;letter-spacing:2px;color:#a7b8d3}.lab-beam{position:absolute;top:0;left:0;width:100%;height:3px;background:var(--lab-accent);box-shadow:0 0 35px 10px var(--lab-accent);opacity:0;z-index:3;pointer-events:none}.lab-stage.building .lab-beam{opacity:.65;top:calc(var(--assembly)*100%)}.lab-timeline{padding:22px 4px}.lab-timeline-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.lab-timeline-top p{margin:12px 0;color:white}.lab-timeline input{width:100%;accent-color:var(--lab-accent);cursor:ew-resize}.lab-stages{display:flex;justify-content:space-between;font-size:10px;color:#b5c8de;margin:10px 0 20px}.lab-result{padding:18px 22px;border-left:2px solid var(--lab-accent);background:#151b2b;font-size:13px;color:#d5e2f3;line-height:1.7}.lab-stage[data-style=editorial] .lab-preview-copy h2{font-family:Georgia,serif;font-weight:400}.lab-stage[data-style=editorial] .lab-device{border-radius:0}.lab-stage[data-style=future] .lab-preview-nav,.lab-stage[data-style=future] .lab-preview-copy>span{font-family:monospace}.lab-stage[data-style=future] .lab-preview{background:#070f24}.lab-stage[data-style=future] .lab-preview>img{filter:saturate(.6) hue-rotate(20deg)}.lab-stage[data-style=future] .lab-preview-copy h2{text-shadow:0 0 25px #79caff99}.lab-stage[data-format=mobile] .lab-device{width:240px;border-radius:26px}.lab-stage[data-format=mobile] .lab-preview{min-height:405px}.lab-stage[data-format=mobile] .lab-preview-nav span{display:none}.lab-stage[data-format=mobile] .lab-preview-copy h2{font-size:33px}.lab-stage[data-format=mobile] .lab-preview-copy{padding:30px 21px}.lab-stage[data-format=mobile] .lab-preview-bottom{font-size:7px}.lab-stage[data-format=mobile] .lab-preview-nav{padding:20px}.lab-promo{border:1px solid #45618a;padding:40px;border-radius:20px;background:radial-gradient(at 90% 30%,#38256b,#0c1321 70%)}
@media(max-width:1000px){.lab{grid-template-columns:240px minmax(0,1fr);gap:18px}.lab-console{padding:20px}.lab-stage{min-height:500px}}@media(max-width:760px){.lab{grid-template-columns:1fr}.lab-head{padding-top:120px}.lab-console{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.lab-console>.eyebrow,.lab-console>.btn,.lab-console>.tiny,.lab-console>label,.lab-console>select{grid-column:1/-1}.lab-console fieldset:last-of-type{grid-column:1/-1}.lab-stage{min-height:470px}.lab-device{width:90%}.lab-preview-copy h2{font-size:32px}.lab-preview-copy{padding:25px 20px}.lab-orbit-label{font-size:8px}.lab-preview-nav{padding:18px}.lab-browser span{font-size:6px}.lab-timeline-top{align-items:flex-start}.lab-timeline-top .control{white-space:nowrap}.lab-promo{padding:24px}}@media(prefers-reduced-motion:reduce){.lab *{transition:none!important}.lab-device{transform:none!important}.lab-beam{display:none}}.reduce-motion .lab-device{transform:none!important;transition:none}.reduce-motion .lab-beam{display:none}