.lab-main{padding:54px 5% 75px}.lab-hero{padding-bottom:28px}.lab-hero h1{font-size:clamp(42px,5.5vw,72px);font-weight:500;line-height:1.07;letter-spacing:-2.6px;margin:23px 0}.lab-hero h1 em{font:italic 1em Georgia,serif;color:#c5b3e9}.lab-hero>p{font-size:15px;color:#b4c2dd;max-width:580px}.lab-scope{font:9px/1.8 Consolas,monospace;color:#b7bdd7;border:1px solid #64557866;border-radius:12px;padding:12px 15px;background:#241b31a6;max-width:900px}.lab-context,.lab-panel{background:linear-gradient(125deg,#121e32ef,#1e182bea);border:1px solid #58648466;border-radius:24px;padding:26px;margin:18px 0;min-width:0}.lab-context>form{display:flex;align-items:center;gap:10px}.lab-context>form>label{font-size:11px;color:#b3bed6}.lab-context>form>select{width:145px}.lab-context>form>input{flex:1;min-width:0}.lab-main input,.lab-main select,.lab-main textarea{border:1px solid #5c698866;border-radius:10px;background:#0c1527;color:#edf0ff;padding:12px;font:12px/1.5 Arial,sans-serif;min-height:40px}.lab-main textarea{resize:vertical;width:100%}.lab-main input:disabled,.lab-main select:disabled,.lab-main textarea:disabled{opacity:.7}.lab-main button{border:1px solid #a28bc255;border-radius:10px;background:#bfa9e9;color:#11172a;padding:10px 14px;font-size:11px;line-height:1.5}.lab-main button:hover{background:#d2bff4}.lab-main button:disabled{opacity:.4;cursor:default}.lab-context>form>button{white-space:nowrap}#lab-status{font:10px/1.9 Consolas,monospace;color:#b6c5df;margin-top:14px}.current-name{display:flex;align-items:center;gap:18px;margin-top:20px}.current-name h2{font-size:26px;letter-spacing:-.8px;margin:0}.current-name h2 span{color:#6e809e}.current-name>span{font:10px Consolas,monospace;color:#bba5db}.current-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:19px 0}.current-metrics>div{padding:16px;border:1px solid #5b668555;border-radius:13px;background:#1b2949a6}.current-metrics small{display:block;font:8px Consolas,monospace;letter-spacing:1px;color:#aebed8}.current-metrics strong{font:21px/1.8 Consolas,monospace;color:#f1edff}#lab-current>p{font:9px/1.9 Consolas,monospace;overflow-wrap:anywhere;color:#aabbd5}.lab-main a{color:#c7acef;text-decoration:underline;text-underline-offset:3px}.lab-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.lab-actions button:not(:first-child){background:#8e72bb15;color:#cbb7ed;border-color:#78678c66}.lab-muted,.lab-panel>p{font-size:11px;color:#b2bfd9;line-height:1.8}.lab-tabs{display:flex;gap:6px;overflow:auto;margin:30px 0 12px;padding:5px;border:1px solid #535e7966;border-radius:15px;background:#0c1526e8;scrollbar-width:thin}.lab-tabs button{flex:1;white-space:nowrap;border:1px solid transparent;background:transparent;color:#aebbd6;border-radius:10px;font-size:10px;padding:12px 10px}.lab-tabs button[aria-selected=true]{background:linear-gradient(120deg,#3b4264,#47304f);border-color:#aa8dc188;color:#f4eaff}.lab-panel[hidden]{display:none}.lab-panel .eyebrow{font-size:8px;letter-spacing:1.2px}.lab-panel h2{font-size:29px;letter-spacing:-.8px;margin:13px 0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.lab-panel form{display:grid;gap:13px;margin:23px 0;max-width:800px}.lab-panel form label,.compare-selects label{display:block;font-size:11px;color:#bec9df;line-height:1.8}.lab-panel form label input,.lab-panel form label select,.lab-panel form label textarea{display:block;width:100%;margin-top:6px}.lab-panel form button{width:fit-content}#history-window{display:flex;gap:10px;align-items:end}#history-window label{flex:1}.lab-main #history-window input{width:100%;min-width:0}#history-status{font:10px/1.9 Consolas,monospace;color:#b4c8de;margin:18px 0;overflow-wrap:anywhere}.replay-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #53627f55;border-radius:12px;padding:13px;background:#111e32}.replay-controls label,.replay-controls span{font-size:10px;color:#b9c8df}.replay-controls input[type=range]{flex:1;min-width:100px;min-height:20px;padding:0;accent-color:#bb9bec}.timeline-event{border:1px solid #56638055;border-radius:13px;margin:9px 0;background:#17233977}.timeline-event summary{display:flex;align-items:center;gap:14px;padding:15px;cursor:pointer}.timeline-event summary>span{font:11px Consolas,monospace;color:#b19cda;border:1px solid #85709f55;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}.timeline-event strong{font-size:12px;font-weight:500;color:#e2d9f2}.timeline-event small{display:block;font:9px/1.9 Consolas,monospace;color:#a9bad4}.event-content{padding:0 18px 18px;font-size:10px;overflow-wrap:anywhere}.event-content code{display:block;margin-top:10px;color:#b8c4db}.event-content pre{white-space:pre-wrap;font-size:9px;color:#aebad1;border:1px solid #47546e55;border-radius:9px;padding:12px;background:#091222;max-height:220px;overflow:auto}.lab-empty{padding:25px;border:1px dashed #6d668b66;border-radius:15px;font-size:12px;line-height:1.9;color:#adbdd6;background:#10192b66}.compare-selects{display:flex;gap:12px;align-items:end;margin:25px 0}.compare-selects label{flex:1;min-width:0}.compare-selects select{width:100%;margin-top:8px}.source-card{border:1px solid #59678266;border-radius:15px;padding:19px;margin:15px 0;background:linear-gradient(125deg,#18263e88,#2b1e3888);font-size:11px;line-height:1.8;overflow-wrap:anywhere}.source-card h3{font-size:16px;color:#e0d3f2;font-weight:500}.source-card small{font:9px/1.9 Consolas,monospace;color:#a8bbd7}.preserve{white-space:pre-wrap}.tag{display:inline-block;color:#dac1ef;background:#8e61b022;border:1px solid #82619766;border-radius:20px;padding:3px 8px;font-size:9px}.lab-main .delete-button{display:block;background:transparent;color:#c6a7c7;font-size:9px;padding:5px 8px;margin-top:14px}.table-scroll{overflow:auto}.lab-main table{font-size:10px;min-width:560px}.lab-main td small{display:block;font-size:8px;max-width:220px;overflow-wrap:anywhere}.lab-main svg{display:block;width:100%;border:1px solid #57638455;border-radius:15px;background:#0b1425;margin-top:20px}.chart-point-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.chart-point-buttons button{background:#9e81cf15;color:#c5b6e5;border-color:#6a597f77;font-size:9px;padding:7px 9px}.lab-feedback{position:sticky;bottom:15px;border:1px solid #7d679466;border-radius:12px;background:#1d2139f2;color:#d9c5ef;font-size:11px;line-height:1.8;padding:12px 17px;box-shadow:0 12px 30px #0004}.lab-feedback:empty{display:none}.lab-feedback textarea{display:block;width:100%;margin-top:10px;max-height:100px}.lab-main nav{gap:15px}header nav{gap:18px}header nav a{font-size:12px}@media(max-width:850px){.lab-main{padding-top:36px}.lab-context,.lab-panel{padding:20px}.current-metrics strong{font-size:17px}.lab-context>form{flex-wrap:wrap}.lab-context>form>label{width:100%}.lab-context>form>select{width:130px}.lab-context>form>input{flex-basis:50%}.lab-context>form>button{width:100%}.lab-hero h1{font-size:49px}.panel-head{display:block}.panel-head>button{margin-top:10px}header nav{gap:12px}header nav a{font-size:10px}}@media(max-width:600px){header{height:auto;min-height:100px;align-items:start;padding-top:20px;padding-bottom:15px;gap:16px;flex-wrap:wrap}header nav{width:100%;justify-content:space-between;gap:8px}header nav a{font-size:10px}.lab-hero h1{font-size:41px;letter-spacing:-1.8px}.lab-hero>p{font-size:13px}.current-metrics{grid-template-columns:1fr}.current-name{display:block}.current-name>span{display:block;margin-top:8px}.lab-panel h2{font-size:25px}.compare-selects{display:block}.compare-selects label{margin-bottom:14px}.replay-controls{gap:8px}#history-window{flex-wrap:wrap}#history-window label{min-width:45%}.lab-panel{padding:18px;border-radius:20px}.lab-main input,.lab-main select{font-size:11px}.lab-tabs{position:sticky;top:0;z-index:10}.lab-tabs button{font-size:10px}.lab-actions button{font-size:10px}}

.lab-main .sr{width:1px!important;height:1px!important;left:0;top:0;clip-path:inset(50%);white-space:nowrap}svg [data-point]{cursor:pointer}svg [data-point]:focus{outline:2px solid #e0c5ff;outline-offset:4px}