.sidebar{background-color:var(--color-bg);border-right:1px solid var(--color-border);z-index:100;flex-direction:column;width:280px;transition:transform .3s;display:flex;position:relative}.sidebar.closed{width:280px;height:100vh;position:absolute;transform:translate(-100%)}.sidebar-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px 16px;display:flex}.sidebar-header h1{color:var(--color-primary);margin:0;font-size:1.5rem}.sidebar-toggle{cursor:pointer;color:var(--color-text);background:0 0;border:none;padding:8px;font-size:1.5rem;display:none}.nav-sections{flex:1;padding:12px 0;overflow-y:auto}.nav-button{text-align:left;cursor:pointer;width:100%;color:var(--color-text);background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;transition:background-color .2s;display:flex}.nav-button:hover{background-color:var(--color-code-bg)}.nav-button.active{background-color:var(--color-primary);color:#fff;font-weight:600}.nav-icon{flex-shrink:0;font-size:1.2rem}.nav-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-footer{border-top:1px solid var(--color-border);text-align:center;padding:16px;font-size:.85rem}.sidebar-footer p{opacity:.7;margin:0 0 8px}.sidebar-footer a{color:var(--color-primary);font-weight:500;display:inline-block}.sidebar-overlay{display:none}@media (width<=768px){.sidebar{width:280px;height:100vh;position:fixed}.sidebar.closed{transform:translate(-100%)}.sidebar-toggle{display:block}.sidebar-overlay.visible{z-index:50;background-color:#00000080;display:block;position:fixed;inset:0}}.docs-main{background-color:var(--color-bg);flex:1;padding:40px 20px;overflow-y:auto}.docs-container{max-width:900px;margin:0 auto}.doc-section{margin-bottom:60px;scroll-margin-top:80px}.doc-section h2{margin-top:0}.doc-section h3{color:var(--color-text);margin-top:24px;margin-bottom:12px}.doc-section p{color:var(--color-text);line-height:1.8}.doc-section ul,.doc-section ol{margin-left:32px;line-height:2}.doc-section li{color:var(--color-text);margin-bottom:8px}.doc-section code{color:var(--color-primary);font-size:.9em}.doc-section pre{background-color:var(--color-code-bg);border:1px solid var(--color-border);border-radius:6px;padding:16px;overflow-x:auto}.doc-section pre code{color:var(--color-text)}.tip-box{background-color:var(--color-code-bg);border-left:4px solid var(--color-primary);border-radius:4px;margin:16px 0;padding:12px 16px}strong{color:var(--color-text);font-weight:600}@media (width<=768px){.docs-main{padding:20px 16px}.docs-container{max-width:100%}.doc-section{margin-bottom:40px}.doc-section h2{font-size:1.5rem}.doc-section h3{font-size:1.2rem}}.app-container{height:100vh;display:flex}.app-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}@media (width<=768px){.app-container{flex-direction:column}.app-content{height:auto}}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background-color:var(--color-bg,#fff);color:var(--color-text,#000);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}:root{--color-primary:#4f46e5;--color-bg:#fff;--color-text:#1f2937;--color-border:#e5e7eb;--color-code-bg:#f3f4f6}@media (prefers-color-scheme:dark){:root{--color-bg:#0f172a;--color-text:#f1f5f9;--color-border:#334155;--color-code-bg:#1e293b}}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}code{background-color:var(--color-code-bg);border-radius:3px;padding:2px 6px;font-family:Courier New,monospace;font-size:.9em}pre{background-color:var(--color-code-bg);border-radius:6px;margin:12px 0;padding:12px 16px;overflow-x:auto}pre code{background-color:#0000;padding:0}h1,h2,h3,h4,h5,h6{margin-top:24px;margin-bottom:12px;font-weight:600}h1{font-size:2.5rem}h2{border-bottom:2px solid var(--color-border);padding-bottom:8px;font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:12px}ul,ol{margin-bottom:12px;margin-left:24px}li{margin-bottom:6px}blockquote{border-left:4px solid var(--color-primary);color:var(--color-text);opacity:.8;margin:12px 0;padding-left:12px}table{border-collapse:collapse;width:100%;margin:12px 0}th,td{border:1px solid var(--color-border);text-align:left;padding:8px 12px}th{background-color:var(--color-code-bg);font-weight:600}