.lab-shell{max-width:1120px;padding-bottom:72px}.lab-intro{padding:76px 0 42px;max-width:900px}.lab-intro h1{font-size:clamp(31px,4vw,54px);line-height:1.15;color:var(--ink)}.lab-intro>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:790px}.lab-back{display:inline-flex;margin-top:15px;color:var(--gold);font-weight:650}
.lab-card{border:1px solid #3c524e;border-radius:22px;padding:clamp(20px,3vw,38px);background:linear-gradient(145deg,#122122,#0a1013);margin-bottom:25px;box-shadow:0 15px 42px #0004}.lab-card-head{display:flex;gap:22px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:28px}.lab-card-head h2{font-size:clamp(23px,2.6vw,31px);margin-bottom:11px}.lab-card-head p{color:var(--muted);max-width:820px;margin-bottom:0}.lab-number{font:700 30px/1 ui-monospace,Consolas,monospace;color:var(--gold);border:1px solid var(--edge);border-radius:13px;padding:17px 14px}
.lab-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:22px}.lab-controls{display:grid;gap:13px;align-content:start}.lab-controls label:not(.lab-checkbox){font-size:13px;color:#d8e3dd;font-weight:650}.lab-controls output{font:700 18px ui-monospace,Consolas,monospace;color:var(--gold2);margin-inline-start:12px}.lab-controls input[type=range]{width:100%;accent-color:var(--gold);min-height:36px;cursor:pointer}.lab-controls select{padding:13px 14px;border-radius:10px;border:1px solid #45615d;background:#111e20;color:#f6f4e9;font:inherit;max-width:100%}.lab-controls select:focus-visible,.lab-controls input:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.lab-checkbox{display:flex;align-items:flex-start;gap:11px;line-height:1.55;color:#d1e0da;font-size:13px;margin-top:4px}.lab-checkbox input{accent-color:var(--teal);width:19px;height:19px;flex-shrink:0}
.lab-result{display:flex;flex-direction:column;gap:13px;justify-content:center;background:#071011;border:1px solid #34504b;border-radius:16px;padding:26px;min-height:175px}.lab-result p{color:#b5c7bd;font-size:12px;letter-spacing:.04em;text-transform:uppercase;margin:0}.lab-result strong{font:750 clamp(21px,3vw,31px)/1.3 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.lab-result strong[data-state=deny]{color:#ff9083}.lab-result strong[data-state=flag]{color:#ffce75}.lab-result strong[data-state=allow]{color:#82dfbc}.lab-result strong[data-state=withheld],.lab-result strong[data-state=idle]{color:#d4c0a0}.lab-result span,.lab-result small{color:#c2d0c8;font-size:13px;line-height:1.7}
.lab-caution{color:#b6c9be;border-inline-start:3px solid #b89750;padding-inline-start:13px;margin:23px 0 18px;font-size:13px}.lab-links{display:flex;gap:17px;flex-wrap:wrap;align-items:center;padding-top:9px}.lab-links a{font-size:13px;color:var(--gold2);text-decoration:underline;text-underline-offset:5px}.lab-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.lab-buttons button{background:linear-gradient(145deg,#d8ac61,#efcf85);color:#15120b;border:0;padding:14px 20px;min-height:48px;border-radius:12px;font-weight:750}.lab-buttons button+button{background:#17292a;color:#d8e9e3;border:1px solid #65877d}.lab-buttons button:disabled{opacity:.55;cursor:progress}
.lab-source{border:1px solid #264440;border-radius:17px;padding:26px;background:#0b1719}.lab-source h2{font-size:21px;color:var(--gold2)}.lab-source p{color:var(--muted);max-width:870px;margin:0}
@media(max-width:850px){.lab-layout{grid-template-columns:1fr}.lab-intro{padding-top:48px}.lab-result{min-height:145px}}@media(max-width:600px){.lab-card-head{gap:12px}.lab-number{font-size:21px;padding:12px}.lab-card{padding:19px}.lab-buttons button{width:100%}.lab-shell{width:calc(100% - 32px)}}@media(prefers-reduced-motion:reduce){.lab-shell *{scroll-behavior:auto!important}}