*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;font-family:National Park,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.4}img,canvas,svg{max-width:100%;display:block}a{color:inherit}button{font:inherit;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:root{--color-bg:#fafaf7;--color-fg:#1a1a1a;--color-muted:#6b7280;--color-border:#d4d4d8;--color-accent:#a85a2c;--color-accent-hover:#c46434;--color-accent-active:#8b4520;--color-success:#15803d;--color-success-hover:#166534;--color-danger:#b91c1c;--color-danger-hover:#991b1b;--color-danger-active:#7f1d1d;--color-surface:#fff;--color-hover:#e7e5e4;--color-viewport-bg-start:#fafaf7;--color-viewport-bg-end:#e8d8c5;--transition-fast:.15s ease;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem}html,body,#app{background:var(--color-bg);color:var(--color-fg)}.usage{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex;position:relative}.usage .contour-wrap{z-index:0;pointer-events:none;height:100vh;position:fixed;bottom:0;left:0;right:0}.usage .top-bar{z-index:1;border-bottom:1px solid var(--color-border);z-index:20;background:var(--color-bg);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.usage .brand{color:inherit;align-items:center;gap:.5rem;text-decoration:none;display:flex}.usage .title{margin:0;font-size:1.25rem;font-weight:600}.usage .logo{width:auto;height:3rem;padding-bottom:.75rem}.usage .spacer{flex:1}.usage .open-tool{border-radius:var(--radius-md);font:inherit;cursor:pointer;background:var(--color-accent);color:#fff;border:1px solid var(--color-accent);transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);padding:.4rem .9rem;font-size:.85rem;font-weight:600;text-decoration:none}.usage .open-tool:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.usage .open-tool:active{background:var(--color-accent-active);transform:scale(.98)}.usage .layout{z-index:1;flex:1;grid-template-columns:14rem 1fr;gap:2rem;width:100%;max-width:64rem;margin:0 auto;padding:2rem 2rem 4rem;display:grid;position:relative}.usage .sidebar{align-self:start;position:sticky;top:5rem}.usage .sections{flex-direction:column;gap:.25rem;display:flex}.usage .section-link{border-radius:var(--radius-md);color:var(--color-fg);transition:background-color var(--transition-fast), color var(--transition-fast);padding:.4rem .75rem;text-decoration:none}.usage .section-link:hover{background:var(--color-hover);color:var(--color-accent)}.usage .section-link.current{background:var(--color-hover);color:var(--color-accent);font-weight:600}.usage .content{min-width:0}.usage .doc-section{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-bg) 20%, transparent);-webkit-backdrop-filter:blur(2px);margin-bottom:3rem;padding:1rem 1.25rem}.usage .doc-section h1{color:var(--color-accent);margin:0 0 .75rem;font-size:1.5rem}.usage .doc-section h2{color:var(--color-fg);margin:1.5rem 0 .5rem;font-size:1.15rem}.usage .doc-section p{color:var(--color-muted);max-width:40rem;margin:0 0 .75rem;line-height:1.6}.usage .doc-section ol,.usage .doc-section ul{color:var(--color-muted);max-width:40rem;margin:0 0 .75rem;padding-left:1.5rem;line-height:1.6}.usage .doc-section li{margin-bottom:.25rem}.usage .doc-section blockquote.alert{border-radius:var(--radius-md);background:var(--color-surface);border-left:3px solid;max-width:40rem;margin:0 0 .75rem;padding:.75rem 1rem}.usage .doc-section blockquote.alert p{max-width:none;margin:0}.usage .doc-section blockquote.alert .alert-title{margin-bottom:.25rem;font-weight:700;display:block}.usage .doc-section blockquote.alert.alert-note{background:#ddf4ff;border-left-color:#0969da}.usage .doc-section blockquote.alert.alert-note .alert-title{color:#0969da}.usage .doc-section blockquote.alert.alert-tip{background:#dafbe1;border-left-color:#1a7f37}.usage .doc-section blockquote.alert.alert-tip .alert-title{color:#1a7f37}.usage .doc-section blockquote.alert.alert-important{background:#fbefff;border-left-color:#8250df}.usage .doc-section blockquote.alert.alert-important .alert-title{color:#8250df}.usage .doc-section blockquote.alert.alert-warning{background:#fff8c5;border-left-color:#9a6700}.usage .doc-section blockquote.alert.alert-warning .alert-title{color:#9a6700}.usage .doc-section blockquote.alert.alert-danger{background:#ffebe9;border-left-color:#cf222e}.usage .doc-section blockquote.alert.alert-danger .alert-title{color:#cf222e}.usage .mobile-nav{display:none}.usage .mobile-nav-trigger{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-fg);font:inherit;cursor:pointer;align-items:center;gap:.5rem;padding:.4rem .75rem;list-style:none;display:flex}.usage .mobile-nav-trigger::-webkit-details-marker{display:none}.usage .mobile-sections{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:.25rem;margin-top:.5rem;padding:.25rem;display:flex;box-shadow:0 4px 12px #0000000f}.usage .footer{z-index:1;color:var(--color-muted);justify-content:space-between;align-items:center;padding:1.25rem 2rem;font-size:.85rem;display:flex;position:relative}.usage .footer-link{color:var(--color-muted);transition:color var(--transition-fast);text-decoration:none}.usage .footer-link:hover{color:var(--color-accent)}@media (max-width:48rem){.usage .layout{grid-template-columns:1fr;gap:1.5rem}.usage .sidebar{display:none}.usage .mobile-nav{z-index:10;margin:0 2rem;display:block;position:sticky;top:5.25rem}}