.lab-page{background:radial-gradient(circle at 50% 0,rgba(101,230,207,.07),transparent 34rem),var(--ink)}
.lab-nav,.lab-live,.output-status{display:flex;align-items:center}.lab-nav{gap:16px}.lab-live{gap:8px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.05em}.lab-live i,.output-status i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 12px var(--success);animation:labPulse 2s ease-in-out infinite}.lab-home{padding:8px 14px;font-size:12px}
.lab-hero{position:relative;min-height:490px;padding:160px 0 92px;overflow:hidden;border-bottom:1px solid var(--line)}.lab-grid{position:absolute;inset:0;opacity:.34;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}.lab-orb{position:absolute;border-radius:50%;pointer-events:none}.lab-orb-one{width:500px;height:500px;right:-190px;top:40px;background:radial-gradient(circle,rgba(193,255,114,.14),transparent 68%)}.lab-orb-two{width:400px;height:400px;left:-180px;top:180px;background:radial-gradient(circle,rgba(101,230,207,.1),transparent 68%)}
.lab-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:70px;align-items:end}.lab-heading{max-width:820px}.lab-heading h1{margin:20px 0 22px;font-size:clamp(46px,7vw,88px);line-height:.98;letter-spacing:-.06em}.lab-heading h1 span{color:var(--lime)}.lab-heading p{max-width:720px;margin:0;color:var(--muted);font-size:18px}.lab-meta{display:grid;gap:16px;padding-bottom:7px}.lab-meta div{min-width:116px;padding-left:15px;border-left:1px solid var(--line-strong)}.lab-meta strong,.lab-meta span{display:block}.lab-meta strong{color:var(--lime);font-size:24px;line-height:1.1}.lab-meta span{color:var(--quiet);font-size:11px;letter-spacing:.08em}
.lab-workspace{position:relative;display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);align-items:start;gap:20px;margin-top:-42px;padding-bottom:110px}.lab-controls,.lab-output{border:1px solid var(--line);border-radius:22px;background:rgba(11,24,21,.94);box-shadow:var(--shadow);overflow:hidden}.lab-controls{padding:26px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:23px;border-bottom:1px solid var(--line)}.panel-head span,.card-title span,.plan-label{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.14em}.panel-head h2{margin:4px 0 0;font-size:22px}.text-button{padding:5px 0;border:0;background:none;color:var(--quiet);cursor:pointer;font-size:12px}.text-button:hover{color:var(--lime)}
.control-group{min-width:0;margin:0;padding:25px 0;border:0;border-bottom:1px solid var(--line)}.control-group-last{padding-bottom:3px;border-bottom:0}.control-group legend{display:flex;align-items:center;gap:9px;width:100%;margin-bottom:16px;color:var(--text);font-size:13px;font-weight:700}.control-group legend b{color:var(--lime);font-family:ui-monospace,Consolas,monospace;font-size:11px}.choice-grid{display:grid;gap:9px}.choice-grid-two{grid-template-columns:1fr 1fr}.choice-grid label,.deploy-options label,.segment-control label{cursor:pointer}.choice-grid input,.segment-control input,.deploy-options input{position:absolute;opacity:0;pointer-events:none}.choice-grid label>span{display:grid;grid-template-columns:34px 1fr;gap:2px 10px;min-height:78px;padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.015);transition:border-color var(--transition),background var(--transition),transform var(--transition)}.choice-grid label:hover>span{transform:translateY(-2px);border-color:var(--line-strong)}.choice-grid i{grid-row:1/span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(101,230,207,.08);color:var(--cyan);font-family:ui-monospace,Consolas,monospace;font-size:10px;font-style:normal;font-weight:800}.choice-grid b{font-size:13px;line-height:1.4}.choice-grid small{color:var(--quiet);font-size:10px;line-height:1.4}.choice-grid input:checked+span{border-color:rgba(193,255,114,.55);background:rgba(193,255,114,.07)}.choice-grid input:checked+span i{background:var(--lime);color:var(--ink)}.choice-grid input:focus-visible+span,.segment-control input:focus-visible+span,.deploy-options input:focus-visible+span{outline:3px solid rgba(193,255,114,.5);outline-offset:2px}
.segment-control{display:grid;grid-template-columns:repeat(4,1fr);padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--ink)}.segment-control span{display:block;padding:8px 4px;border-radius:8px;color:var(--quiet);text-align:center;font-size:10px;white-space:nowrap}.segment-control input:checked+span{background:var(--panel-strong);color:var(--lime);box-shadow:0 2px 12px rgba(0,0,0,.2)}.range-labels{display:flex;justify-content:space-between;color:var(--quiet);font-size:10px}.autonomy-range{width:100%;height:4px;margin:17px 0 8px;appearance:none;border-radius:99px;background:linear-gradient(90deg,var(--lime) 0 50%,rgba(193,255,114,.14) 50%);cursor:pointer}.autonomy-range::-webkit-slider-thumb{width:20px;height:20px;appearance:none;border:5px solid var(--ink-2);border-radius:50%;background:var(--lime);box-shadow:0 0 0 1px var(--lime),0 0 18px rgba(193,255,114,.34)}.control-help{margin:0;color:var(--muted);font-size:11px}.deploy-options{display:grid;gap:8px}.deploy-options label>span{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:11px}.deploy-options b{font-size:12px}.deploy-options small{color:var(--quiet);font-size:10px}.deploy-options input:checked+span{border-color:rgba(193,255,114,.48);background:rgba(193,255,114,.06)}
.lab-output{position:sticky;top:96px}.output-topbar{display:flex;align-items:center;gap:14px;min-height:47px;padding:0 18px;border-bottom:1px solid var(--line);background:rgba(7,17,15,.72);color:var(--quiet);font-family:ui-monospace,Consolas,monospace;font-size:10px;letter-spacing:.08em}.output-topbar .window-dots{margin-right:3px}.output-status{gap:7px;margin-left:auto;color:var(--success)}.output-body{padding:28px}.plan-summary{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.plan-summary h2{margin:7px 0 8px;font-size:clamp(24px,3vw,36px);line-height:1.15;letter-spacing:-.03em}.plan-summary p{max-width:620px;margin:0;color:var(--muted);font-size:13px}.complexity-ring{--score:58;width:92px;height:92px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--lime) calc(var(--score)*1%),rgba(193,255,114,.1) 0);position:relative}.complexity-ring:before{content:"";position:absolute;inset:5px;border-radius:inherit;background:var(--ink-2)}.complexity-ring div{position:relative;text-align:center;line-height:1.05}.complexity-ring strong,.complexity-ring span{display:block}.complexity-ring strong{color:var(--lime);font-size:26px}.complexity-ring span{margin-top:4px;color:var(--quiet);font-size:9px}
.architecture-card,.result-card,.delivery-card{margin-top:22px;padding:19px;border:1px solid var(--line);border-radius:16px;background:rgba(7,17,15,.58)}.card-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.card-title small{color:var(--quiet);font-size:10px}.flow-track{display:flex;align-items:stretch;overflow-x:auto;padding:6px 2px 8px;scrollbar-width:thin}.flow-node{position:relative;flex:1 0 92px;min-width:0}.flow-node:not(:last-child){margin-right:26px}.flow-node:not(:last-child):after{content:"→";position:absolute;top:16px;right:-20px;color:rgba(193,255,114,.46)}.flow-node i{display:grid;place-items:center;width:36px;height:36px;margin-bottom:9px;border:1px solid var(--line-strong);border-radius:10px;background:rgba(193,255,114,.06);color:var(--lime);font-family:ui-monospace,Consolas,monospace;font-size:9px;font-style:normal;font-weight:800}.flow-node b,.flow-node small{display:block}.flow-node b{font-size:11px;white-space:nowrap}.flow-node small{margin-top:2px;color:var(--quiet);font-size:9px;white-space:nowrap}.flow-node.is-human i{border-color:rgba(255,180,92,.45);color:var(--orange);background:rgba(255,180,92,.06)}
.output-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stack-list,.guardrail-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.stack-list li,.guardrail-list li{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:11px}.stack-list i{min-width:25px;color:var(--cyan);font-family:ui-monospace,Consolas,monospace;font-size:9px;font-style:normal;font-weight:800}.stack-list b{color:var(--text);font-weight:700}.guardrail-list li:before{content:"✓";color:var(--lime);font-weight:800}.delivery-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--line);list-style:none;counter-reset:delivery}.delivery-list li{min-height:116px;padding:14px;background:var(--ink-2);counter-increment:delivery}.delivery-list li:before{content:"0" counter(delivery);display:block;margin-bottom:15px;color:var(--lime);font-family:ui-monospace,Consolas,monospace;font-size:10px}.delivery-list b,.delivery-list span{display:block}.delivery-list b{margin-bottom:4px;font-size:11px}.delivery-list span{color:var(--quiet);font-size:9px;line-height:1.5}.output-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px}.output-actions p{display:flex;align-items:center;gap:8px;margin:0;color:var(--quiet);font-size:10px}.output-actions p i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px rgba(101,230,207,.6)}.output-actions .button{padding:11px 16px;font-size:11px}.copy-status{min-height:18px;margin-top:6px;color:var(--success);text-align:right;font-size:10px}
.lab-notes{padding-bottom:110px}.lab-notes>div:first-child{display:grid;grid-template-columns:.6fr 1.4fr;gap:50px;align-items:end;margin-bottom:36px}.lab-notes h2{max-width:760px;margin:0;font-size:clamp(30px,4vw,52px);line-height:1.1;letter-spacing:-.04em}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.note-grid article{padding:28px 24px 10px 0}.note-grid article+article{padding-left:24px;border-left:1px solid var(--line)}.note-grid b{color:var(--lime);font-family:ui-monospace,Consolas,monospace;font-size:11px}.note-grid h3{margin:28px 0 8px;font-size:18px}.note-grid p{margin:0;color:var(--muted);font-size:13px}.lab-footer .footer-bottom a{color:var(--lime)}
@keyframes labPulse{50%{opacity:.42;transform:scale(.84)}}
@media(max-width:980px){.lab-hero-inner{grid-template-columns:1fr;gap:38px}.lab-meta{grid-template-columns:repeat(3,1fr)}.lab-workspace{grid-template-columns:1fr;margin-top:-28px}.lab-output{position:relative;top:0}}
@media(max-width:680px){.lab-live{display:none}.lab-home{padding:7px 10px}.lab-hero{min-height:0;padding:125px 0 72px}.lab-heading h1{font-size:clamp(40px,13vw,60px)}.lab-heading p{font-size:15px}.lab-meta{gap:7px}.lab-meta div{min-width:0;padding-left:10px}.lab-meta strong{font-size:19px}.lab-workspace{width:min(100% - 24px,var(--container));padding-bottom:80px}.lab-controls,.output-body{padding:18px}.choice-grid-two{grid-template-columns:1fr}.choice-grid label>span{min-height:67px}.segment-control{grid-template-columns:1fr 1fr;gap:3px}.plan-summary{align-items:start;gap:12px}.complexity-ring{width:74px;height:74px}.complexity-ring strong{font-size:21px}.output-columns,.delivery-list{grid-template-columns:1fr}.delivery-list li{min-height:0}.output-actions{align-items:stretch;flex-direction:column}.output-actions .button{width:100%;justify-content:center}.copy-status{text-align:left}.lab-notes>div:first-child,.note-grid{grid-template-columns:1fr}.lab-notes>div:first-child{gap:18px}.note-grid article,.note-grid article+article{padding:24px 0;border-left:0;border-bottom:1px solid var(--line)}.note-grid h3{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.lab-live i,.output-status i{animation:none}.choice-grid label:hover>span{transform:none}}