:root{--brand-color: #7b2cbf;--brand-hover: #5a189a;--bg-color: #ffffff;--sidebar-bg: #f8f9fa;--text-main: #333333;--text-muted: #555555;--border-color: #e9ecef;--hover-bg: #e2e6ea;--code-bg: #1e1e1e;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media(prefers-color-scheme:dark){:root{--bg-color: #121212;--sidebar-bg: #1a1a1a;--text-main: #e4e4e7;--text-muted: #a1a1aa;--border-color: #27272a;--hover-bg: #27272a;--code-bg: #000000}}[data-theme=light]{--bg-color: #ffffff;--sidebar-bg: #f8f9fa;--text-main: #333333;--text-muted: #555555;--border-color: #e9ecef;--hover-bg: #e2e6ea;--code-bg: #1e1e1e}[data-theme=dark]{--bg-color: #121212;--sidebar-bg: #1a1a1a;--text-main: #e4e4e7;--text-muted: #a1a1aa;--border-color: #27272a;--hover-bg: #27272a;--code-bg: #000000}[data-theme=light] .theme-image-wrapper .img-dark{display:none}[data-theme=light] .theme-image-wrapper .img-light{display:block}[data-theme=dark] .theme-image-wrapper .img-light{display:none}[data-theme=dark] .theme-image-wrapper .img-dark{display:block}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--text-main);background-color:var(--bg-color);display:flex;flex-direction:column;height:100vh;overflow:hidden;transition:background-color .3s ease,color .3s ease}.mobile-header{display:none;justify-content:space-between;align-items:center;padding:16px 20px;background-color:var(--sidebar-bg);border-bottom:1px solid var(--border-color)}.mobile-header h2{font-size:1.25rem;color:var(--brand-color)}.icon-btn{background:none;border:none;color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:6px;transition:background-color .2s}.icon-btn:hover{background-color:var(--hover-bg)}.layout-container{display:flex;width:100%;height:100%;overflow:hidden}.sidebar{width:280px;min-width:280px;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;transition:transform .3s ease,background-color .3s ease}.sidebar-header{padding:24px 20px;border-bottom:1px solid var(--border-color)}.sidebar-header h2{font-size:1.25rem;color:var(--brand-color)}.sidebar-nav{padding:20px 10px;flex:1;overflow-y:auto}.sidebar-footer{padding:16px;border-top:1px solid var(--border-color);display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;background-color:var(--sidebar-bg)}.sidebar-footer a{text-decoration:none;font-weight:700;cursor:pointer;color:currentColor}.sidebar-footer a:hover{color:var(--brand-color)}details{margin-bottom:8px}summary{font-weight:600;padding:8px 12px;cursor:pointer;border-radius:6px;color:var(--text-main);transition:background-color .2s;list-style:none;display:flex;align-items:center;user-select:none}summary::-webkit-details-marker{display:none}summary:before{content:"\25b6";font-size:.7em;margin-right:10px;color:var(--text-muted);transition:transform .2s ease}ul{padding-inline-start:20px}ul li{color:var(--text-muted)}details[open] summary:before{transform:rotate(90deg)}summary:hover{background-color:var(--hover-bg)}details ul{list-style:none;padding-left:24px;margin-top:4px;margin-bottom:12px}details li a{display:block;padding:6px 12px;text-decoration:none;color:var(--text-muted);font-size:.95rem;border-radius:4px;border-left:3px solid transparent;transition:all .2s}details li a:hover{color:var(--text-main);background-color:var(--hover-bg)}details li a.active{color:var(--brand-color);font-weight:500;border-left:3px solid var(--brand-color);background-color:#7b2cbf1a}.docs-brand{display:flex;align-items:center;gap:.5rem}.brand-home{font-weight:700;text-decoration:none;color:inherit}.brand-badge{font-size:.75rem;padding:.15rem .45rem;border-radius:4px;background:#80808026;text-decoration:none;color:inherit}.content{flex:1;overflow-y:auto;padding:40px 60px}.content-wrapper{max-width:850px;margin:0 auto}.content-header{margin-bottom:32px}.content-header h1{font-size:2.5rem;font-weight:700;letter-spacing:-.5px}.content-body{line-height:1.7;font-size:1.05rem}.content-body h2{margin-top:48px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border-color);font-size:1.75rem}.content-body p{margin-bottom:20px;color:var(--text-muted)}pre{background-color:var(--code-bg);color:#f8f8f2;padding:20px;border-radius:8px;overflow-x:auto;margin-bottom:24px;font-size:.95rem;box-shadow:inset 0 1px 4px #0003}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}p code{background-color:var(--hover-bg);color:var(--brand-color);padding:3px 6px;border-radius:4px;font-size:.9em}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:998;opacity:0;transition:opacity .3s ease}.sidebar-overlay.open{display:block;opacity:1}.code-card{background-color:var(--code-bg, #111113);border:1px solid var(--border-color, #27272a);border-radius:8px;margin:24px 0 32px;overflow:hidden;box-shadow:0 4px 14px #0003}.code-card-header{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff08;border-bottom:1px solid var(--border-color, #27272a);padding:0 12px}.code-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.code-tabs::-webkit-scrollbar{display:none}.code-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted, #a1a1aa);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;padding:12px 14px;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.code-tab:hover{color:var(--text-main, #ffffff)}.code-tab.active{color:var(--brand-color, #7b2cbf);border-bottom-color:var(--brand-color, #7b2cbf)}.copy-snippet-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid transparent;border-radius:5px;color:var(--text-muted, #a1a1aa);cursor:pointer;font-size:.75rem;font-weight:600;padding:6px 10px;transition:background-color .15s ease,color .15s ease,border-color .15s ease;user-select:none}.copy-snippet-btn:hover{background-color:var(--hover-bg, #27272a);color:var(--text-main, #ffffff);border-color:var(--border-color, #3f3f46)}.copy-snippet-btn .check-icon{display:none;color:#10b981}.copy-snippet-btn.copied{color:#10b981;border-color:#10b9814d;background-color:#10b98114}.copy-snippet-btn.copied .copy-icon{display:none}.copy-snippet-btn.copied .check-icon{display:block}.code-card-body{position:relative}.code-panel{display:none;margin:0!important;padding:20px!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;font-size:.88rem;line-height:1.6;overflow-x:auto}.code-panel.active{display:block}.code-panel code{color:#f8f8f2;background:transparent!important;padding:0!important}@media(max-width:768px){.mobile-header{display:flex}.desktop-only{display:none}.sidebar{position:fixed;top:0;left:0;z-index:999;transform:translate(-100%);height:100%;box-shadow:4px 0 10px #0000001a}.sidebar.open{transform:translate(0)}.content{padding:30px 20px}.content-header h1{font-size:2rem}}