.lab-page{background:var(--ink);color:var(--paper)}.lab-wrap{max-width:1320px;margin:auto;padding:120px 5vw 70px}.lab-breadcrumb{color:var(--muted);flex-wrap:wrap;gap:12px;margin-bottom:40px;font-size:12px;display:flex}.lab-heading{max-width:800px;margin-bottom:38px}.lab-page .eyebrow{font:600 10px/1.6 var(--font-mono,monospace);letter-spacing:.11em;color:var(--lime);margin:0 0 14px}.lab-heading h1{letter-spacing:-.055em;margin:0 0 24px;font-size:clamp(2.6rem,5.8vw,5rem);line-height:1.02}.lab-heading h1 strong,.lab-controls h2 strong{color:var(--lime);font-weight:inherit}.lab-heading>p:not(.eyebrow){max-width:630px;color:var(--muted);font-size:16px;line-height:1.7}.lab-model-tag{border:1px solid var(--line);color:#b6c8bd;border-radius:99px;padding:9px 13px;font-size:11px;display:inline-block}.lab-workspace{background:#0c1811;border:1px solid #caff3d40;border-radius:24px;grid-template-columns:1.12fr 1fr;display:grid;overflow:hidden}.lab-scene{border-right:1px solid var(--line);background:radial-gradient(at 55%,#b4ed2a13,#0000 65%);flex-direction:column;justify-content:space-between;display:flex}.lab-scene-top{font:500 10px var(--font-mono,monospace);color:var(--muted);justify-content:space-between;gap:15px;padding:22px;display:flex}.lab-scene-top span:first-child{color:var(--lime)}.lab-scene-top i{background:var(--lime);border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.lab-body{width:100%;min-height:0;max-height:510px;display:block}.lab-legend{color:var(--muted);flex-wrap:wrap;gap:14px;padding:20px 22px;font-size:10px;display:flex}.lab-legend i{border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.lab-legend .lime{background:var(--lime)}.lab-legend .blue{background:#92a9ba}.lab-legend .gold{background:#f9c76d}.lab-controls{padding:30px}.lab-controls h2{letter-spacing:-.04em;margin:0 0 17px;font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.08}.lab-description{color:var(--muted);margin-bottom:24px;font-size:13px;line-height:1.7}.lab-sliders{gap:19px;display:grid}.lab-sliders label>span{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;font-size:12px;line-height:1.5;display:flex}.lab-sliders output{color:var(--lime);white-space:nowrap;font-weight:650}.lab-sliders input{width:100%;height:30px;accent-color:var(--lime);cursor:pointer;margin:0}.lab-result{border-top:1px solid var(--line);margin-top:23px;padding-top:20px}.lab-result>span{color:var(--muted);font-size:11px}.lab-result>div{align-items:baseline;gap:10px;margin:5px 0;display:flex}.lab-result output{letter-spacing:-.05em;color:var(--lime);font-variant-numeric:tabular-nums;font-size:60px;line-height:1.1}.lab-result b{color:var(--muted);font-size:17px}.lab-result p{color:var(--muted);font-size:11px;line-height:1.7}.lab-result strong{color:var(--paper)}.lab-buttons{flex-wrap:wrap;gap:10px;margin-top:17px;display:flex}.lab-buttons button,.lab-experiments button{min-height:44px;color:var(--paper);cursor:pointer;background:#caff3d09;border:1px solid #caff3d40;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:11px 13px;font-size:11px;display:inline-flex}.lab-buttons button:hover,.lab-experiments button:hover{border-color:var(--lime)}.lab-experiments{border:1px solid var(--line);border-radius:18px;justify-content:space-between;align-items:center;gap:25px;margin:24px 0;padding:24px;display:flex}.lab-experiments .eyebrow{margin-bottom:5px}.lab-experiments h3{letter-spacing:-.03em;margin:0;font-size:21px}.lab-experiments>div:last-child{flex-wrap:wrap;gap:9px;display:flex}.lab-experiments button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:var(--ink)}.lab-insights{grid-template-columns:1fr 1fr;gap:20px;display:grid}.lab-insights>section{border:1px solid var(--line);background:var(--ink-soft);border-radius:20px;padding:25px}.lab-insights h3{letter-spacing:-.03em;margin:0 0 18px;font-size:24px}.lab-insights p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.7}.lab-compare-values{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;gap:15px;margin:22px 0;padding:22px 0;display:grid}.lab-compare-values span{color:var(--muted);font-size:11px}.lab-compare-values strong{letter-spacing:-.035em;color:var(--paper);margin-top:8px;font-size:35px;display:block}.lab-compare-values span:last-child strong{color:var(--lime)}.lab-compare-values small{color:var(--muted);font-size:11px}.lab-graph svg{width:100%;max-height:240px;display:block}.lab-method{margin-top:60px}.lab-method h2,.lab-related h2{letter-spacing:-.035em;margin:0 0 25px;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.15}.lab-method>div{grid-template-columns:1fr 1fr;gap:40px;display:grid}.lab-method h3{font-size:17px}.lab-method p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.85}.lab-method a{color:var(--lime);text-underline-offset:4px;text-decoration:underline}.lab-related{border-top:1px solid var(--line);margin-top:40px;padding-top:36px}.lab-related>div{flex-wrap:wrap;gap:12px;display:flex}.lab-related a{border:1px solid var(--line);border-radius:10px;padding:15px;font-size:12px;line-height:1.5}.lab-related a:hover{border-color:var(--lime);color:var(--lime)}.lab-page :is(a,button,input):focus-visible{outline:2px solid var(--lime);outline-offset:5px}@media (max-width:850px){.lab-workspace{grid-template-columns:1fr}.lab-scene{border-right:0;border-bottom:1px solid var(--line)}.lab-body{max-height:420px}.lab-controls{padding:25px}.lab-experiments{flex-direction:column;align-items:flex-start;gap:18px}.lab-insights{grid-template-columns:1fr}.lab-method>div{grid-template-columns:1fr;gap:15px}}@media (max-width:500px){.lab-wrap{padding:100px 20px 45px}.lab-breadcrumb{margin-bottom:30px;font-size:10px}.lab-heading h1{font-size:42px}.lab-heading>p:not(.eyebrow){font-size:14px}.lab-workspace{border-radius:18px}.lab-body{max-height:350px}.lab-controls{padding:22px 19px}.lab-controls h2{font-size:31px}.lab-sliders label>span{font-size:11px}.lab-result output{font-size:54px}.lab-buttons{grid-template-columns:1fr 1fr;display:grid}.lab-buttons button{padding:11px 7px;font-size:10px}.lab-experiments{padding:20px}.lab-experiments>div:last-child{grid-template-columns:1fr 1fr;width:100%;display:grid}.lab-insights>section{padding:22px 20px}.lab-related a{width:100%}}
