*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}.app-root{display:flex;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,sans-serif}.app-top-header{height:60px;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50}.app-github-link{display:flex;align-items:center;gap:8px;color:#374151;text-decoration:none;font-weight:500;font-size:.9rem;padding:6px 12px;border-radius:6px;transition:background .2s}.app-github-link:hover{background:#f3f4f6;color:#111827}.app-container{display:flex;flex-direction:row;width:100%;flex:1}.app-sidebar{width:280px;border-right:1px solid #e0e0e0;background:#f9fafb;padding:24px 16px;display:flex;flex-direction:column;gap:24px;max-height:100vh;height:100vh;overflow-y:auto;flex-shrink:0}.app-logo-section{display:flex;align-items:center;gap:12px}.app-logo{width:32px;height:32px}.app-title{font-size:1.25rem;font-weight:800;color:#4f46e5;margin:0;display:flex;align-items:center;gap:8px}.app-version{font-size:.65rem;color:#94a3b8;background:#f1f5f9;padding:2px 6px;border-radius:4px;vertical-align:middle}.sidebar-category-title{font-size:.75rem;text-transform:uppercase;color:#9ca3af;font-weight:700;letter-spacing:.05em;margin:0 0 8px 12px}.sidebar-nav-group{display:flex;flex-direction:column;gap:2px}.sidebar-nav-button{padding:8px 12px;text-align:left;background:transparent;color:#4b5563;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .15s}.sidebar-nav-button:hover{background:#f3f4f6;color:#111827}.sidebar-nav-button--active{background:#e0e7ff;color:#4338ca;font-weight:600}.app-main-content{background:#fff;flex:1;overflow-y:auto;height:calc(100vh - 60px)}.app-page-wrapper{display:flex;flex-direction:row;width:100%;max-width:100%}.app-content-column{flex:1;min-width:0;padding-right:24px}.app-content-column--full-width{padding-right:0}.app-content-column h2{margin-top:36px;margin-bottom:16px;border-bottom:1px solid #e2e8f0;padding-bottom:8px}.app-content-column h3{margin-top:24px;margin-bottom:12px}.app-toc-sidebar{width:240px;padding:32px 24px;position:sticky;top:0;height:calc(100vh - 60px);overflow-y:auto;border-left:1px solid #e0e0e0;background:#fafafa;flex-shrink:0}.toc-title{font-size:.75rem;text-transform:uppercase;color:#9ca3af;font-weight:700;letter-spacing:.05em;margin:0 0 12px}.toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.toc-item.toc-level-2{margin-left:0}.toc-item.toc-level-3{margin-left:12px}.toc-link{display:block;color:#64748b;text-decoration:none;font-size:.85rem;padding:4px 8px;border-radius:4px;transition:all .2s;line-height:1.4}.toc-link:hover{color:#0f172a;background:#f1f5f9}.toc-link.active{color:#4f46e5;background:#e0e7ff;font-weight:500}.demo-skeleton-container{display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column;gap:12px;color:#888;font-family:Inter,system-ui,sans-serif}.demo-skeleton-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#1976d2;border-radius:50%;animation:ogx-spin .7s linear infinite}.demo-skeleton-text{font-size:.85rem}@keyframes ogx-spin{to{transform:rotate(360deg)}}