@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color:#d6dfde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0b1118;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:3px;outline:2px solid #e4bd80}#root{min-height:100vh}.app{background:#0b1118;flex-direction:column;height:100vh;min-height:680px;display:flex}.topbar{background:#0d151d;border-bottom:1px solid #26313a;flex:none;justify-content:space-between;align-items:center;height:70px;padding:0 27px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#d8bc83;font-size:31px;line-height:1}.brand strong,.brand small{letter-spacing:.12em;font-family:IBM Plex Mono,monospace;display:block}.brand strong{color:#f0f0e8;font-size:13px}.brand small{color:#7f929d;margin-top:4px;font-size:9px}.top-actions{letter-spacing:.1em;color:#8bac9c;align-items:center;gap:24px;font:10px IBM Plex Mono,monospace;display:flex}.top-actions button{color:#dce6e2;background:#17222b;border:1px solid #3b4951;border-radius:4px;padding:9px 12px;font:10px IBM Plex Mono,monospace}.top-actions button:hover{background:#22323d}.workspace{flex:1;grid-template-columns:minmax(0,1fr) 390px;min-height:0;display:grid}.stage{background:radial-gradient(circle at 49% 45%,#17212b 0%,#0b1118 65%);position:relative;overflow:hidden}.stage:before{content:"";pointer-events:none;opacity:.23;background-image:radial-gradient(#83929b .7px,#0000 .7px);background-size:31px 31px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000,#0000);mask-image:linear-gradient(90deg,#0000,#000,#0000)}.stage-heading{z-index:2;pointer-events:none;position:absolute;top:35px;left:38px}.eyebrow{letter-spacing:.16em;color:#b9a67e;font:10px IBM Plex Mono,monospace}.eyebrow span{color:#6b7d84}.stage-heading h1{letter-spacing:-.045em;color:#f4f2e9;margin:14px 0 9px;font-size:clamp(27px,3vw,44px);font-weight:500;line-height:1.06}.stage-heading p{color:#8fa1a9;max-width:360px;font-size:13px;line-height:1.55}.scene{position:absolute;inset:0}.legend{z-index:2;color:#a5b4b8;pointer-events:none;gap:19px;font:10px IBM Plex Mono,monospace;display:flex;position:absolute;bottom:74px;left:38px}.legend span{align-items:center;gap:7px;display:flex}.legend i{border-radius:50%;width:8px;height:8px;display:inline-block}.legend .container{background:#76b5b9}.legend .table{background:#83b3bb}.legend .payload{background:#ad9bc9}.stage-footer{color:#90a0a8;pointer-events:none;background:#0c151db8;border-top:1px solid #34414b99;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 38px;font:10px IBM Plex Mono,monospace;display:flex;position:absolute;bottom:0;left:0;right:0}.stage-footer span:last-child{color:#bca77f;white-space:nowrap}.sidebar{background:#101922;border-left:1px solid #2a3740;flex-direction:column;min-height:0;display:flex}.tabs{border-bottom:1px solid #2b3941;flex:none;gap:20px;height:54px;padding:0 23px;display:flex}.tabs button{color:#778c95;letter-spacing:.08em;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:2px 1px 0;font:10px IBM Plex Mono,monospace}.tabs button.active{color:#e4ca95;border-bottom-color:#e4ca95}.side-body{scrollbar-color:#3c4c55 transparent;scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.info,.welcome,.panel{padding:28px 29px 34px}.box-code{letter-spacing:-.06em;color:#f1efe6;margin:15px 0 6px;font:500 51px/1 IBM Plex Mono,monospace}.box-name{color:#e6e8e2;margin:0 0 20px;font-size:18px;font-weight:500}.crumbs{background:#15212a;border:1px solid #30404a;flex-wrap:wrap;gap:2px 4px;margin-bottom:20px;padding:9px 10px;display:flex}.crumbs span{align-items:center;gap:5px;display:inline-flex}.crumbs button,.crumbs b{color:#94abb1;background:0 0;border:0;padding:0;font:11px IBM Plex Mono,monospace}.crumbs button:hover,.crumbs span:last-child button{color:#e9c994}.alternative{color:#dec894;background:#2d2b26;border-left:2px solid #b99b67;padding:10px 12px;font-size:12px;line-height:1.5}.info section{border-top:1px solid #293740;margin-top:17px;padding-top:16px}.info h4,.pipeline h4,.alternatives h4{color:#d8bb83;text-transform:uppercase;letter-spacing:.13em;margin:0 0 9px;font:10px IBM Plex Mono,monospace}.info p,.welcome p,.panel>p{color:#a6b5b8;margin:0;font-size:13px;line-height:1.62}.chips{flex-wrap:wrap;gap:7px;display:flex}.chips span,.chips button{color:#bccbcb;background:#1b2a32;border:1px solid #3d4b50;border-radius:3px;padding:6px 8px;font:11px IBM Plex Mono,monospace}.chips button:hover{color:#f0dfbd;border-color:#d8bb83}.info .example{color:#c8d4d0;background:#1a2830;border-left:2px solid #77959b;padding:10px 12px;font-family:IBM Plex Mono,monospace;font-size:11px}.memory{background:#302b24;border:1px solid #655944;flex-direction:column;gap:5px;margin-top:20px;padding:13px 15px;display:flex}.memory small,.prompt small{color:#bda575;letter-spacing:.13em;font:9px IBM Plex Mono,monospace}.memory strong{color:#f0dfba;font-size:14px;font-weight:500}.welcome{padding-top:55px}.welcome-icon{color:#d4bd89;text-shadow:0 0 24px #b7ac8c66;margin-bottom:28px;font-size:42px}.welcome h2,.panel h2{letter-spacing:-.025em;color:#e6e8e2;font-weight:500}.welcome h2{margin:14px 0 15px;font-size:28px;line-height:1.15}.welcome-tip{border-top:1px solid #31414a;margin-top:34px;padding-top:21px}.welcome-tip strong{color:#e4e8e1;font-size:13px;font-weight:500}.welcome-tip button{color:#e1bf81;background:0 0;border:0;padding:0}.welcome-tip p{color:#90a3a8;margin-top:7px;font-size:12px}.expand{color:#e3e9e5;background:#23343b;border:1px solid #667c7e;margin:0 29px 24px;padding:9px 12px;font:11px IBM Plex Mono,monospace}.learning{border-top:1px solid #32414b;justify-content:space-between;align-items:center;gap:12px;padding:16px 27px;display:flex}.learning strong{color:#dcded6;letter-spacing:.1em;font:10px IBM Plex Mono,monospace}.learning p{color:#80949c;margin:5px 0 0;font-size:11px}.switch{background:#27353d;border:1px solid #51616b;border-radius:20px;width:43px;height:23px;padding:2px;transition:background .2s}.switch span{background:#aeb9b6;border-radius:50%;width:17px;height:17px;transition:transform .2s;display:block}.switch.on{background:#7f9f94}.switch.on span{background:#f5edda;transform:translate(19px)}.prompt{background:#17232b;border-top:1px solid #34414a;padding:15px 27px}.prompt p{color:#e2e7de;margin:8px 0;font-size:12px}.prompt button{color:#dabb83;background:0 0;border:0;margin-right:16px;padding:0;font:11px IBM Plex Mono,monospace}.panel h2{margin:13px 0;font-size:24px;line-height:1.2}.pipeline{border-top:1px solid #34414a;margin-top:25px;padding-top:20px}.step{grid-template-columns:25px 50px 1fr;align-items:start;gap:8px;margin:15px 0;display:grid}.step>span{color:#637984;padding-top:4px;font:10px IBM Plex Mono,monospace}.step button{color:#e2cc9d;background:#21353e;border:1px solid #557078;padding:4px 3px;font:11px IBM Plex Mono,monospace}.step p{color:#b6c4c3;margin:3px 0;font-size:12px;line-height:1.45}.note{color:#b2c1c0;background:#242a2c;border-left:2px solid #bd9e69;margin-top:24px;padding:10px 12px;font-size:12px;line-height:1.6}.tree-list{margin:23px -10px 18px}.tree-row{color:#c6d1cd;text-align:left;background:0 0;border:0;align-items:center;gap:7px;width:100%;min-height:29px;display:flex}.tree-row:hover,.tree-row.active{color:#f0d49c;background:#283941}.tree-row span{color:#637e84;font-family:monospace}.tree-row strong{min-width:36px;font:11px IBM Plex Mono,monospace}.tree-row small{color:#82999d;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.alternatives{border-top:1px solid #35434a;flex-direction:column;gap:8px;padding-top:15px;display:flex}.alternatives button{color:#e2c998;text-align:left;background:#1d2b33;border:1px solid #405057;padding:7px 9px;font:11px IBM Plex Mono,monospace}.alternatives button span{color:#a2b0b1;margin-left:7px;font:11px DM Sans,sans-serif}.atom-label{text-align:center;white-space:nowrap;text-shadow:0 1px 5px #081016,0 1px 8px #081016;pointer-events:none;font-family:IBM Plex Mono,monospace;transition:opacity .25s;transform:translateY(5px)}.atom-label strong{color:#f3f2e9;letter-spacing:.03em;font-size:14px;font-weight:600;display:block}.atom-label span{color:#aebfc0;margin-top:2px;font:10px DM Sans,sans-serif;display:block}.atom-label.muted{opacity:.25}.atom-label.selected strong{color:#f3d49b;font-size:16px}@media (width<=1050px){.workspace{grid-template-columns:minmax(0,1fr) 340px}.stage-heading{left:24px}.stage-footer{padding:0 24px}.legend{left:24px}.info,.welcome,.panel{padding-left:22px;padding-right:22px}}@media (width<=760px){.app{height:auto;min-height:100vh}.topbar{height:62px;padding:0 16px}.top-actions span{display:none}.workspace{flex-direction:column;display:flex}.stage{height:60vh;min-height:480px}.stage-heading{top:22px;left:20px}.stage-heading h1{font-size:27px}.stage-heading p{max-width:265px;font-size:11px}.stage-footer{padding:0 15px;font-size:9px}.legend{gap:10px;font-size:9px;bottom:67px;left:17px}.stage-footer span:last-child{display:none}.sidebar{border-top:1px solid #35434a;border-left:0;min-height:520px}.side-body{max-height:650px}}