@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#212237;--muted:#717487;--purple:#6855e8;--line:#e3e4ed;--paper:#f7f8fc;--green:#137754;--red:#b93952}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a294ff;outline-offset:4px}.sidebar{width:232px;background:#111222;color:#eeedf6;position:fixed;inset:0 auto 0 0;padding:32px 22px;display:flex;flex-direction:column;border-right:1px solid #282839}.brand{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center}.brand>span:last-child{color:#a99bff}.logo{display:inline-flex;align-items:center;position:relative;justify-content:center;width:32px;height:34px;color:#cabfff;background:#302956;border-radius:9px;margin-right:9px;font-size:24px}.logo i{font-style:normal;color:#83ddd0;margin-left:-12px;margin-top:8px}.workspace{display:flex;align-items:center;gap:10px;margin:34px 0 38px;padding-top:24px;border-top:1px solid #29293b;font-size:12px}.workspace small{display:block;font-size:10px;margin-top:5px;color:#a3a4b6}.avatar{padding:9px;background:#29283d;border:1px solid #3a3953;border-radius:8px;font-size:11px;font-weight:700}.nav-label{font-size:10px;letter-spacing:1.8px;color:#85869f;margin-bottom:14px}.nav{display:flex;align-items:center;gap:9px;margin:4px -8px;padding:13px 10px;border-radius:8px;color:#afb0c1;font-size:12px}.nav.active{color:#d8d1ff;background:#29253f;border:1px solid #40365c}.nav>span:nth-child(1){flex:1}.new{font-size:8px;letter-spacing:1px;background:#52447e;padding:3px 5px;border-radius:3px;color:white}.sidebar-bottom{margin-top:auto;border-top:1px solid #29293b;padding-top:20px;font-size:11px;color:#c5c6d4}.sidebar-bottom p{line-height:1.7;color:#9293a9;font-size:11px}.sidebar-bottom a{display:block;margin-top:22px;color:#b8aaff}.status-dot{display:inline-block;width:6px;height:6px;background:#46ba93;border-radius:50%;margin-right:6px}main{margin-left:232px;padding:0 46px;max-width:1770px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.topbar b{margin:0 13px;font-weight:400;color:#c7c7d3}.topbar strong{font-weight:500;color:#4f4e64}.topbar a{color:var(--purple);font-weight:600}.intro{padding:46px 0 34px;position:relative}.intro:after{content:'';position:absolute;right:7%;top:30px;width:230px;height:230px;background:radial-gradient(circle,#dbd6fb80,transparent 68%);z-index:-1}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#7a6fbd;display:inline-flex;align-items:center;gap:8px}.intro .eyebrow span{width:16px;height:2px;background:#8d79f4}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(38px,4vw,58px);line-height:1.06;letter-spacing:-2.5px;margin:19px 0 18px}h1 span{color:var(--purple)}.intro>p{color:var(--muted);line-height:1.8;font-size:14px;margin:0}.intro-meta{display:flex;gap:22px;margin-top:22px;font-size:10px;color:#73758a}.intro-meta span:before{content:'✓';color:#8a77dc;margin-right:6px}.section-top{display:flex;align-items:center;justify-content:space-between;margin:12px 0 18px}.section-top h2{font-size:20px;letter-spacing:-.5px;margin:0}.section-top p{font-size:12px;color:var(--muted);margin:5px 0 0}.pill{font-size:9px;font-weight:700;letter-spacing:.8px;border:1px solid #e3dff1;color:#83769d;border-radius:5px;padding:5px 7px;background:#f8f6fd;white-space:nowrap}.pill.live{color:#487267;background:#f0f8f4;border-color:#d5e8df;font-size:10px;letter-spacing:0}.scenario-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.scenario-tab{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:17px 14px;text-align:left;color:var(--ink);transition:background .15s,box-shadow .15s}.scenario-tab.selected{border-color:#9785ec;background:#f4f1ff;box-shadow:0 0 0 1px #ad9ff522}.tab-number{font:12px 'Space Grotesk',sans-serif;color:#8f89a1;background:#f0eff5;border-radius:7px;padding:9px}.selected .tab-number{color:white;background:var(--purple)}.scenario-tab strong{display:block;font-size:12px;font-weight:700}.scenario-tab small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.tab-arrow{margin-left:auto;color:#b5afc8}.selected .tab-arrow{color:var(--purple)}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.experiment{border:1px solid var(--line);background:#fff;border-radius:13px;padding:24px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.experiment h3{font-size:22px;letter-spacing:-.7px;margin:18px 0 10px}.muted{color:var(--muted);line-height:1.65;font-size:12px}.branch-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.branch-pair>div{background:#f8f8fc;border:1px solid #eeeef4;padding:13px;border-radius:8px}.branch-symbol{color:#8572d4;font-family:monospace;font-size:11px}.branch-pair strong{display:block;font-size:11px;margin-top:8px;overflow-wrap:anywhere}.branch-pair p{font-size:11px;color:var(--muted);line-height:1.6;margin:6px 0 0}label{font-size:11px;font-weight:600;display:block;margin-bottom:8px}.input-row{display:flex;gap:12px}.input-row>div{flex:1;min-width:0}select,input[type=number]{border:1px solid #dedee9;border-radius:7px;padding:10px 12px;width:100%;background:#fff;color:#414159;min-height:40px}.fix-toggle{display:flex;align-items:center;gap:9px;margin-top:13px;font-size:11px;font-weight:400;color:#66647a}.fix-toggle input{accent-color:var(--purple);width:15px;height:15px}.run-button{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--purple);color:white;font-weight:600;padding:13px 16px;border:0;border-radius:7px;margin-top:17px;box-shadow:0 4px 8px #6855e826}.run-button:hover{background:#5644cc}.run-button:disabled{opacity:.6;cursor:wait}.scope{font-size:10px;color:#8b8c9c;line-height:1.6;margin-bottom:0}.execution{background:#171828;color:#e6e5ef;border:1px solid #242639;border-radius:13px;display:flex;flex-direction:column;min-width:0;overflow:hidden}.execution>.panel-heading{padding:23px 22px;border-bottom:1px solid #2a2b3e}.execution .eyebrow{color:#9291ad}.console-status{font-family:monospace;color:#898ca4;font-size:10px}.console-empty{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:295px;padding:20px}.orbit{font-size:40px;color:#aaa0da;background:#24233c;border:1px solid #3c3757;border-radius:50%;height:65px;width:65px;display:grid;place-items:center}.console-empty h3{font-size:16px;margin:22px 0 8px;font-weight:500}.console-empty p{font-size:12px;line-height:1.8;color:#9293a9;margin:0}#console{flex:1}.console-footer{padding:13px 22px;border-top:1px solid #2a2b3e;display:flex;justify-content:space-between;font-size:10px;color:#82849d}.console-footer a{color:#b7a9fa}.trace{padding:22px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.9;overflow-wrap:anywhere}.trace-title{color:#b3a4f6;margin-bottom:14px}.trace-line{padding:5px 0;border-bottom:1px solid #ffffff08;color:#bdc0d6}.trace-line span{color:#666980;margin-right:12px}.console-verdict{margin-top:18px;padding:12px;background:#e8708910;border:1px solid #c3617f40;color:#f5a3b5;border-radius:6px}.console-verdict.good{color:#96e3c4;background:#69c5a810;border-color:#69c5a840}.console-time{font-size:10px;color:#777c98;margin-top:15px}.result-panel{margin-top:18px;border:1px solid #e8dce6;border-radius:12px;background:#fff;padding:22px;display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.result-panel h3{font-size:18px;margin:0 0 8px;color:var(--red)}.result-panel.good{border-color:#c5e2d7}.result-panel.good h3{color:var(--green)}.result-panel p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.comparison>div{background:#f8f8fc;border-radius:7px;padding:12px}.comparison small{display:block;font-size:9px;line-height:1.4;color:#808095}.comparison strong{display:block;font-family:monospace;font-size:21px;margin-top:8px}.comparison .bad{color:var(--red)}.comparison .good{color:var(--green)}.evidence-strip{padding:18px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:15px}.evidence-strip>div{display:flex;align-items:center;gap:13px}.record-icon{font-size:22px;color:#aca5bf}.evidence-strip strong{font-size:11px}.evidence-strip p{font-size:10px;color:var(--muted);line-height:1.6;margin:4px 0 0}.evidence-strip>a{font-size:11px;white-space:nowrap;color:var(--purple)}.archive-note{font-size:10px;line-height:1.7;color:#8d7653;margin:8px 0}.reproduce{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:50px 0;border-bottom:1px solid var(--line)}.reproduce h2{font-size:28px;line-height:1.2;letter-spacing:-1px;margin:13px 0}.reproduce p{font-size:12px;line-height:1.8;color:var(--muted)}.text-link{display:inline-block;color:var(--purple);font-size:12px;font-weight:600;margin-top:8px}.command-panel{background:#eeedf6;border:1px solid #dfdced;border-radius:12px;padding:22px;align-self:center;min-width:0}.command-panel>div{display:flex;justify-content:space-between;align-items:center}.command-panel button{border:0;background:transparent;color:var(--purple);font-size:10px}.command-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.9;color:#4f426d;margin:22px 0}.command-panel p{font-size:10px;margin-bottom:0}footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:26px 0;color:#9693a8;font-size:10px}footer .brand{font-size:16px}footer .brand span{color:#807394}.error{color:var(--red);padding:20px;border:1px solid #edc4ce;border-radius:10px;background:#fff6f8}.input-note{color:var(--muted);font-size:10px;margin:12px 0 0}@media(min-width:1500px){main{padding:0 70px}.intro{padding-top:60px}.experiment{padding:30px}.lab-grid{gap:24px}}@media(max-width:1100px){.sidebar{width:190px;padding:27px 16px}.brand{font-size:20px}main{margin-left:190px;padding:0 24px}.scenario-tab{gap:7px;padding:13px 9px}.tab-arrow{display:none}.lab-grid{grid-template-columns:1fr}.console-empty{min-height:180px}.result-panel{grid-template-columns:1fr}.reproduce{gap:25px}}@media(max-width:700px){.sidebar{position:static;width:auto;padding:16px 20px;flex-direction:row;justify-content:space-between;align-items:center}.workspace,.nav-label,.sidebar-bottom,.sidebar .nav:not(.active){display:none}.nav.active{margin:0;font-size:10px}.new{display:none}main{margin:0;padding:0 18px}.topbar{height:58px;font-size:10px}.intro{padding:32px 0 24px}h1{font-size:42px;letter-spacing:-2px}.intro>p br{display:none}.intro-meta{flex-wrap:wrap;gap:10px}.scenario-tabs{gap:7px}.scenario-tab{padding:12px 8px;flex-direction:column;align-items:flex-start}.scenario-tab strong{font-size:10px}.scenario-tab small{font-size:9px;line-height:1.5}.tab-number{padding:5px;font-size:10px}.experiment{padding:20px}.section-top h2{font-size:18px}.live{display:none}.evidence-strip{align-items:flex-start;flex-direction:column}.reproduce{grid-template-columns:1fr;gap:20px;padding:34px 0}footer{flex-wrap:wrap}.comparison strong{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}