*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f0f;--surface: #1a1a1a;--border: #2a2a2a;--text: #e8e8e8;--muted: #888;--accent: #e8925b;--accent-hover: #f0a873;font-family:SF Mono,Fira Code,Cascadia Code,monospace}body{background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column}nav.top{border-bottom:1px solid var(--border);padding:0 2rem;height:3rem;display:flex;align-items:center;gap:2rem}nav.top a{color:var(--text);text-decoration:none;font-size:.875rem}nav.top .logo{font-weight:700;color:var(--accent);margin-right:auto}nav.top a:hover{color:var(--accent-hover)}.docs-container{flex:1;display:flex;max-width:72rem;margin:0 auto;width:100%}aside{width:14rem;flex-shrink:0;border-right:1px solid var(--border);padding:1.5rem 1rem;position:sticky;top:3rem;height:calc(100vh - 3rem);overflow-y:auto}aside .section-label{font-size:.6875rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}aside ul{list-style:none;display:flex;flex-direction:column;gap:.125rem}aside a{display:block;padding:.375rem .75rem;border-radius:.25rem;color:var(--muted);text-decoration:none;font-size:.8125rem;transition:background .1s,color .1s}aside a:hover{background:var(--surface);color:var(--text)}aside a.active{background:var(--surface);color:var(--accent);font-weight:600}.docs-content{flex:1;min-width:0;padding:2rem 3rem}.docs-content h1{font-size:1.5rem;font-weight:700;color:var(--accent);margin-bottom:.5rem}.docs-content h2{font-size:1.125rem;font-weight:700;color:var(--text);margin-top:2rem;margin-bottom:.75rem;padding-bottom:.375rem;border-bottom:1px solid var(--border)}.docs-content h3{font-size:.9375rem;font-weight:700;color:var(--text);margin-top:1.5rem;margin-bottom:.5rem}.docs-content p{font-size:.875rem;line-height:1.75;color:var(--text);margin-bottom:1rem}.docs-content code{background:#1e1e1e;border:1px solid #333;padding:.125em .375em;border-radius:3px;font-size:.8125rem;color:#e8925b}.docs-content pre{position:relative;background:#141414;border:1px solid rgba(232,146,91,.6);border-radius:.5rem;padding:0;margin-bottom:1rem;overflow:hidden}.docs-content pre code{background:none;border:none;padding:0;font-size:.8125rem;color:#e0e0e0}.docs-content pre .cmd-lines{display:flex;flex-direction:column;padding:.625rem 0}.docs-content pre .cmd-line{display:flex;align-items:center;padding:.2rem .875rem;gap:0;line-height:1.65}.docs-content pre .cmd-line:hover{background:#e8925b0a}.docs-content pre .cmd-line:hover .line-copy-btn{color:var(--accent)}.docs-content pre .cmd-prompt{color:#e8925b80;font-size:.8125rem;user-select:none;flex-shrink:0;width:1.5rem}.docs-content pre .cmd-text{flex:1;min-width:0;font-size:.8125rem;color:#e0e0e0;white-space:pre}.docs-content pre .cmd-comment .cmd-prompt{visibility:hidden}.docs-content pre .cmd-comment .cmd-text{color:#555}.docs-content pre .cmd-blank{height:.5rem}.docs-content pre .cmd-blank .cmd-prompt{visibility:hidden}.docs-content pre .line-copy-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;flex-shrink:0;margin-left:.5rem;padding:0;background:transparent;border:1px solid rgba(232,146,91,.25);border-radius:.25rem;color:#e8925b80;cursor:pointer;transition:color .15s,border-color .15s}.docs-content pre .line-copy-btn:hover{color:var(--accent);border-color:var(--accent)}.docs-content pre .line-copy-btn.copied{color:#28c840;border-color:#28c8404d}.docs-content pre .line-copy-btn svg{width:13px;height:13px}.docs-content ul,.docs-content ol{padding-left:1.25rem;margin-bottom:1rem;font-size:.875rem;line-height:1.75}.docs-content li{margin-bottom:.25rem}.docs-content .callout{background:var(--surface);border-left:3px solid var(--accent);padding:.75rem 1rem;border-radius:0 .375rem .375rem 0;margin-bottom:1rem;font-size:.8125rem;line-height:1.7}.docs-content .subtitle{font-size:1rem;color:var(--muted);margin-bottom:2rem}.docs-content .next-link{display:inline-block;margin-top:2rem;padding:.5rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:.25rem;color:var(--accent);text-decoration:none;font-size:.8125rem;font-weight:600}.docs-content .next-link:hover{border-color:var(--accent)}footer{border-top:1px solid var(--border);padding:1rem 2rem;text-align:center;color:var(--muted);font-size:.75rem}@media(max-width:48rem){aside{display:none}.docs-content{padding:1.5rem}}