.prototype-page{padding-top:23px;--lab-orange:#f47b27;--lab-bg:#111a25;--lab-border:#2a384b}
.lab-hero{display:grid;grid-template-columns:1.5fr .72fr;gap:16px;margin-bottom:17px}
.lab-hero-copy{background:linear-gradient(116deg,#1b2a3b 0%,#131e2c 50%,#181c23 100%);border:1px solid #314257;border-radius:12px;padding:clamp(26px,4vw,46px);display:flex;flex-direction:column;justify-content:center;min-height:308px}
.lab-eyebrow,.lab-section-label{font-size:10px;letter-spacing:.14em;color:#f5a56f;font-weight:800}
.lab-eyebrow{display:flex;align-items:center;gap:9px}.lab-pulse{background:#55dba3;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #55dba318}
.lab-hero h1{font-size:clamp(30px,3.4vw,48px);letter-spacing:-.04em;line-height:1.09;margin:20px 0 14px;font-weight:780}
.lab-hero h1 span{color:#f99c54}.lab-hero-copy>p{color:#adbdce;line-height:1.65;font-size:13px;max-width:610px;margin:0 0 22px}
.lab-hero-actions,.lab-suite-actions{display:flex;flex-wrap:wrap;gap:10px}
.lab-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:7px;border:1px solid #496076;text-decoration:none;font:750 12px Inter,system-ui,sans-serif;padding:12px 17px;white-space:nowrap;cursor:pointer}
.lab-button-primary{background:#f47b27;color:#161718;border-color:#f47b27}.lab-button-primary:hover{background:#ffa163}
.lab-button-outline{color:#dce6f0;background:#192535}.lab-button-outline:hover{background:#24394b}
.lab-button:disabled{opacity:.5;cursor:not-allowed}.lab-mode-plate{border:1px solid #513f33;border-radius:12px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;min-height:308px;background:radial-gradient(circle at 50% 52%,#37251b,#18202a 58%,#141e2b)}
.lab-mode-label,.lab-mode-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#ffba8c;letter-spacing:.11em;font-size:10px;font-weight:800}.lab-mode-led{width:8px;height:8px;background:#f3924d;border-radius:50%;box-shadow:0 0 9px #f3924d}
.lab-plate-dot{color:#9b8c83;font-size:9px}.lab-mode-graphic{position:relative;display:grid;place-items:center;min-height:164px}
.lab-ripple{position:absolute;border:1px solid #a46a405d;border-radius:50%;width:135px;height:135px}.lab-ripple-two{width:190px;height:190px;border-color:#975e3a33}
.lab-radio-glyph{display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:20px;border:2px solid #e99450;background:#31271e;box-shadow:0 0 32px #f47b2716;width:89px;height:112px;color:#ffbc86;font-weight:900;font-size:22px;letter-spacing:-.04em;z-index:1}.lab-radio-glyph span{color:#f47b27;font-size:20px}
.lab-mode-footer span{font-size:9px;color:#9c8877;text-align:right}
.lab-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:17px}.lab-metric{background:linear-gradient(155deg,#1b2736,#151e2a);border:1px solid #2c3b4b;border-radius:10px;padding:17px 20px;min-height:109px;display:flex;flex-direction:column}.lab-metric span{font-size:9px;color:#8fa1b5;letter-spacing:.1em;font-weight:800}.lab-metric strong{font-size:23px;letter-spacing:-.02em;margin-top:8px}.lab-metric strong.lab-orange{color:#f9a167}.lab-metric small{color:#758ba1;font-size:10px;margin-top:3px;line-height:1.4}
.lab-grid{display:grid;grid-template-columns:.98fr 1.02fr;gap:16px}.lab-panel{background:#151e2b;border:1px solid var(--lab-border);border-radius:11px;min-width:0}
.lab-panel-head{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #28394a}.lab-panel-head h2{font-size:16px;letter-spacing:-.015em;margin:7px 0 0}.lab-chip{color:#c2d4e7;border:1px solid #3c5064;background:#1a2b3b;font-weight:800;letter-spacing:.09em;font-size:9px;border-radius:5px;padding:7px 9px;white-space:nowrap}.lab-chip.running{color:#ffbd8b;border-color:#93613d;background:#3b281c}.lab-chip.passed{color:#8bf0c1;border-color:#2e795d;background:#173d30}.lab-chip.failed{color:#ffb6a9;border-color:#9c493f;background:#39211f}
.lab-preview-body{padding:26px}.lab-spectrum{display:flex;justify-content:center;align-items:center;gap:5px;min-height:48px}.lab-spectrum i{display:block;height:16px;width:4px;border-radius:8px;background:#da8041;opacity:.7}.lab-spectrum i:nth-child(3n+1){height:27px}.lab-spectrum i:nth-child(5n){height:42px}
.lab-console-glimpse{border:1px solid #3f4e5a;background:radial-gradient(circle at center,#243348 0%,#172231 74%);padding:22px;border-radius:12px;text-align:center}.lab-console-head{display:flex;justify-content:space-between;color:#91a5b9;font-size:9px;letter-spacing:.1em;margin-bottom:24px}.lab-tiny-led{display:inline-block;width:7px;height:7px;background:#60d8ac;border-radius:50%;margin-right:5px}.lab-console-glimpse>strong{font-size:18px}.lab-console-detail{color:#a2b0be;margin:7px 0 19px;font-size:11px}
.lab-talk-visual{height:128px;width:128px;margin:0 auto 16px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#1e1813;border:5px solid #784622;background:radial-gradient(circle at 35% 25%,#ffbe82,#df7929);box-shadow:0 0 0 5px #61412133}.lab-talk-visual>span{font-size:25px}.lab-talk-visual strong{font-size:10px;margin-top:4px}.lab-talk-visual small{font-size:8px;margin-top:3px}
.lab-console-glimpse p{margin:0;color:#9aafc2;font-size:10px;line-height:1.6}
.lab-explain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}.lab-explain-grid>div{background:#1a2938;padding:13px;border-radius:8px;border:1px solid #283d4d}.lab-explain-index{display:block;color:#ef9c63;font-size:10px;font-weight:800;margin-bottom:8px}.lab-explain-grid strong{font-size:11px}.lab-explain-grid p{font-size:10px;color:#91a7b9;line-height:1.5;margin:7px 0 0}
.lab-test-body{padding:19px 20px}.lab-test-note{font-size:11px;line-height:1.6;color:#9baebe;margin:0 0 14px}.scenario-list{list-style:none;padding:0;margin:0}.scenario-list li{display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid #2a3b4b;background:#182331;padding:12px 11px;border-radius:8px;margin-bottom:7px}.scenario-number{font-size:10px;border-radius:6px;display:grid;place-items:center;width:28px;height:28px;background:#293a49;color:#b5c8d8;font-weight:800}.scenario-list li strong{font-size:11px;display:block}.scenario-list li small{display:block;font-size:10px;color:#91a5b6;line-height:1.45;margin-top:4px}.scenario-state{font-size:9px;font-weight:850;color:#7f92a5;letter-spacing:.04em}.scenario-list li[data-status=passed]{border-color:#2d5d50}.scenario-list li[data-status=passed] .scenario-state{color:#5ad5a0}.scenario-list li[data-status=failed]{border-color:#8d4e42}.scenario-list li[data-status=failed] .scenario-state{color:#fba696}.scenario-list li[data-status=running] .scenario-state{color:#ffba81}
.lab-suite-actions{margin-top:17px}.lab-test-summary{font-size:11px;color:#90a5ba;min-height:17px;margin:13px 0 2px}
.lab-bottom-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px}.lab-architecture{padding:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.lab-node{padding:14px;border:1px solid #334758;background:#1b2937;border-radius:9px;display:flex;flex-direction:column;gap:5px;min-width:142px}.lab-node>span{font-size:10px;font-weight:800;color:#f8a473}.lab-node strong{font-size:12px}.lab-node small{font-size:10px;color:#93a9bc}.lab-node-core{border-color:#95613f;background:#30271f}.lab-node-off{background:#271e22;border-color:#62404b;opacity:.7}.lab-link{color:#ef9256;font-size:20px}.lab-notes{padding:20px 22px}.lab-notes p{font-size:11px;color:#9cafc1;line-height:1.72;margin:0 0 12px}.lab-notes strong{color:#dceaf5}.lab-notes code{background:#253647;border-radius:4px;padding:2px 4px;color:#d4e4f5}.lab-footer{text-align:center;color:#7b90a4;font-size:10px;letter-spacing:.13em;padding:21px 0}
@media(max-width:1100px){.lab-hero{grid-template-columns:1fr 290px}.lab-grid{grid-template-columns:1fr}.lab-architecture{justify-content:flex-start}.lab-bottom-grid{grid-template-columns:1fr}}
@media(max-width:770px){.lab-hero{grid-template-columns:1fr}.lab-mode-plate{min-height:190px}.lab-mode-graphic{min-height:104px}.lab-ripple-one{width:100px;height:100px}.lab-ripple-two{width:140px;height:140px}.lab-radio-glyph{height:90px;width:73px;font-size:18px}.lab-metrics{grid-template-columns:repeat(2,1fr)}.lab-explain-grid{grid-template-columns:1fr}.lab-architecture{gap:8px}.lab-node{min-width:0;flex:1}.lab-architecture .lab-node-off{flex-basis:100%}}
@media(max-width:430px){.lab-metrics{gap:8px}.lab-metric{padding:13px}.lab-hero-copy{padding:23px}.lab-test-body{padding:12px}.lab-panel-head{padding:16px}.lab-preview-body{padding:13px}.lab-button{flex:1}.scenario-list li{grid-template-columns:26px minmax(0,1fr);gap:8px}.scenario-state{grid-column:2}.lab-architecture .lab-link{display:none}.lab-architecture .lab-node{flex:1 1 100%}}