:root{--bg:#050403;--panel:#090806;--panel2:#0f0c08;--gold:#d4882a;--gold2:#f0c050;--line:#d4882a2e;--line2:#d4882a6b;--text:#fff6e4e6;--muted:#fff6e494;--faint:#fff6e44d;--soft:#ffffff06}*{box-sizing:border-box}html,body{background:var(--bg)}.lab-root{min-height:100vh;color:var(--text);background:radial-gradient(circle at 50% -12%,#d4882a24,#0000 36%),linear-gradient(#050403 0%,#070504 48%,#050403 100%);padding:20px 24px 34px;font-family:Arial,Helvetica,sans-serif;position:relative;overflow-x:hidden}.lab-grid-bg{z-index:0;pointer-events:none;opacity:.18;background-image:linear-gradient(#d4882a12 1px,#0000 1px),linear-gradient(90deg,#d4882a12 1px,#0000 1px);background-size:76px 76px;position:fixed;inset:0}.lab-glow{filter:blur(72px);pointer-events:none;background:radial-gradient(circle,#d4882a29,#0000 64%);border-radius:999px;width:760px;height:420px;position:fixed;top:-260px;left:50%;transform:translate(-50%)}.lab-header,.lab-hero,.how-row,.compiler-strip,.mode-row,.lab-shell{z-index:2;max-width:1480px;margin-left:auto;margin-right:auto;position:relative}.lab-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:46px;padding-bottom:12px;display:flex}.lab-brand{color:var(--gold);letter-spacing:.24em;white-space:nowrap;align-items:center;gap:10px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.lab-dot{background:var(--gold);border-radius:999px;width:8px;height:8px;box-shadow:0 0 16px #d4882acc}.lab-nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lab-nav a{color:var(--muted);letter-spacing:.12em;background:#0000002e;border:1px solid #ffffff1a;padding:9px 14px;font-size:11px;text-decoration:none}.lab-nav a:hover{color:var(--gold2);border-color:var(--line2)}.lab-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;padding:34px 0 20px;display:grid}.lab-kicker{color:var(--gold);letter-spacing:.3em;text-transform:uppercase;margin-bottom:12px;font-size:11px}.lab-hero h1{letter-spacing:-.075em;color:#fff4e0;max-width:760px;margin:0;font-size:clamp(46px,5.8vw,86px);font-weight:500;line-height:.92}.lab-hero p{max-width:900px;color:var(--muted);margin:20px 0 0;font-size:15px;line-height:1.75}.lab-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:480px;display:flex}.btn{border:1px solid var(--line);color:var(--text);cursor:pointer;white-space:nowrap;background:#0000002e;border-radius:14px;justify-content:center;align-items:center;padding:13px 18px;font-size:13px;text-decoration:none;display:inline-flex}.btn.gold{background:var(--gold);color:#120c04;border-color:var(--gold)}.btn.ghost:hover{border-color:var(--line2);color:var(--gold2)}.btn.gold:hover{background:var(--gold2)}.how-row{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px;margin-bottom:14px;display:grid}.how-card{background:linear-gradient(#0f0c08bd,#050403e0);border:1px solid #d4882a29;border-radius:18px;min-height:116px;padding:15px 16px}.how-card span{color:#d4882aad;margin-bottom:10px;font-family:monospace;font-size:13px;display:block}.how-card strong{color:#fff4e0;margin-bottom:8px;font-size:15px;display:block}.how-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.58}.compiler-strip{background:#0000003d;border:1px solid #d4882a29;border-radius:20px;grid-template-columns:1fr 42px 1fr;align-items:stretch;gap:10px;margin-bottom:14px;padding:12px;display:grid}.compiler-strip>div:not(.compiler-arrow){background:#ffffff05;border:1px solid #d4882a1f;border-radius:16px;min-width:0;padding:13px 14px}.compiler-label{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;margin-bottom:8px;font-size:10px;display:block}.compiler-strip strong{color:#fff6e4d6;word-break:break-word;font-size:13px;line-height:1.55;display:block}.compiler-arrow{color:var(--gold2);justify-content:center;align-items:center;font-size:24px;display:flex}.mode-row{border-top:1px solid var(--line);align-items:center;gap:8px;margin-bottom:14px;padding-top:14px;display:flex}.mode-btn{color:var(--muted);cursor:pointer;background:#ffffff05;border:1px solid #d4882a29;border-radius:999px;padding:8px 15px;font-size:12px}.mode-btn.active{color:var(--gold2);border-color:var(--line2);background:#d4882a24}.lang-switch{background:#00000038;border:1px solid #d4882a24;border-radius:999px;gap:5px;margin-left:auto;padding:4px;display:flex}.lang-btn{color:var(--muted);cursor:pointer;letter-spacing:.12em;background:0 0;border:0;border-radius:999px;padding:7px 10px;font-size:11px}.lang-btn.active{background:var(--gold);color:#120c04}.run-status{color:var(--faint);letter-spacing:.18em;text-transform:uppercase;text-align:right;min-width:96px;margin-left:0;font-size:11px}.lab-shell{grid-template-columns:300px minmax(0,1fr) 320px;align-items:start;gap:14px;display:grid}.panel{border:1px solid var(--line);background:linear-gradient(#0f0c08db,#050403f0);border-radius:20px;min-height:260px;padding:16px;box-shadow:0 24px 80px #00000052}.panel-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-title span{color:var(--gold);letter-spacing:.26em;text-transform:uppercase;font-size:10px}.panel-title small{color:var(--faint);font-size:11px}.template-list{flex-direction:column;gap:9px;display:flex}.template-card{text-align:left;width:100%;color:var(--text);cursor:pointer;background:#00000047;border:1px solid #d4882a21;border-radius:14px;padding:14px;transition:all .18s}.template-card:hover,.template-card.active{background:#d4882a14;border-color:#d4882a85}.template-cat{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;font-size:9px;display:block}.template-card strong{margin-bottom:7px;font-size:15px;display:block}.template-card small{color:var(--muted);font-size:12px;line-height:1.52}.mini-section{border-top:1px solid #d4882a1f;margin-top:18px;padding-top:14px}.mini-title{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;margin-bottom:9px;font-size:10px}.output-chip{color:var(--text);background:#ffffff06;border:1px solid #d4882a2e;border-radius:999px;padding:9px 11px;font-size:12px}.mini-section p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.run-input{resize:vertical;width:100%;min-height:110px;color:var(--text);background:#00000057;border:1px solid #d4882a2e;border-radius:16px;outline:none;padding:15px;font-size:14px;line-height:1.6}.run-input:focus{border-color:#d4882a8c}.sample-bank{background:#0000002e;border:1px solid #d4882a1f;border-radius:16px;margin-top:12px;padding:12px}.sample-head{justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.sample-head span{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;font-size:10px}.sample-head small{color:var(--faint);font-size:12px}.sample-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sample-card{min-height:76px;color:var(--muted);text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #d4882a24;border-radius:13px;padding:11px;font-size:12px;line-height:1.5;transition:border-color .18s,color .18s,background .18s}.sample-card:hover{color:var(--text);background:#d4882a12;border-color:#d4882a85}.graph-stage{background:#0000002e;border:1px solid #d4882a21;border-radius:16px;margin-top:14px;padding:14px;overflow:hidden}.graph-title{justify-content:space-between;gap:12px;margin-bottom:13px;display:flex}.graph-title span{color:#fff4e0;font-size:14px}.graph-title small{color:var(--faint);font-size:12px}.node-flow{align-items:stretch;gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.node-wrap{align-items:center;gap:10px;display:flex}.node-card{width:154px;min-height:184px;color:var(--text);cursor:pointer;text-align:left;background:linear-gradient(#0d0a06f2,#040302f2);border:1px solid #d4882a2e;border-radius:16px;flex-shrink:0;padding:13px;transition:all .18s}.node-card:hover,.node-card.active{border-color:#d4882a94;transform:translateY(-2px)}.node-card.disabled{opacity:.38}.node-card.running{box-shadow:0 0 0 1px #f0c05059,0 0 28px #d4882a2e}.node-card.done{border-color:#78dca059}.node-top{justify-content:space-between;margin-bottom:20px;display:flex}.node-top span{color:var(--gold);font-family:monospace;font-size:15px}.node-top small{color:var(--faint);text-transform:uppercase;font-size:10px}.node-card strong{color:#fff4e0;font-size:15px;line-height:1.25;display:block}.node-card p{min-height:58px;color:var(--muted);margin:10px 0 12px;font-size:12px;line-height:1.5}.node-card em{color:var(--gold);word-break:break-word;font-size:10px;font-style:normal}.connector{background:linear-gradient(90deg,var(--line),#d4882a05);flex-shrink:0;width:24px;height:1px}.bottom-grid{grid-template-columns:.9fr 1fr 1.15fr;gap:12px;margin-top:14px;display:grid}.trace-box,.json-box,.final-output-box,.node-output,.expert-box{background:#00000038;border:1px solid #d4882a21;border-radius:15px;padding:13px}.box-title{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;margin-bottom:10px;font-size:10px}.trace-line{color:var(--muted);gap:9px;font-size:12px;line-height:1.7;display:flex}.trace-line span{color:#d4882a8c;font-family:monospace}.json-box pre{color:#fff6e4b8;max-height:230px;margin:0;font-size:10.5px;line-height:1.5;overflow:auto}.final-output-box pre{white-space:pre-wrap;color:#fff6e4db;min-height:190px;max-height:320px;margin:0;font-size:12.5px;line-height:1.65;overflow:auto}.error-text{color:#ff9d8a;margin-bottom:10px;font-size:12px;line-height:1.6}.launch-panel{background:linear-gradient(#d4882a14,#00000038);border:1px solid #d4882a38;border-radius:17px;grid-template-columns:1fr 380px;align-items:center;gap:16px;margin-top:14px;padding:15px;display:grid}.launch-panel h3{color:#fff4e0;letter-spacing:-.02em;margin:0 0 8px;font-size:22px;font-weight:500}.launch-panel p{color:var(--muted);max-width:760px;margin:0;font-size:13px;line-height:1.65}.launch-meaning{grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;display:grid}.launch-meaning div{background:#00000038;border:1px solid #d4882a24;border-radius:13px;padding:11px}.launch-meaning span{color:#d4882a9e;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px;font-size:9px;display:block}.launch-meaning strong{color:#fff4e0;margin-bottom:5px;font-size:13px;display:block}.launch-meaning small{color:var(--muted);font-size:11.5px;line-height:1.5;display:block}.launch-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.launch-actions button{color:var(--text);cursor:pointer;background:#00000040;border:1px solid #d4882a33;border-radius:12px;padding:12px;font-size:12px;line-height:1.2}.launch-actions button:hover{color:var(--gold2);border-color:#d4882a85}.launch-actions .launch-primary{background:var(--gold);color:#120c04;border-color:var(--gold)}.launch-actions .launch-primary:hover{background:var(--gold2);color:#120c04}.copy-state{color:#a0f0beeb;border:1px solid #78dca03d;border-radius:999px;margin-top:10px;padding:6px 10px;font-size:12px;display:inline-flex}.node-large{background:#0000003d;border:1px solid #d4882a29;border-radius:17px;margin-bottom:14px;padding:16px}.node-number{color:var(--gold);font-family:monospace;font-size:13px}.node-large h2{color:#fff4e0;margin:10px 0 8px;font-size:22px}.node-large p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.control-block{margin-bottom:14px}.control-block label,.expert-box label{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;margin-bottom:8px;font-size:10px;display:block}.toggle{border:1px solid var(--line);width:100%;color:var(--muted);cursor:pointer;background:#ffffff08;border-radius:13px;padding:13px}.toggle.on{background:var(--gold);color:#110b04;border-color:var(--gold)}.kv-list{border-top:1px solid #d4882a1f;border-bottom:1px solid #d4882a1f;margin-bottom:14px}.kv-list div{border-bottom:1px solid #d4882a14;justify-content:space-between;gap:12px;padding:11px 0;display:flex}.kv-list div:last-child{border-bottom:0}.kv-list span{color:var(--faint);font-size:12px}.kv-list strong{color:var(--text);text-align:right;word-break:break-word;font-size:12px}.node-output p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.expert-box{margin-top:14px}.expert-box input,.expert-box select{width:100%;margin:6px 0 14px}.expert-box select{color:var(--text);background:#080604;border:1px solid #d4882a2e;border-radius:10px;padding:10px}@media (max-width:1240px){.lab-hero{grid-template-columns:1fr}.lab-actions{flex-wrap:wrap;justify-content:flex-start;min-width:0}.how-row{grid-template-columns:repeat(2,1fr)}.compiler-strip{grid-template-columns:1fr}.compiler-arrow{transform:rotate(90deg)}.lab-shell{grid-template-columns:1fr}.inspector{order:3}.launch-panel,.sample-grid{grid-template-columns:1fr}}@media (max-width:760px){.lab-root{padding:14px}.lab-header{flex-direction:column;align-items:flex-start}.lab-nav{grid-template-columns:repeat(4,1fr);width:100%;display:grid}.lab-nav a{text-align:center;padding:8px 6px;font-size:10px}.lab-hero{padding-top:28px}.lab-hero h1{font-size:clamp(42px,18vw,64px)}.lab-actions{flex-direction:column;width:100%}.btn{width:100%}.how-row{grid-template-columns:1fr}.mode-row{flex-wrap:wrap}.lang-switch{margin-left:0}.run-status{text-align:left;width:100%}.bottom-grid,.launch-actions,.launch-meaning{grid-template-columns:1fr}.node-card{width:210px}}.lab-root{padding:18px 22px 42px}.lab-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:26px 0 18px}.lab-hero h1{max-width:920px;font-size:clamp(42px,5.2vw,78px);line-height:.94}.lab-hero p{max-width:820px;font-size:14px;line-height:1.7}.lab-actions{grid-template-columns:1fr;gap:8px;width:260px;min-width:0;display:grid}.lab-actions .btn{width:100%;padding:12px 16px}.how-row{grid-template-columns:repeat(4,minmax(0,1fr))}.how-card{min-height:104px;padding:14px}.compiler-strip{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);padding:10px}.mode-row{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#050403f5,#050403d1);border-bottom:1px solid #d4882a1f;padding-bottom:10px;position:sticky;top:0}.lang-switch-wrap{align-items:center;gap:10px;margin-left:auto;display:flex}.language-note{color:var(--muted);white-space:nowrap;background:#d4882a0e;border:1px solid #d4882a29;border-radius:999px;padding:8px 12px;font-size:11px;line-height:1}.lab-shell{grid-template-columns:280px minmax(0,1fr) 300px;gap:12px}.panel{border-radius:18px;padding:14px}.templates,.inspector{max-height:calc(100vh - 96px);position:sticky;top:76px;overflow:auto}.template-card{padding:13px}.main-panel{min-height:0}.run-input{min-height:96px;font-size:14px}.graph-stage{padding:13px}.node-card p{min-height:54px;font-size:12px}.bottom-grid{grid-template-columns:280px minmax(0,1fr)}.final-output-box{grid-column:1/-1}.json-box pre{max-height:240px}.trace-box{max-height:260px;overflow:auto}.final-output-box pre{min-height:150px;max-height:300px}.launch-meaning{display:none}.launch-actions{grid-template-columns:1fr 1fr}.launch-actions .launch-primary{grid-column:1/-1}.launch-lang-note{color:var(--gold2);margin-top:10px;font-size:12px;line-height:1.6}@media (max-width:1320px){.lab-shell{grid-template-columns:260px minmax(0,1fr)}.inspector{grid-column:1/-1;max-height:none;position:relative;top:auto}}@media (max-width:980px){.lab-hero{grid-template-columns:1fr}.lab-actions{grid-template-columns:repeat(3,1fr);width:100%}.how-row{grid-template-columns:repeat(2,1fr)}.compiler-strip{grid-template-columns:1fr}.compiler-arrow{transform:rotate(90deg)}.lab-shell{grid-template-columns:1fr}.templates,.inspector{max-height:none;position:relative;top:auto}.bottom-grid,.launch-panel{grid-template-columns:1fr}}@media (max-width:720px){.lab-root{padding:14px}.lab-header{flex-direction:column;align-items:flex-start}.lab-nav{grid-template-columns:repeat(4,1fr);width:100%;display:grid}.lab-nav a{text-align:center;padding:8px 5px}.lab-hero h1{font-size:clamp(42px,17vw,62px)}.lab-actions,.how-row,.sample-grid,.launch-actions{grid-template-columns:1fr}.mode-row{flex-wrap:wrap;position:relative}.lang-switch-wrap{justify-content:space-between;width:100%;margin-left:0}.language-note{border-radius:14px;width:100%;line-height:1.5}}.launch-lang-note{color:#f0c050eb;background:#0003;border:1px solid #d4882a29;border-radius:14px;margin-top:12px;padding:10px 12px;font-size:12px;line-height:1.6}.launch-panel{max-width:100%}.launch-actions button{min-height:44px}@media (max-width:980px){.launch-lang-note{font-size:12px}}.lab-root{background:#050403;max-width:none}.lab-header,.lab-hero,.how-row,.compiler-strip,.mode-row,.lab-shell{width:100%;max-width:1480px;margin-left:auto;margin-right:auto}.lab-hero{grid-template-columns:minmax(0,1fr) 280px;align-items:end;gap:32px;padding-top:44px}.lab-hero-copy{max-width:980px}.lab-hero h1{letter-spacing:-.065em;max-width:980px;font-size:clamp(48px,6.5vw,88px)}.lab-actions{grid-template-columns:1fr;gap:10px;width:100%;display:grid}.lab-actions .btn{width:100%;min-height:48px}.how-row{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}.how-card{min-height:142px}.compiler-strip{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);margin-top:18px}.mode-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.mode-group{flex-wrap:wrap;gap:8px;display:flex}.lang-area{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.lang-switch-wrap{align-items:center;gap:8px;display:flex}.lang-label{color:#fff6e457;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;font-size:10px}.language-note{color:#fff6e46b;white-space:normal;border:1px solid #d4882a24;border-radius:999px;max-width:420px;padding:8px 12px;font-size:11px;line-height:1.45}.lab-shell{grid-template-columns:320px minmax(0,1fr) 320px}.templates-panel,.inspector{position:sticky;top:18px}.main-panel{min-width:0}.run-input{min-height:116px}.sample-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.node-flow{gap:10px}.node-card{width:162px;min-height:194px}.node-card strong{font-size:16px}.node-card p{font-size:12px}.details-grid{grid-template-columns:.85fr 1.15fr;gap:12px;margin-top:16px;display:grid}.details-grid details{background:#00000038;border:1px solid #d4882a21;border-radius:16px;min-width:0;padding:14px}.details-grid details summary{cursor:pointer;color:#d4882a;letter-spacing:.22em;text-transform:uppercase;margin-bottom:10px;font-size:10px}.details-grid .final-output-box{grid-column:1/-1}.details-grid pre{white-space:pre-wrap;color:#fff6e4c7;max-height:280px;margin:0;font-size:12px;line-height:1.65;overflow:auto}.launch-panel{grid-template-columns:minmax(0,1fr) 420px;align-items:center}.launch-copy{min-width:0}.launch-panel h3{margin-top:0;font-size:22px}.launch-actions{grid-template-columns:1fr 1fr;width:100%;min-width:0}@media (max-width:1180px){.lab-hero{grid-template-columns:1fr}.lab-actions{grid-template-columns:repeat(3,1fr)}.how-row{grid-template-columns:repeat(2,1fr)}.compiler-strip{grid-template-columns:1fr}.compiler-arrow{transform:rotate(90deg)}.mode-row{grid-template-columns:1fr}.lang-area{flex-wrap:wrap;justify-content:flex-start}.lab-shell{grid-template-columns:1fr}.templates-panel,.inspector{position:relative;top:auto}.sample-grid,.launch-panel{grid-template-columns:1fr}}@media (max-width:760px){.lab-root{padding:14px}.lab-header{gap:14px}.lab-nav{grid-template-columns:repeat(4,1fr)}.lab-hero h1{font-size:clamp(42px,16vw,68px)}.lab-actions,.how-row{grid-template-columns:1fr}.mode-group,.lang-area{width:100%}.lang-switch-wrap{justify-content:space-between;width:100%}.language-note{width:100%;max-width:none}.details-grid,.launch-actions{grid-template-columns:1fr}}