.lab-app{--lab-green:#80f4ad;--lab-muted:#a1b8ac;--lab-line:#234235;min-height:100vh;background:#080f0e;color:#ebf7ed;font-family:Inter,Arial,sans-serif;font-size:14px}.lab-app *{box-sizing:border-box}.lab-app a{color:inherit;text-decoration:none}.lab-app button,.lab-app input,.lab-app select{font:inherit}.lab-app button{cursor:pointer}.lab-app button:disabled{opacity:.38;cursor:not-allowed}.lab-app h1,.lab-app h2,.lab-app h3,.lab-app h4,.lab-app p{margin:0}.lab-sidebar{width:264px;position:fixed;top:0;bottom:0;left:0;z-index:3;background:#0b1613;border-right:1px solid #263e33;padding:27px 15px;display:flex;flex-direction:column;overflow-y:auto}.lab-logo{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;letter-spacing:-1px;padding:0 10px}.lab-logo>span{height:46px;width:46px;border:1px solid #3d9067;border-radius:13px;background:#163c2b;color:#8afbc0;display:grid;place-items:center}.lab-logo em{font-style:normal;color:#8afbc0}.lab-sidebar-label{font-size:10px;letter-spacing:2px;font-weight:800;color:#709987;margin:64px 14px 17px!important}.lab-sidebar nav{display:grid;gap:5px}.lab-sidebar nav button{display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:9px;padding:14px 11px;background:transparent;color:#99b6a6;text-align:left;font-size:13px}.lab-sidebar nav button.active{background:#19382a;border-color:#37664e;color:#97ffc7;box-shadow:inset 3px 0 0 #5defa1}.lab-sidebar nav button:not(.active):hover{background:#12271e;color:#e6faeb}.lab-active-dot{margin-left:auto;height:8px;width:8px;background:#53ed99;border-radius:50%;box-shadow:0 0 13px #45ec8c}.lab-sidebar-foot{margin-top:auto;display:grid;gap:17px;padding-top:45px}.lab-sidebar-foot a{display:flex;align-items:center;gap:9px;color:#a4c9b0;font-size:12px;padding-left:10px}.lab-sidebar-foot a:hover{color:#7ff1aa}.lab-safe{display:flex;gap:12px;color:#a2dab7;font-size:11px;line-height:1.65;padding:17px 15px;background:#112c20;border:1px solid #2e6345;border-radius:11px}.lab-safe svg{flex-shrink:0}.lab-main{margin-left:264px;min-height:100vh}.lab-header{height:78px;justify-content:space-between;border-bottom:1px solid #254435;padding:0 clamp(25px,4vw,76px);font-size:10px;font-weight:800;letter-spacing:1.9px;color:#8eb7a0}.lab-header,.lab-header>span{display:flex;align-items:center;gap:12px}.lab-live-pill{color:#65e39e}.lab-live-pill span{width:8px;height:8px;background:#4bf4a0;box-shadow:0 0 12px #4bf4a0;border-radius:50%}.lab-content{padding:58px clamp(25px,4vw,76px) 40px;max-width:1530px;margin:0 auto}.lab-intro{padding-bottom:28px;background:radial-gradient(ellipse at 86% 28%,#0f4b302e,transparent 50%)}.lab-kicker,.lab-overline{display:flex;gap:9px;align-items:center;font-size:10px;font-weight:800;letter-spacing:2px;color:#79e8a8}.lab-intro h1{font-size:clamp(43px,5.5vw,86px);line-height:1.08;letter-spacing:-.067em;margin:23px 0;font-weight:790}.lab-intro h1 em{color:#a2f1c2;font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.06em}.lab-intro>p{line-height:1.9;font-size:15px;color:#9bbcab;max-width:740px}.lab-divider{height:1px;background:#254538;margin:29px 0 38px}.lab-module-top{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:29px}.lab-module-top h2{font-size:clamp(34px,3.3vw,57px);letter-spacing:-2.7px;margin:10px 0 7px}.lab-module-top h2 span{color:#7be9a4}.lab-module-top p{color:#a3bfb0}.lab-source{display:flex;align-items:center;gap:9px;border-radius:999px;border:1px solid #2d6249;padding:10px 15px;color:#8cebb2;white-space:nowrap;font-size:11px;font-weight:700}.lab-model{border-color:#43584a;color:#afc7b4}.lab-config,.lab-data-card{background:linear-gradient(135deg,#0e211a,#0b1915);border:1px solid #2c5440;border-radius:20px;padding:clamp(19px,2.5vw,34px);margin-bottom:20px}.lab-config-heading{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:1.6px;font-size:11px;color:#a5fbc4}.lab-config-heading span{margin-left:auto;font-weight:500;letter-spacing:normal;color:#8fb3a0;font-size:12px}.lab-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:25px}.lab-input-grid label,.lab-select-label{display:grid;gap:10px;color:#c9e0d0;font-weight:600;font-size:12px}.lab-input-grid input,.lab-select-label select{width:100%;background:#07110e;border:1px solid #355b44;border-radius:10px;color:#f0fff1;outline:0;padding:15px;font-size:14px}.lab-input-grid input:focus,.lab-select-label select:focus{border-color:#8cf8b8;box-shadow:0 0 0 3px #52cc8030}.lab-hint{font-size:12px;color:#a2bdab;line-height:1.85;display:flex;align-items:center}.lab-error{background:#3b1b1c;color:#ffbbbf;border-radius:9px;border:1px solid #8c4b4e;padding:13px;margin-top:14px!important;font-size:12px}.lab-error a{text-decoration:underline}.lab-summary{display:flex;gap:12px;align-items:center;color:#a5edbd;margin:23px 0;font-size:12px}.lab-summary svg{flex-shrink:0}.lab-playback{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.9fr);background:#0d1e18;border:1px solid #29523d;border-radius:20px;overflow:hidden}.lab-playhead{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:22px 29px;color:#88f8b7;font-size:10px;font-weight:800;letter-spacing:1.8px}.lab-playhead b{font-size:18px;letter-spacing:0}.lab-playhead b span{font-size:12px;color:#769a83}.lab-progress{grid-column:1/-1;display:flex;gap:4px;padding:0 29px 21px;flex-wrap:wrap}.lab-progress button{height:5px;width:20px;flex:1;min-width:7px;max-width:46px;border:0;border-radius:4px;background:#2c4b3b;padding:0}.lab-progress button.active{background:#69e99e}.lab-visual{min-height:310px;border-top:1px solid #254b39;background:radial-gradient(ellipse at center,#153b2a55,#07140f);padding:22px;display:grid;align-items:center;overflow:hidden}.lab-tree{width:100%;overflow:auto}.lab-tree svg{display:block;width:100%;min-width:320px;max-height:350px}.lab-step-explanation{border-top:1px solid #254b39;border-left:1px solid #254b39;padding:35px 29px;display:flex;flex-direction:column;gap:15px}.lab-stage>span,.lab-step-explanation>span{color:#7ceea9;font-size:10px;letter-spacing:1.5px;font-weight:850}.lab-step-explanation h3{font-size:25px;letter-spacing:-.8px}.lab-step-explanation p{color:#a9c3b1;line-height:1.8;font-size:13px}.lab-plan pre,.lab-step-explanation pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.65;color:#9df0bd;background:#07120e;border:1px solid #284b39;border-radius:11px;padding:18px;margin-top:auto}.lab-step-controls{grid-column:1/-1;border-top:1px solid #285440;padding:20px 29px;justify-content:space-between}.lab-step-controls,.lab-step-controls>div{display:flex;gap:10px}.lab-card-heading button,.lab-step-controls button{display:flex;gap:7px;align-items:center;justify-content:center;background:#162e22;color:#c4f1d4;border:1px solid #3b6a4d;border-radius:9px;padding:12px 16px;font-size:12px}.lab-card-heading button:hover,.lab-step-controls button:hover:not(:disabled){border-color:#89f7b5}.lab-step-controls .lab-next{background:#78e8a6;border-color:#78e8a6;color:#092618;font-weight:800}.lab-bucket-list{display:grid;gap:10px;width:100%}.lab-bucket{display:grid;grid-template-columns:110px minmax(0,1fr);gap:15px;align-items:center;padding:8px 12px;border-radius:8px;border:1px solid #30513e}.lab-bucket.selected{background:#1c4c31;border-color:#83efb4}.lab-bucket>span{font-size:10px;letter-spacing:1.2px;color:#90caa4}.lab-bucket>div{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.lab-bucket b,.lab-trie-chars span{background:#164e34;color:#caffdc;padding:10px 13px;border-radius:8px;border:1px solid #3e8060}.lab-bucket b.key-selected{background:#5ed890;color:#09251a}.lab-bucket small{color:#779886}.lab-trie-chars{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.lab-trie-chars span{font-size:31px;font-weight:800;padding:20px 28px}.lab-trie-chars p{color:#a0baa8}.lab-trie-chars strong{color:#ffa7ab}.lab-interval-preview{display:grid;gap:25px;color:#9fbea9}.lab-time-strip{display:flex;justify-content:space-between;font-size:12px}.lab-time-booked{display:flex;flex-wrap:wrap;gap:11px}.lab-time-booked span{background:#1a3e2b;border:1px solid #376a4b;padding:18px;border-radius:9px;color:#cdf4db}.lab-time-booked span.conflict{background:#823e3b;border-color:#fa8e89;color:#fff1ec}.lab-interval-preview p{font-size:12px}.lab-card-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.lab-card-heading h3{margin:10px 0;font-size:34px;letter-spacing:-1px}.lab-card-heading p{max-width:730px;line-height:1.8;color:#aec5b4;font-size:13px}.lab-card-heading>svg{color:#90ecb5}.lab-request-layout{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:16px;margin-top:20px}.lab-event-list{max-height:550px;overflow:auto;display:grid;align-content:start;gap:8px}.lab-event-list button{display:grid;gap:7px;background:#10271c;text-align:left;border:1px solid #325d42;padding:15px;border-radius:10px;color:#c4e4cc}.lab-event-list button.selected{background:#205036;border-color:#83e7ab}.lab-event-list small{color:#a1baa7;font-size:11px}.lab-event-list span{color:#75eba3;font-size:10px;font-weight:800}.lab-event-detail{padding:24px;background:#081711;border:1px solid #2c5d40;border-radius:13px;display:flex;flex-direction:column;gap:17px}.lab-event-detail h3{font-size:23px;letter-spacing:-1px}.lab-event-detail>p{color:#9bad9f;font-size:12px}.lab-event-meta{display:flex;flex-wrap:wrap;gap:15px;color:#71f3a7;font-size:11px}.lab-event-detail .lab-step-controls{padding:17px 0 0;margin-top:auto}.lab-stage{background:#153e29;border:1px solid #3d7450;border-radius:12px;padding:20px;display:grid;gap:14px}.lab-stage h4{font-size:21px}.lab-stage p{line-height:1.7;color:#d7f2e0}.lab-stage small{color:#8fca9f}.lab-select-label{max-width:510px}.lab-plan{display:grid;gap:18px;margin-top:26px}.lab-plan h3{font-size:26px}.lab-plan pre{margin:0}.lab-plan-steps{display:grid;gap:8px}.lab-plan-steps>div{display:flex;gap:20px;align-items:center;background:#122a1d;padding:18px;border-radius:10px}.lab-plan-steps span{color:#81dca5;font-size:10px;white-space:nowrap}.lab-plan-steps strong{font-family:ui-monospace,monospace;font-size:13px}.lab-plan>p{color:#b0cebb;line-height:1.8}.lab-disclaimer{font-size:11px;line-height:1.8;color:#9db6a5;margin-top:23px!important}.lab-user-role{display:flex;gap:20px;align-items:center;background:#102f1e;border-radius:10px;padding:17px;font-size:11px;color:#91cda6;letter-spacing:1px}.lab-user-role strong{font-size:17px;color:#a4ffd0}.lab-permission-list{margin-top:20px;display:grid;gap:1px;background:#30503c;border:1px solid #30503c;overflow:hidden;border-radius:9px}.lab-permission-list>div{background:#0e241a;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px;font-size:13px}.lab-permission-list>div span:last-child{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:800}.lab-permission-list .allowed{color:#83eea9}.lab-permission-list .denied{color:#c9a6a6}.lab-footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #345543;padding:28px 0;margin-top:80px;color:#789887;font-size:10px;letter-spacing:.4px}@media(max-width:1000px){.lab-playback{grid-template-columns:1fr}.lab-step-explanation{border-left:0}.lab-request-layout{grid-template-columns:1fr}.lab-event-list{max-height:310px}.lab-module-top{align-items:start;flex-direction:column}}@media(max-width:760px){.lab-sidebar{position:relative;width:100%;height:auto;max-height:none;padding:16px}.lab-sidebar-label{margin:18px 10px 12px!important}.lab-sidebar nav{display:flex;overflow-x:auto;gap:6px;scrollbar-width:thin}.lab-sidebar nav button{white-space:nowrap;flex-shrink:0;padding:12px}.lab-sidebar-foot{display:none}.lab-main{margin-left:0}.lab-header{height:auto;min-height:60px;padding:13px 20px}.lab-content{padding:34px 19px}.lab-intro h1{font-size:clamp(41px,8vw,62px)}.lab-input-grid{grid-template-columns:1fr}.lab-playhead{padding:17px}.lab-progress{padding:0 17px 18px}.lab-visual{padding:10px;min-height:245px}.lab-step-explanation{padding:23px 18px}.lab-step-controls{padding:15px;flex-wrap:wrap}.lab-card-heading{align-items:start}.lab-footer{flex-direction:column}.lab-source{white-space:normal}.lab-header>span:first-child{font-size:9px}}.lab-related{display:flex;align-items:center;gap:9px;background:#163c2a;color:#abfbd0;border:1px solid #427553;border-radius:10px;padding:13px 16px;text-align:left;font-size:12px;font-weight:700}.lab-related:hover{border-color:#91f8b8}