@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;700&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-bg:#09090e;--color-surface-low:#101016;--color-surface-mid:#181822;--color-surface-high:#242432;--color-border:#ffffff14;--color-border-focus:#ff6b004d;--color-orange-primary:#ff6b00;--color-orange-glow:#ff6b0026;--color-purple-primary:#9d00ff;--color-purple-glow:#9d00ff26;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-success:#10b981;--text-error:#ef4444;--text-warning:#f59e0b;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"Fira Code", monospace;--glass-blur:blur(12px);--shadow-lg:0 20px 25px -5px #00000080, 0 10px 10px -5px #00000080;box-sizing:border-box}*,:before,:after{box-sizing:inherit}body{background-color:var(--color-bg);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;padding:0;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-high);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-orange-primary)}#root{width:100%;min-height:100vh;display:flex}.app-container{width:100%;display:flex;position:relative}.bg-glow{filter:blur(120px);pointer-events:none;z-index:0;opacity:.15;border-radius:50%;width:500px;height:500px;position:fixed}.glow-orange{background:var(--color-orange-primary);top:-100px;right:-50px}.glow-purple{background:var(--color-purple-primary);bottom:-150px;left:-50px}.sidebar{background-color:var(--color-surface-low);border-right:1px solid var(--color-border);z-index:10;flex-direction:column;flex-shrink:0;width:320px;height:100vh;display:flex;position:sticky;top:0}.sidebar-header{border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;padding:1.5rem;display:flex}.sidebar-logo{letter-spacing:.05em;background:linear-gradient(135deg, var(--color-orange-primary), var(--color-purple-primary));-webkit-text-fill-color:transparent;text-transform:uppercase;-webkit-background-clip:text;font-size:1.3rem;font-weight:800}.sidebar-version{font-size:.7rem;font-family:var(--font-mono);color:var(--text-secondary);background:#ffffff0d;border-radius:4px;padding:2px 6px}.sidebar-nav{flex-grow:1;padding:1.5rem 1rem;overflow-y:auto}.nav-group{margin-bottom:1.5rem}.nav-group-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.1em;margin-bottom:.5rem;padding-left:.75rem;font-size:.75rem;font-weight:700}.nav-link{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:var(--text-primary);background:#ffffff08}.nav-link.active{color:var(--text-primary);background:#ff6b000f;border-color:#ff6b0026}.sidebar-footer{border-top:1px solid var(--color-border);color:var(--text-muted);justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:.75rem;display:flex}.main-content{z-index:1;flex-grow:1;max-width:calc(100vw - 320px);padding:3rem 4rem;overflow-y:auto}@media (width<=1024px){.sidebar{width:260px}.main-content{max-width:calc(100vw - 260px);padding:2rem}}.docs-header{border-bottom:1px solid var(--color-border);margin-bottom:3rem;padding-bottom:1.5rem}.docs-title{color:var(--text-primary);margin:0 0 .5rem;font-size:2.5rem;font-weight:800}.docs-description{color:var(--text-secondary);font-size:1.1rem}.section-title{color:var(--text-primary);border-bottom:1px solid #ffffff0d;margin:2.5rem 0 1rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:700}.subsection-title{color:var(--text-primary);margin:1.5rem 0 .75rem;font-size:1.25rem;font-weight:600}p{color:var(--text-secondary);margin:0 0 1.25rem;font-size:.975rem;line-height:1.7}code{font-family:var(--font-mono);color:#fca5a5;background-color:#ffffff0a;border:1px solid #ffffff0d;border-radius:4px;padding:.15rem .4rem;font-size:.85em}.code-block-wrapper{background-color:var(--color-surface-mid);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);border-radius:12px;margin:1.5rem 0;overflow:hidden}.code-block-header{border-bottom:1px solid var(--color-border);background-color:#0003;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.code-block-title{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:.5rem;display:flex}.code-block-content{margin:0;padding:1.25rem;overflow-x:auto}.code-block-content code{color:var(--text-primary);background:0 0;border:none;padding:0;font-size:.875rem;line-height:1.5;display:block}.pipeline-flow{background-color:var(--color-surface-mid);border:1px solid var(--color-border);border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;margin:2rem 0;padding:2rem;display:flex;overflow-x:auto}.pipeline-node{background-color:var(--color-surface-high);border:1px solid var(--color-border);text-align:center;z-index:2;border-radius:10px;min-width:120px;padding:1rem;transition:all .3s;position:relative}.pipeline-node:hover{border-color:var(--color-orange-primary);box-shadow:0 4px 12px var(--color-orange-glow);transform:translateY(-2px)}.pipeline-node-title{text-transform:uppercase;color:var(--text-primary);margin-bottom:.25rem;font-size:.85rem;font-weight:700}.pipeline-node-desc{color:var(--text-secondary);font-size:.7rem}.pipeline-node.active{border-color:var(--color-orange-primary);box-shadow:0 0 15px var(--color-orange-glow);background:linear-gradient(135deg,#ff6b001a,#9d00ff0d)}.pipeline-arrow{color:var(--text-muted);align-items:center;font-size:1.2rem;display:flex}.callout{background-color:var(--color-surface-mid);border-left:4px solid #0000;border-radius:12px;gap:1rem;margin:1.5rem 0;padding:1.25rem;display:flex}.callout-info{border-left-color:var(--color-purple-primary);background-color:#9d00ff08}.callout-warning{border-left-color:var(--text-warning);background-color:#f59e0b08}.callout-icon{flex-shrink:0;margin-top:2px}.callout-content{flex-grow:1}.callout-title{color:var(--text-primary);margin-bottom:.25rem;font-size:.95rem;font-weight:600}.callout-text{color:var(--text-secondary);margin:0;font-size:.9rem}.docs-table-wrapper{border:1px solid var(--color-border);width:100%;box-shadow:var(--shadow-lg);border-radius:12px;margin:1.5rem 0;overflow-x:auto}.docs-table{border-collapse:collapse;text-align:left;background-color:var(--color-surface-mid);width:100%;font-size:.9rem}.docs-table th{border-bottom:1px solid var(--color-border);color:var(--text-primary);background-color:#0003;padding:1rem;font-weight:600}.docs-table td{border-bottom:1px solid var(--color-border);color:var(--text-secondary);padding:1rem}.docs-table tr:last-child td{border-bottom:none}.playground-layout{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem;display:grid}@media (width<=900px){.playground-layout{grid-template-columns:1fr}}.panel{background-color:var(--color-surface-mid);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;min-height:520px;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--color-border);background-color:#00000026;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.panel-title{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;display:flex}.editor-textarea{color:var(--text-primary);font-family:var(--font-mono);resize:none;background-color:#0000;border:none;outline:none;flex-grow:1;padding:1.25rem;font-size:.9rem;line-height:1.5}.playground-select{background-color:var(--color-surface-high);color:var(--text-primary);border:1px solid var(--color-border);cursor:pointer;border-radius:6px;outline:none;padding:.4rem .8rem;font-size:.8rem}.btn-compile{background:linear-gradient(135deg, var(--color-orange-primary), var(--color-purple-primary));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-compile:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ff6b004d}.btn-compile:disabled{opacity:.5;cursor:not-allowed}.vis-steps{border-bottom:1px solid var(--color-border);background-color:#0000001a;display:flex}.vis-step-btn{color:var(--text-secondary);cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex-grow:1;padding:.75rem .5rem;font-size:.8rem;font-weight:600;transition:all .2s}.vis-step-btn:hover{color:var(--text-primary);background-color:#ffffff05}.vis-step-btn.active{color:var(--color-orange-primary);border-bottom-color:var(--color-orange-primary);background-color:#ff6b0008}.vis-content{font-family:var(--font-mono);background-color:#0000001a;flex-grow:1;padding:1.25rem;font-size:.8rem;overflow-y:auto}.token-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;display:grid}.token-card{background-color:var(--color-surface-high);border:1px solid var(--color-border);border-radius:6px;flex-direction:column;padding:.5rem;display:flex}.token-type{color:var(--color-orange-primary);text-overflow:ellipsis;margin-bottom:.25rem;font-size:.65rem;font-weight:700;overflow:hidden}.token-value{color:var(--text-primary);word-break:break-all;background-color:#0003;border-radius:3px;padding:2px 4px;font-size:.85rem;font-weight:500}.token-line{color:var(--text-muted);margin-top:.25rem;font-size:.6rem}.terminal-output{color:#10b981;min-height:150px;font-family:var(--font-mono);border:1px solid var(--color-border);background-color:#050508;border-radius:8px;margin-top:1rem;padding:1rem}.terminal-line{white-space:pre-wrap;margin-bottom:.25rem}.pipeline-status{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:.9rem;font-style:italic;display:flex}.syntax-keyword{color:#f472b6;font-weight:500}.syntax-type{color:#93c5fd}.syntax-function{color:#c084fc}.syntax-number{color:#fbbf24}.syntax-string{color:#34d399}.syntax-comment{color:#6b7280;font-style:italic}.syntax-label{color:#fb923c}.ast-tree-node{border-left:1px dashed #ffffff1a;margin-left:1.5rem;padding-left:.75rem;position:relative}.ast-tree-node:before{content:"—";color:#ffffff26;font-size:.7rem;position:absolute;top:.5rem;left:0}.ast-node-header{align-items:center;gap:.4rem;margin-bottom:.25rem;display:inline-flex}.ast-node-type{color:#a855f7;font-weight:600}.ast-node-val{color:var(--text-primary)}