.lab-page{padding-top:165px;padding-bottom:50px;--lab-panel:#10150f;--lab-border:rgba(219,242,195,.15);--lab-text:#e3eadb;--lab-muted:#a3af96;--lab-accent:#d2f65a}
.lab-page h1{font-size:clamp(54px,6.2vw,86px);line-height:1.08;letter-spacing:-.06em}.lab-page h1 em{color:var(--lime);font-style:normal}.lab-page h2{font-size:clamp(33px,3.5vw,48px);line-height:1.15}.lab-page h3{letter-spacing:-.035em}.lab-page p{line-height:1.8}.lab-page button,.lab-page a,.lab-page input,.lab-page select,.lab-page textarea,.lab-page summary{touch-action:manipulation}.lab-page button:focus-visible,.lab-page a:focus-visible,.lab-page input:focus-visible,.lab-page select:focus-visible,.lab-page textarea:focus-visible,.lab-page summary:focus-visible,.lab-page [tabindex="0"]:focus-visible{outline:2px solid var(--lab-accent);outline-offset:4px}.lab-page svg{width:18px;height:18px}.lab-page .eyebrow{font-size:10px;color:#b6c3a7;margin-bottom:23px}.lab-intro-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:70px}.lab-intro-grid>div>p{max-width:440px;color:#a9b59c;font-size:14px}.lab-demo-label{display:flex;align-items:center;gap:9px;color:#c5d2b7;font-size:11px;margin-top:24px}.lab-demo-label i{width:6px;height:6px;background:var(--lime);border-radius:50%;flex-shrink:0}.lab-jump-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.lab-jump-links a{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:46px;padding:11px 17px;border:1px solid var(--lab-border);border-radius:9px;font-size:12px;background:rgba(204,234,170,.025);transition:background .2s,border-color .2s}.lab-jump-links a:hover{background:rgba(210,246,90,.06);border-color:#788b5a}.lab-jump-links svg{width:15px;height:15px;color:#b3ca8e}.lab-section{padding-top:105px;scroll-margin-top:120px}.lab-section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:30px}.lab-section-heading>p{font-size:13px;max-width:345px;color:#a4af98}.lab-section-heading .eyebrow{margin-bottom:18px}.lab-sample-notice{padding:14px 18px;border:1px solid rgba(209,237,167,.15);border-radius:10px;background:rgba(190,227,144,.035);font-size:11px;line-height:1.8;color:#b6c5a6;margin-bottom:18px}.lab-dashboard{border-radius:18px;background:radial-gradient(ellipse at 100% 0,rgba(168,216,107,.04),transparent 55%),#10140f;overflow:hidden;backdrop-filter:none;-webkit-backdrop-filter:none}.lab-toolbar{display:grid;grid-template-columns:1.65fr 1fr 1fr;gap:18px;padding:26px;border-bottom:1px solid var(--lab-border)}.lab-field{display:flex;flex-direction:column;gap:9px;min-width:0;font-size:11px;color:#bcc9ae;font-weight:500;line-height:1.6}.lab-field input,.lab-field select,.lab-field textarea,.lab-status-select{width:100%;min-height:46px;border:1px solid rgba(210,235,187,.23);border-radius:9px;background:#151d12;color:#e7eddc;padding:11px 12px;font:inherit;font-size:12px;transition:border-color .2s,background .2s}.lab-field input::placeholder{color:#89977b;opacity:1}.lab-field input:hover,.lab-field select:hover,.lab-field textarea:hover,.lab-status-select:hover{border-color:rgba(210,246,90,.48)}.lab-field select,.lab-status-select{cursor:pointer;padding-right:9px;color-scheme:dark}.lab-field textarea{font-family:Consolas,'Liberation Mono',monospace;font-size:11px;font-weight:400;line-height:1.7;resize:vertical;min-height:300px;white-space:pre-wrap;overflow-wrap:anywhere}.lab-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:28px 26px;gap:22px;border-bottom:1px solid var(--lab-border)}.lab-kpis article{min-width:0}.lab-kpis article>span{display:block;font-size:10px;color:#b2c0a3;line-height:1.6}.lab-kpis strong{display:block;font-family:var(--display);font-size:36px;line-height:1.25;font-weight:500;letter-spacing:-.055em;margin-top:9px;font-variant-numeric:tabular-nums;color:#eaf1e1}.lab-kpis strong small{font-size:17px;color:#9eaf8c;letter-spacing:-.02em}.lab-kpis strong.lab-kpi-money{font-size:29px;padding-top:6px}.lab-kpis p{font-size:10px;color:#98a58a;margin-top:8px}.lab-chart{margin:0;padding:24px 26px 20px;border-bottom:1px solid var(--lab-border)}.lab-chart figcaption{display:flex;justify-content:space-between;gap:20px;color:#d4dfc8;font-size:12px;margin-bottom:17px}.lab-chart figcaption small{color:#94a486;font-size:10px}.lab-chart svg{display:block;width:100%;height:auto;max-height:235px;overflow:visible}.lab-chart-grid{stroke:rgba(203,227,178,.1);stroke-width:1;fill:none}.lab-chart-bar{fill:#c6e58a}.lab-chart-count{fill:#dceac7;font-family:var(--font);font-size:11px}.lab-chart-axis{fill:#91a17f;font-family:var(--font);font-size:10px}.lab-chart-foot{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#8f9e7e;margin-top:2px}.lab-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr)}.lab-table-wrap{overflow:auto;min-width:0;align-self:start}.lab-project-table{border-collapse:collapse;width:100%;min-width:530px;text-align:left}.lab-project-table caption{text-align:left;caption-side:bottom;font-size:10px;line-height:1.8;color:#9ba98d;padding:17px 24px}.lab-project-table thead{font-size:9px;color:#a4b297;letter-spacing:.04em;font-weight:400}.lab-project-table thead th{padding:20px 15px 14px;font-weight:400;border-bottom:1px solid var(--lab-border);white-space:nowrap}.lab-project-table th:first-child{padding-left:24px}.lab-project-table td{padding:8px 12px;font-size:11px;border-bottom:1px solid rgba(216,237,195,.075)}.lab-project-table tbody th{border-bottom:1px solid rgba(216,237,195,.075);font-weight:500;padding-right:5px}.lab-project-table tr.lab-row-selected{background:rgba(191,226,134,.035)}.lab-project-button{font-size:12px;padding:13px 0;text-align:left;min-height:61px;min-width:145px;line-height:1.5;color:#dce6d0}.lab-project-button span,.lab-project-table td small{display:block;font-size:9px;color:#93a482;line-height:1.8;font-weight:400}.lab-project-button:hover{color:var(--lime)}.lab-project-button[aria-pressed="true"]{color:#d2ebad}.lab-project-value{font-variant-numeric:tabular-nums;white-space:nowrap;color:#cbd8bd}.lab-status-select{width:124px;min-height:44px;font-size:10px;padding:9px 7px;background:#172011;border-color:rgba(190,216,163,.18)}.lab-status-complete{color:#d5eead;background:#202d13}.lab-status-review{color:#e3d1a5;background:#262316}.lab-task-panel{padding:23px 24px;border-left:1px solid var(--lab-border);background:rgba(176,212,127,.025);min-width:0}.lab-task-panel>.lab-field{font-size:10px;margin-bottom:25px}.lab-task-panel h3{font-size:24px;margin-bottom:7px;color:#e0e9d5}.lab-task-panel>p{font-size:11px;color:#a2b391}.lab-task-progress{height:4px;background:#283322;border-radius:9px;margin:16px 0 13px;overflow:hidden}.lab-task-progress span{display:block;height:100%;background:#c3e280;border-radius:9px;transition:width .25s}.lab-task-list{padding:0;margin:0 0 18px;border:0;display:grid;gap:1px}.lab-task-list label{display:flex;align-items:center;gap:10px;min-height:45px;font-size:11px;color:#bdcbb0;line-height:1.65;cursor:pointer}.lab-task-list input{width:17px;height:17px;flex-shrink:0;accent-color:var(--lime);margin:0}.lab-task-list input:checked+span{color:#8d9d7e;text-decoration:line-through;text-decoration-color:#4e603d}.lab-page .lab-small-note{font-size:10px;line-height:1.85;color:#97a68b}.lab-dashboard-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;border-top:1px solid var(--lab-border)}.lab-dashboard-footer>p{font-size:10px;max-width:270px;color:#9dab8f}.lab-dashboard-footer>div{display:flex;gap:10px;flex-wrap:wrap}.lab-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border-radius:8px;padding:11px 14px;border:1px solid rgba(213,235,190,.24);background:rgba(205,234,171,.045);font-family:var(--font);font-size:11px;line-height:1.5;font-weight:500;color:#d3dfc5;transition:background .2s,border-color .2s}.lab-button svg{width:16px;height:16px}.lab-button:hover:not(:disabled){background:rgba(210,246,90,.1);border-color:#9bba68}.lab-button-primary{background:var(--lime);border-color:var(--lime);color:#19220c}.lab-button-primary:hover:not(:disabled){background:#e0ff81;color:#18200d}.lab-button:disabled{opacity:.43;cursor:default}.lab-live-status{font-size:11px;color:#b4c4a3;min-height:22px;margin-top:16px;line-height:1.8}.lab-empty{padding:30px!important;line-height:1.8;color:#adbc9e}.lab-automation-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr);gap:20px;align-items:start}.lab-input-panel,.lab-output-panel{padding:27px;border-radius:17px;background:#10160f;backdrop-filter:none;-webkit-backdrop-filter:none;min-width:0}.lab-panel-kicker{font-size:9px;color:#a7bb91;letter-spacing:.1em;margin-bottom:25px;line-height:1.8}.lab-input-panel>.lab-field+.lab-field{margin-top:24px}.lab-optional{font-size:9px;color:#91a47e;font-weight:400}.lab-input-panel>.lab-small-note{margin-top:14px}.lab-code-details{border-top:1px solid var(--lab-border);margin-top:25px;padding-top:8px}.lab-code-details summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;font-size:11px;color:#c8d7b8;list-style:none;line-height:1.8}.lab-code-details summary::-webkit-details-marker{display:none}.lab-code-details summary:after{content:'+';font-size:20px;color:var(--lime)}.lab-code-details[open] summary:after{content:'×'}.lab-code-details>.lab-small-note{margin-top:15px}.lab-flow-steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;margin:0 0 30px;gap:9px}.lab-flow-steps li{position:relative;min-width:0;border-top:1px solid rgba(211,234,189,.2);padding-top:13px}.lab-flow-steps li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;border:1px solid rgba(211,234,189,.18);font-size:9px;color:#9fb18d;margin-bottom:12px;background:#182012}.lab-flow-steps li>span svg{width:15px;height:15px}.lab-flow-steps strong{display:block;font-size:10px;font-weight:500;color:#a4b496;line-height:1.65}.lab-flow-steps small{display:block;font-size:9px;color:#7f9270;margin-top:6px}.lab-flow-steps .is-current{border-top-color:#d2f65a}.lab-flow-steps .is-current>span{background:#c6e88a;border-color:#c6e88a;color:#19260a}.lab-flow-steps .is-current strong,.lab-flow-steps .is-current small{color:#d2e7b4}.lab-flow-steps .is-done>span{background:#26371a;border-color:#5e793b;color:#c7e399}.lab-flow-steps .is-done strong{color:#c2d7aa}.lab-flow-steps .is-error{border-top-color:#efa98f}.lab-flow-steps .is-error>span{color:#f1bca7;border-color:#a56952}.lab-flow-steps .is-error strong,.lab-flow-steps .is-error small{color:#e4ad95}.lab-output-header{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:16px}.lab-output-header h3{font-size:23px;line-height:1.25;color:#dce8d0}.lab-badge{flex-shrink:0;border:1px solid rgba(196,225,164,.2);color:#bbceab;border-radius:20px;padding:5px 9px;font-size:8px;line-height:1.6;text-align:center}.lab-json{font-family:Consolas,'Liberation Mono',monospace;font-size:11px;line-height:1.8;font-weight:400;border:1px solid rgba(206,230,179,.13);background:#0b1009;border-radius:9px;color:#c2d6ad;padding:17px;margin:0;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;max-height:480px}.lab-json code{font:inherit;color:inherit}.lab-output-panel>.lab-json,.lab-output-panel [data-lab-workflow]>.lab-json{min-height:240px}.lab-flow-message{font-size:12px;line-height:1.85;color:#bccda9;padding-top:19px;min-height:80px}.lab-flow-message.is-error{color:#eab8a3}.lab-flow-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px;margin-bottom:18px}.lab-takeaway{padding:95px 0 45px;max-width:850px}.lab-takeaway>p{font-size:13px;max-width:660px;margin:25px 0;color:#a9b69c}.lab-takeaway .button{font-size:12px}.lab-notice{font-size:12px;border:1px solid #667944;border-radius:9px;padding:15px;margin-top:22px;color:#c5d6b3}.lab-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1150px){.lab-intro-grid{gap:45px}.lab-kpis strong{font-size:32px}.lab-kpis strong.lab-kpi-money{font-size:25px;padding-top:6px}.lab-workspace{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)}.lab-automation-grid{grid-template-columns:minmax(260px,.9fr) minmax(0,1.2fr)}.lab-input-panel,.lab-output-panel{padding:22px}.lab-output-header{flex-direction:column;gap:10px}.lab-badge{align-self:flex-start}.lab-flow-steps{gap:6px}.lab-flow-steps strong{font-size:9px}.lab-flow-steps small{font-size:8px}.lab-flow-actions .lab-button{font-size:10px;padding-inline:10px;gap:7px}}
@media(max-width:900px){.lab-page{padding-top:155px}.lab-intro-grid{grid-template-columns:1fr;gap:30px}.lab-intro-grid>div>p{max-width:600px}.lab-section-heading{align-items:start;gap:30px}.lab-section-heading>p{max-width:280px;font-size:12px}.lab-toolbar{padding:22px;gap:12px}.lab-workspace{grid-template-columns:1fr}.lab-project-table{min-width:520px}.lab-task-panel{border-left:0;border-top:1px solid var(--lab-border);display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.lab-task-panel>.lab-field{grid-column:1;margin-bottom:20px}.lab-task-panel h3,.lab-task-panel>p,.lab-task-progress{grid-column:1}.lab-task-list{grid-column:2;grid-row:1/6;align-self:start}.lab-task-panel>.lab-small-note{grid-column:1/-1}.lab-dashboard-footer{align-items:start;flex-direction:column;gap:16px}.lab-dashboard-footer>p{max-width:none}.lab-automation-grid{grid-template-columns:1fr}.lab-input-panel,.lab-output-panel{padding:26px}.lab-input-panel>.lab-field textarea{min-height:270px}.lab-output-header{flex-direction:row}.lab-flow-steps strong{font-size:11px}.lab-flow-steps small{font-size:9px}.lab-flow-steps li>span{width:31px;height:31px}.lab-flow-actions .lab-button{font-size:11px;padding-inline:14px;gap:9px}}
@media(max-width:600px){.lab-page{padding-top:135px;padding-bottom:25px}.lab-page h1{font-size:52px}.lab-page h2{font-size:34px}.lab-page .eyebrow{font-size:9px;margin-bottom:20px}.lab-intro-grid{gap:26px}.lab-intro-grid>div>p{font-size:13px}.lab-demo-label{font-size:10px;margin-top:20px}.lab-jump-links{gap:9px;margin-top:28px}.lab-jump-links a{font-size:10px;gap:17px;padding:10px 12px}.lab-section{padding-top:74px;scroll-margin-top:105px}.lab-section-heading{display:block;margin-bottom:24px}.lab-section-heading>p{max-width:none;margin-top:22px;font-size:12px}.lab-sample-notice{padding:13px 14px;font-size:10px;margin-bottom:15px}.lab-dashboard{border-radius:13px}.lab-toolbar{grid-template-columns:1fr 1fr;gap:17px 12px;padding:20px 17px}.lab-search-field{grid-column:1/-1}.lab-field{font-size:10px;gap:8px}.lab-field input,.lab-field select{font-size:11px;padding-inline:10px;min-height:46px}.lab-kpis{grid-template-columns:1fr 1fr;gap:25px 17px;padding:24px 18px}.lab-kpis article>span{font-size:10px}.lab-kpis strong{font-size:31px;margin-top:7px}.lab-kpis strong.lab-kpi-money{font-size:25px;padding-top:5px;letter-spacing:-.055em}.lab-kpis p{font-size:9px;margin-top:6px;line-height:1.75}.lab-chart{padding:23px 17px 18px}.lab-chart figcaption{flex-direction:column;gap:6px;margin-bottom:13px}.lab-chart figcaption small{font-size:9px}.lab-chart svg{min-height:135px}.lab-chart-foot{font-size:8px;gap:10px}.lab-project-table{min-width:475px}.lab-project-table caption{padding:14px 18px;font-size:9px}.lab-project-table thead th{font-size:9px;padding:17px 11px 13px}.lab-project-table th:first-child{padding-left:18px}.lab-project-table td{padding-inline:9px}.lab-project-button{font-size:11px;min-width:133px}.lab-project-button span,.lab-project-table td small{font-size:9px}.lab-status-select{width:114px;font-size:10px}.lab-task-panel{display:block;padding:23px 18px}.lab-task-panel>.lab-field{margin-bottom:24px}.lab-task-panel h3{font-size:25px}.lab-task-panel>p{font-size:11px}.lab-task-list{margin-bottom:17px;gap:2px}.lab-task-list label{font-size:12px;min-height:47px;gap:12px}.lab-task-list input{width:18px;height:18px}.lab-task-progress{margin-bottom:17px}.lab-dashboard-footer{padding:20px 17px}.lab-dashboard-footer>p{font-size:10px}.lab-dashboard-footer>div{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.lab-dashboard-footer .lab-button{font-size:10px;gap:7px;padding-inline:9px}.lab-live-status{font-size:10px;margin-top:13px}.lab-automation-grid{gap:15px}.lab-input-panel,.lab-output-panel{padding:21px 17px;border-radius:13px}.lab-panel-kicker{font-size:8px;margin-bottom:21px}.lab-input-panel>.lab-field textarea{font-size:10px;line-height:1.8;padding:12px;min-height:310px}.lab-code-details summary{font-size:10px}.lab-flow-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px;margin-bottom:29px}.lab-flow-steps strong{font-size:10px}.lab-flow-steps small{font-size:9px;margin-top:4px}.lab-flow-steps li>span{margin-bottom:9px}.lab-output-header{flex-direction:column;gap:11px;margin-bottom:17px}.lab-output-header h3{font-size:24px}.lab-json{font-size:10px;padding:13px;line-height:1.9}.lab-flow-message{font-size:11px;min-height:0;padding-top:18px}.lab-flow-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:21px}.lab-flow-actions .lab-button{font-size:10px;padding-inline:10px;gap:7px}.lab-flow-actions .lab-button:last-child{grid-column:1/-1}.lab-page .lab-small-note{font-size:10px}.lab-takeaway{padding-top:73px;padding-bottom:25px}.lab-takeaway>p{font-size:12px;margin:23px 0}.lab-takeaway .button{font-size:11px;min-height:48px}.lab-empty{font-size:11px}}
@media(max-width:360px){.lab-page h1{font-size:46px}.lab-page h2{font-size:30px}.lab-jump-links{display:grid;grid-template-columns:1fr}.lab-jump-links a{justify-content:space-between;font-size:11px}.lab-kpis{gap:23px 10px;padding-inline:15px}.lab-kpis strong.lab-kpi-money{font-size:23px}.lab-kpis p{font-size:8px}.lab-chart{padding-inline:13px}.lab-chart-foot{font-size:7px}.lab-dashboard-footer>div{grid-template-columns:1fr}.lab-flow-steps{gap:17px 9px}.lab-flow-steps strong{font-size:9px}.lab-badge{font-size:8px}.lab-flow-actions{grid-template-columns:1fr}.lab-flow-actions .lab-button:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.lab-page *,.lab-page *:before,.lab-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){.lab-chart-count{font-size:22px}.lab-chart-axis{font-size:20px}}
.lab-table-wrap{position:relative}
