body{margin:0;padding:0;background:#f8fafc;color:#0f172a;font-family:Inter,system-ui,sans-serif}.app-layout{min-height:100vh;display:flex;flex-direction:column}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:60px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;position:sticky;top:0;z-index:100}.nav-brand{font-weight:700;font-size:1.1rem;color:#1e293b;display:flex;align-items:center;gap:8px}.nav-links{display:flex;gap:20px}.nav-link{text-decoration:none;font-weight:500;font-size:.95rem;color:#64748b;transition:color .2s;padding:8px 0;border-bottom:2px solid transparent}.nav-link:hover{color:#0f172a}.nav-link.active{color:#667eea;border-bottom-color:#667eea}.main-content{flex:1}@media (prefers-color-scheme: dark){body{background:#0f0f1a;color:#f8fafc}.top-nav{background:#1e1e2d;border-bottom-color:#334155}.nav-brand{color:#f8fafc}.nav-link{color:#94a3b8}.nav-link:hover{color:#f8fafc}}.vue-speedometer-container{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;box-sizing:border-box}.vue-speedometer-svg{display:block;max-width:100%;height:auto}.vue-speedometer-center-slot{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-align:center}.vue-speedometer-alert-ring{animation:speedometer-pulse 1.5s ease-in-out infinite}@keyframes speedometer-pulse{0%,to{opacity:.3}50%{opacity:1}}.vue-speedometer-sparkline{transition:d .3s ease}.vue-speedometer-tooltip{background:#0f172ae6;color:#f1f5f9;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-align:center;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #0003}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.demo-app{min-height:100vh;background:#0f0f1a;color:#e2e8f0;transition:background .4s,color .4s}.demo-app.theme-light,.demo-app.theme-material{background:#f1f5f9;color:#1e293b}.demo-app.theme-minimal{background:#f8fafc;color:#374151}.hero{position:relative;padding:60px 24px 48px;text-align:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#667eea44,#764ba244);z-index:0}.hero-content{position:relative;z-index:1;max-width:720px;margin:0 auto}.hero-icon{font-size:1.5em}.hero-title{font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin-bottom:12px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.1rem;opacity:.8;margin-bottom:20px;line-height:1.5}.hero-badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.badge{padding:4px 14px;border-radius:100px;font-size:.78rem;font-weight:600;background:#667eea26;color:#a5b4fc;border:1px solid rgba(102,126,234,.25)}.badge-new{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 6px #10b98100}}.theme-light .badge,.theme-material .badge{background:#667eea1a;color:#4f46e5;border-color:#4f46e533}.controls-bar{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap;padding:20px 24px;background:#ffffff08;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.theme-light .controls-bar,.theme-material .controls-bar,.theme-minimal .controls-bar{background:#00000005;border-color:#00000014}.control-group{display:flex;align-items:center;gap:10px}.control-label{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.6}.control-value{font-size:1.1rem;font-weight:700;min-width:40px;text-align:center;color:#a5b4fc}.theme-light .control-value{color:#4f46e5}.slider{width:180px;accent-color:#667eea;cursor:pointer}.select-input{padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:inherit;font-size:.85rem;cursor:pointer}.theme-light .select-input,.theme-material .select-input{border-color:#00000026;background:#fff}.theme-pills{display:flex;gap:4px}.theme-pill{padding:5px 12px;border-radius:100px;border:1px solid rgba(255,255,255,.1);background:transparent;color:inherit;font-size:.78rem;font-weight:500;cursor:pointer;text-transform:capitalize;transition:all .2s}.theme-pill:hover{background:#667eea26}.theme-pill.active{background:#667eea;color:#fff;border-color:#667eea}.theme-light .theme-pill{border-color:#00000026}.btn{padding:8px 18px;border-radius:10px;border:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #667eea4d}.btn-outline{background:transparent;color:inherit;border:1px solid rgba(255,255,255,.15)}.btn-outline:hover{background:#ffffff0d}.theme-light .btn-outline{border-color:#00000026}.theme-light .btn-outline:hover{background:#00000008}.section{max-width:1100px;margin:0 auto;padding:40px 24px 0}.section-title{font-size:1.4rem;font-weight:700;margin-bottom:24px;letter-spacing:-.3px}.v2-section{position:relative;margin-top:20px}.v2-section:before{content:"";position:absolute;top:0;left:-24px;right:-24px;bottom:-40px;background:linear-gradient(135deg,#10b9810a,#3b82f60a);border-radius:20px;pointer-events:none;z-index:0}.v2-section>*{position:relative;z-index:1}.v2-badge-row{margin-bottom:8px}.v2-badge{display:inline-block;padding:4px 14px;border-radius:100px;font-size:.75rem;font-weight:700;letter-spacing:.5px;background:linear-gradient(135deg,#10b981,#3b82f6);color:#fff}.gauge-grid{display:grid;gap:24px}.three-col{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.two-col{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.gauge-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;transition:background .3s,border-color .3s}.gauge-card:hover{background:#ffffff0d;border-color:#667eea33}.gauge-card-wide{grid-column:span 2}.theme-light .gauge-card,.theme-material .gauge-card{background:#fff;border-color:#00000014;box-shadow:0 1px 3px #0000000a}.theme-light .gauge-card:hover,.theme-material .gauge-card:hover{border-color:#4f46e533;box-shadow:0 4px 16px #0000000f}.theme-minimal .gauge-card{background:transparent;border-color:#0000000f}.card-label{font-size:.85rem;font-weight:600;opacity:.7;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.card-desc{font-size:.78rem;opacity:.5;margin-bottom:12px;text-align:center}.card-controls{width:100%;margin-top:12px;display:flex;flex-direction:column;gap:8px}.mini-control{display:flex;align-items:center;gap:8px;font-size:.82rem}.mini-label{font-weight:600;min-width:80px;font-size:.78rem}.mini-val{font-weight:700;min-width:30px;text-align:right;font-size:.85rem;color:#a5b4fc}.slider-sm{flex:1;accent-color:#667eea;cursor:pointer}.custom-center{display:flex;flex-direction:column;align-items:center;gap:2px}.custom-center-value{font-size:28px;font-weight:700;line-height:1}.custom-center-label{font-size:12px;opacity:.6;text-transform:uppercase;letter-spacing:1px}.custom-center-pct{font-size:11px;opacity:.4}.export-row{display:flex;gap:12px;flex-wrap:wrap}.event-log{background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;max-height:220px;overflow-y:auto;font-family:Courier New,monospace;font-size:.82rem}.theme-light .event-log,.theme-material .event-log{background:#f8fafc;border-color:#00000014}.log-entry{padding:4px 0;display:flex;gap:10px}.log-type{color:#a5b4fc;font-weight:600;min-width:120px}.theme-light .log-type{color:#4f46e5}.log-msg{opacity:.7}.log-empty{opacity:.4;text-align:center;padding:20px}.developer-section{margin-top:48px;padding:56px 24px;background:linear-gradient(135deg,#1e3a5f,#1a1a2e,#16213e);border-radius:20px;text-align:center;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.developer-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(118,75,162,.1) 0%,transparent 50%);pointer-events:none}.theme-light .developer-section,.theme-material .developer-section,.theme-minimal .developer-section{background:linear-gradient(135deg,#4f46e5,#3b82f6,#2563eb);border:none;box-shadow:0 10px 30px #3b82f633}.theme-light .developer-section:before,.theme-material .developer-section:before,.theme-minimal .developer-section:before{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.2) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.1) 0%,transparent 50%)}.theme-light .developer-name,.theme-material .developer-name,.theme-minimal .developer-name,.theme-light .avatar-initial,.theme-material .avatar-initial,.theme-minimal .avatar-initial{color:#fff}.developer-card{position:relative;z-index:1;max-width:480px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:8px}.developer-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;margin-bottom:8px;box-shadow:0 8px 32px #667eea4d;animation:avatar-glow 3s ease-in-out infinite alternate}@keyframes avatar-glow{0%{box-shadow:0 8px 32px #667eea4d}to{box-shadow:0 8px 40px #764ba266}}.avatar-initial{font-size:2rem;font-weight:800;color:#fff;line-height:1}.developer-name{font-size:1.6rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.3px}.developer-role{font-size:.9rem;color:#fff9;margin:0 0 16px;font-weight:500}.developer-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.dev-link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s ease}.dev-link-email{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#a5b4fc}.dev-link-email:hover{background:#667eea33;border-color:#667eea66;transform:translateY(-2px);box-shadow:0 4px 16px #667eea33}.theme-light .dev-link-email,.theme-material .dev-link-email,.theme-minimal .dev-link-email{color:#fff}.dev-link-github{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#e2e8f0}.dev-link-github:hover{background:#ffffff24;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 16px #ffffff14}.theme-light .dev-link-github,.theme-material .dev-link-github,.theme-minimal .dev-link-github{color:#fff}.developer-tagline{margin:16px 0 0;font-size:.85rem;color:#ffffff80;font-style:italic}.footer{text-align:center;padding:48px 24px;opacity:.5;font-size:.85rem}@media (max-width: 1024px){.section{padding:32px 20px 0}.controls-bar{gap:16px;padding:18px 20px}.slider{width:140px}.two-col{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.hero{padding:40px 20px 36px}.hero-title{font-size:2rem}.hero-subtitle{font-size:.95rem}.controls-bar{flex-direction:column;gap:14px;padding:16px;align-items:stretch}.control-group{justify-content:space-between;width:100%}.slider{width:100%;flex:1}.theme-pills{flex-wrap:wrap;gap:6px}.select-input{flex:1}.section{padding:28px 16px 0}.section-title{font-size:1.2rem;margin-bottom:18px}.three-col,.two-col{grid-template-columns:1fr}.gauge-card-wide{grid-column:span 1}.gauge-card{padding:18px}.event-log{padding:12px;font-size:.78rem}.log-entry{flex-direction:column;gap:2px}.log-type{min-width:unset;font-size:.75rem}.export-row{flex-direction:column}.export-row .btn{width:100%;text-align:center}.footer{padding:32px 16px;font-size:.8rem}.mini-control{flex-wrap:wrap}.card-controls{gap:10px}.developer-section{padding:40px 20px;margin-top:32px;border-radius:16px}}@media (max-width: 480px){.hero{padding:28px 14px 24px}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:.85rem;margin-bottom:14px}.hero-badges{gap:6px}.badge{font-size:.68rem;padding:3px 10px}.controls-bar{padding:14px 12px;gap:12px}.control-label{font-size:.72rem}.control-value{font-size:.95rem}.theme-pill{font-size:.7rem;padding:4px 10px}.btn{padding:7px 14px;font-size:.8rem}.section{padding:20px 10px 0}.section-title{font-size:1.05rem;margin-bottom:14px}.gauge-card{padding:14px;border-radius:12px}.card-label{font-size:.78rem}.card-desc{font-size:.72rem}.v2-badge{font-size:.68rem;padding:3px 10px}.custom-center-value{font-size:22px}.custom-center-label{font-size:10px}.event-log{max-height:160px;padding:10px;font-size:.72rem;border-radius:10px}.footer{padding:24px 10px;font-size:.75rem}.footer p{line-height:1.6}.developer-section{padding:32px 16px;margin-top:24px;border-radius:12px}.developer-name{font-size:1.4rem}.developer-avatar{width:64px;height:64px}.avatar-initial{font-size:1.5rem}.developer-links{flex-direction:column;width:100%}.dev-link{width:100%;justify-content:center}}.docs[data-v-59e20d12]{--primary: #2563eb;--primary-light: #3b82f6;--primary-dark: #1d4ed8;--primary-bg: #eff6ff;--secondary: #8b5cf6;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-inverse: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--border-light: #e2e8f0;--border-medium: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Fira Code", "JetBrains Mono", monospace}.docs.dark[data-v-59e20d12]{--primary: #3b82f6;--primary-light: #60a5fa;--primary-dark: #2563eb;--primary-bg: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-inverse: #0f172a;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--border-light: #334155;--border-medium: #475569}.docs[data-v-59e20d12]{font-family:var(--font-sans);color:var(--text-secondary);background:var(--bg-primary);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}.skip-link[data-v-59e20d12]{position:absolute;top:-40px;left:0;background:var(--primary);color:#fff;padding:8px 16px;z-index:100;text-decoration:none}.skip-link[data-v-59e20d12]:focus{top:0}.header[data-v-59e20d12]{position:relative;background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:var(--text-inverse);overflow:hidden;padding:3rem 1.5rem}@media (min-width: 768px){.header[data-v-59e20d12]{padding:4rem 2rem}}@media (min-width: 1024px){.header[data-v-59e20d12]{padding:5rem 2rem}}.header-bg[data-v-59e20d12]{position:absolute;top:0;right:0;bottom:0;left:0}.header-bg-glow[data-v-59e20d12]{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%)}.header-bg-dots[data-v-59e20d12]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:40px 40px;opacity:.5}.header-content[data-v-59e20d12]{position:relative;max-width:1280px;margin:0 auto}.header-top[data-v-59e20d12]{margin-bottom:2rem}.version-badge[data-v-59e20d12]{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:9999px;font-size:.875rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.version-dot[data-v-59e20d12]{width:.5rem;height:.5rem;background:var(--success);border-radius:50%;animation:pulse-59e20d12 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-59e20d12{0%,to{opacity:1}50%{opacity:.5}}.header-main[data-v-59e20d12]{max-width:48rem}.title[data-v-59e20d12]{display:flex;align-items:center;gap:.75rem;font-size:2.5rem;font-weight:800;margin:0 0 1rem;line-height:1.2}@media (min-width: 768px){.title[data-v-59e20d12]{font-size:3rem}}@media (min-width: 1024px){.title[data-v-59e20d12]{font-size:3.5rem}}.title-icon[data-v-59e20d12]{font-size:2.5rem}@media (min-width: 768px){.title-icon[data-v-59e20d12]{font-size:3rem}}.subtitle[data-v-59e20d12]{font-size:1.125rem;opacity:.9;margin:0 0 2rem;line-height:1.5}@media (min-width: 768px){.subtitle[data-v-59e20d12]{font-size:1.25rem}}.tech-badges[data-v-59e20d12]{display:flex;flex-wrap:wrap;gap:.75rem}.tech-badge[data-v-59e20d12]{padding:.375rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.header-stats[data-v-59e20d12]{display:none}@media (min-width: 1024px){.header-stats[data-v-59e20d12]{position:absolute;top:0;right:0;display:flex;align-items:center;gap:2rem;padding:1rem 2rem;background:#ffffff1a;border-radius:9999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.stat-item[data-v-59e20d12]{display:flex;flex-direction:column;align-items:center}.stat-value[data-v-59e20d12]{font-size:1.5rem;font-weight:700;line-height:1.2}.stat-label[data-v-59e20d12]{font-size:.75rem;opacity:.7}.stat-divider[data-v-59e20d12]{width:1px;height:2rem;background:#fff3}.nav[data-v-59e20d12]{position:sticky;top:0;z-index:40;background:var(--bg-primary);border-bottom:1px solid var(--border-light);transition:all .3s}.nav-sticky[data-v-59e20d12]{box-shadow:var(--shadow-md)}.nav-container[data-v-59e20d12]{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:.75rem 1.5rem}.mobile-menu-btn[data-v-59e20d12]{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md)}.mobile-menu-btn[data-v-59e20d12]:hover{background:var(--bg-secondary)}@media (min-width: 768px){.mobile-menu-btn[data-v-59e20d12]{display:none}}.nav-links[data-v-59e20d12]{display:none;gap:.25rem}@media (min-width: 768px){.nav-links[data-v-59e20d12]{display:flex;flex:1;justify-content:center}}.nav-links.mobile-open[data-v-59e20d12]{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;background:var(--bg-primary);border-bottom:1px solid var(--border-light);padding:1rem;box-shadow:var(--shadow-lg)}.nav-link[data-v-59e20d12]{position:relative;padding:.5rem 1rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);transition:all .2s;white-space:nowrap}.nav-link[data-v-59e20d12]:hover{color:var(--text-primary);background:var(--bg-secondary)}.nav-link.active[data-v-59e20d12]{color:var(--primary);background:var(--primary-bg)}.nav-badge[data-v-59e20d12]{margin-left:.375rem;padding:.125rem .375rem;background:var(--primary);color:#fff;border-radius:9999px;font-size:.625rem;font-weight:600}.theme-toggle[data-v-59e20d12]{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md)}.theme-toggle[data-v-59e20d12]:hover{background:var(--bg-secondary);color:var(--text-primary)}.main[data-v-59e20d12]{max-width:1280px;margin:0 auto;padding:2rem 1.5rem}.main-container[data-v-59e20d12]{display:flex;gap:2rem}.toc[data-v-59e20d12]{display:none;width:14rem;flex-shrink:0}@media (min-width: 1024px){.toc[data-v-59e20d12]{display:block}}.toc-sticky[data-v-59e20d12]{position:sticky;top:6rem}.toc-title[data-v-59e20d12]{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin:0 0 1rem}.toc-list[data-v-59e20d12]{list-style:none;padding:0;margin:0 0 1.5rem}.toc-item[data-v-59e20d12]{margin-bottom:.5rem}.toc-link[data-v-59e20d12]{display:block;padding:.375rem .75rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;border-left:2px solid transparent;transition:all .2s}.toc-link[data-v-59e20d12]:hover{color:var(--text-primary);border-left-color:var(--border-medium)}.toc-link.active[data-v-59e20d12]{color:var(--primary);border-left-color:var(--primary);font-weight:500}.github-link[data-v-59e20d12]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);color:var(--text-primary);text-decoration:none;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:1px solid var(--border-light);transition:all .2s}.github-link[data-v-59e20d12]:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.content[data-v-59e20d12]{flex:1;min-width:0}.section[data-v-59e20d12]{margin-bottom:4rem;scroll-margin-top:5rem}.section-header[data-v-59e20d12]{margin-bottom:1.5rem}.section-tag[data-v-59e20d12]{display:inline-block;padding:.25rem .75rem;background:var(--primary-bg);color:var(--primary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;margin-bottom:.5rem}.feature-tag[data-v-59e20d12]{background:#fef3c7;color:#d97706}.dark .feature-tag[data-v-59e20d12]{background:#854d0e;color:#fbbf24}.section-title[data-v-59e20d12]{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.2}@media (min-width: 768px){.section-title[data-v-59e20d12]{font-size:2rem}}.section-description[data-v-59e20d12]{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.5}.package-managers[data-v-59e20d12]{display:flex;gap:.25rem;margin-bottom:1rem;background:var(--bg-secondary);padding:.25rem;border-radius:var(--radius-md);width:fit-content}.package-btn[data-v-59e20d12]{padding:.5rem 1.25rem;background:transparent;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.package-btn.active[data-v-59e20d12]{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.code-card[data-v-59e20d12]{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:1rem}.code-card.compact[data-v-59e20d12]{margin-bottom:0}.code-header[data-v-59e20d12]{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.code-language[data-v-59e20d12]{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.copy-button[data-v-59e20d12]{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.copy-button[data-v-59e20d12]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.code-content[data-v-59e20d12]{margin:0;padding:1rem;overflow-x:auto}.code-content code[data-v-59e20d12]{font-family:var(--font-mono);font-size:.875rem;line-height:1.6;color:var(--text-primary)}.setup-grid[data-v-59e20d12]{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}@media (min-width: 768px){.setup-grid[data-v-59e20d12]{grid-template-columns:1fr 1fr}}.setup-title[data-v-59e20d12]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.examples-grid[data-v-59e20d12]{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}@media (min-width: 640px){.examples-grid[data-v-59e20d12]{grid-template-columns:repeat(2,1fr)}}.example-card[data-v-59e20d12]{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.example-preview[data-v-59e20d12]{display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-primary);border-bottom:1px solid var(--border-light)}.example-preview.dark-bg[data-v-59e20d12]{background:#1e293b}.example-info[data-v-59e20d12]{padding:1.5rem}.example-header[data-v-59e20d12]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.example-name[data-v-59e20d12]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.example-badge[data-v-59e20d12]{padding:.25rem .75rem;background:var(--primary-bg);color:var(--primary);font-size:.75rem;font-weight:600;border-radius:9999px}.playground-card[data-v-59e20d12]{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;margin-top:1.5rem}.playground-preview[data-v-59e20d12]{display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;background:var(--bg-primary);border-bottom:1px solid var(--border-light)}.playground-controls[data-v-59e20d12]{padding:1.5rem}@media (min-width: 768px){.playground-controls[data-v-59e20d12]{display:grid;grid-template-columns:1fr 1fr;gap:2rem}}.control-group[data-v-59e20d12]{display:flex;flex-direction:column;gap:1.25rem}.control-row[data-v-59e20d12]{display:flex;flex-direction:column;gap:.5rem}.control-label[data-v-59e20d12]{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.control-value[data-v-59e20d12]{font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--primary)}.control-slider[data-v-59e20d12]{width:100%;height:.375rem;background:var(--border-light);border-radius:9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.control-slider[data-v-59e20d12]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;background:var(--primary);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md)}.control-select[data-v-59e20d12]{padding:.5rem .75rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);outline:none;transition:all .2s}.control-select[data-v-59e20d12]:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.features-grid[data-v-59e20d12]{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}@media (min-width: 768px){.features-grid[data-v-59e20d12]{grid-template-columns:repeat(2,1fr)}}.feature-card[data-v-59e20d12]{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.feature-preview[data-v-59e20d12]{display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-primary);border-bottom:1px solid var(--border-light)}.feature-content[data-v-59e20d12]{padding:1.5rem}.feature-title[data-v-59e20d12]{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.feature-badge[data-v-59e20d12]{padding:.125rem .375rem;background:var(--primary);color:#fff;font-size:.625rem;font-weight:600;border-radius:9999px}.feature-desc[data-v-59e20d12]{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.5}.feature-controls[data-v-59e20d12]{display:flex;align-items:center;gap:.75rem}.control-label-small[data-v-59e20d12]{font-size:.75rem;font-weight:500;color:var(--text-tertiary)}.control-value-small[data-v-59e20d12]{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--primary)}.props-table-wrapper[data-v-59e20d12]{overflow-x:auto;margin-top:1.5rem;border:1px solid var(--border-light);border-radius:var(--radius-lg)}.props-table[data-v-59e20d12]{width:100%;border-collapse:collapse;font-size:.875rem}.props-table th[data-v-59e20d12]{padding:1rem;background:var(--bg-secondary);font-weight:600;color:var(--text-secondary);text-align:left;border-bottom:1px solid var(--border-light)}.props-table td[data-v-59e20d12]{padding:1rem;border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.props-table tr:last-child td[data-v-59e20d12]{border-bottom:none}.prop-name[data-v-59e20d12]{padding:.25rem .5rem;background:var(--primary-bg);color:var(--primary);border-radius:var(--radius-sm);font-size:.8125rem}.prop-type[data-v-59e20d12]{padding:.25rem .5rem;background:var(--bg-tertiary);color:var(--secondary);border-radius:var(--radius-sm);font-size:.8125rem}.prop-default[data-v-59e20d12]{padding:.25rem .5rem;background:var(--bg-tertiary);color:var(--success);border-radius:var(--radius-sm);font-size:.8125rem}.prop-desc[data-v-59e20d12]{color:var(--text-secondary)}.slot-demo[data-v-59e20d12]{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}@media (min-width: 768px){.slot-demo[data-v-59e20d12]{grid-template-columns:1fr 1fr}}.slot-preview[data-v-59e20d12]{display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.slot-info[data-v-59e20d12]{padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.slot-header[data-v-59e20d12]{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.slot-name[data-v-59e20d12]{padding:.25rem .75rem;background:var(--primary);color:#fff;border-radius:9999px;font-size:.875rem;font-weight:600}.slot-badge[data-v-59e20d12]{padding:.25rem .5rem;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.75rem;border-radius:9999px}.slot-desc[data-v-59e20d12]{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.5}.slot-props[data-v-59e20d12]{display:flex;flex-direction:column;gap:.75rem}.slot-prop[data-v-59e20d12]{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--radius-md)}.slot-prop code[data-v-59e20d12]{font-family:var(--font-mono);font-size:.8125rem;color:var(--primary)}.slot-prop span[data-v-59e20d12]{font-size:.75rem;color:var(--text-tertiary)}.custom-center[data-v-59e20d12]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.custom-center-value[data-v-59e20d12]{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1.2}.custom-center-label[data-v-59e20d12]{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.custom-center-percentage[data-v-59e20d12]{font-size:.875rem;color:var(--primary);font-weight:600}.events-grid[data-v-59e20d12]{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.5rem}@media (min-width: 640px){.events-grid[data-v-59e20d12]{grid-template-columns:repeat(2,1fr)}}.event-card[data-v-59e20d12]{padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.event-header[data-v-59e20d12]{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.event-name[data-v-59e20d12]{padding:.25rem .75rem;background:var(--bg-tertiary);color:var(--text-primary);border-radius:9999px;font-size:.875rem;font-weight:600}.event-type[data-v-59e20d12]{padding:.125rem .5rem;background:var(--primary-bg);color:var(--primary);border-radius:var(--radius-sm);font-size:.75rem}.event-desc[data-v-59e20d12]{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.methods-grid[data-v-59e20d12]{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}@media (min-width: 768px){.methods-grid[data-v-59e20d12]{grid-template-columns:repeat(2,1fr)}}.method-card[data-v-59e20d12]{padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.method-header[data-v-59e20d12]{margin-bottom:.75rem}.method-name[data-v-59e20d12]{padding:.25rem .75rem;background:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--radius-md);font-size:1rem;font-weight:600}.method-desc[data-v-59e20d12]{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.5}.method-demo[data-v-59e20d12]{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md)}.method-actions[data-v-59e20d12]{display:flex;gap:.5rem}.method-btn[data-v-59e20d12]{flex:1;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.method-btn[data-v-59e20d12]:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-medium)}.types-grid[data-v-59e20d12]{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}@media (min-width: 640px){.types-grid[data-v-59e20d12]{grid-template-columns:repeat(2,1fr)}}.type-card[data-v-59e20d12]{padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.type-label[data-v-59e20d12]{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:.5rem}.type-title[data-v-59e20d12]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.author-section[data-v-59e20d12]{margin-top:3rem}.author-card[data-v-59e20d12]{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,var(--primary-dark),var(--primary));border-radius:var(--radius-xl);color:#fff}.author-avatar[data-v-59e20d12]{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;font-size:1.5rem;font-weight:700;flex-shrink:0}.author-initial[data-v-59e20d12]{color:#fff}.author-info[data-v-59e20d12]{flex:1}.author-name[data-v-59e20d12]{font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.author-role[data-v-59e20d12]{font-size:.875rem;opacity:.8;margin:0 0 1rem}.author-links[data-v-59e20d12]{display:flex;gap:1rem}.author-link[data-v-59e20d12]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:#fff;text-decoration:none;font-size:.875rem;transition:all .2s}.author-link[data-v-59e20d12]:hover{background:#fff3;border-color:#ffffff4d}.footer[data-v-59e20d12]{margin-top:4rem;padding:2rem 1.5rem;border-top:1px solid var(--border-light)}.footer-content[data-v-59e20d12]{max-width:1280px;margin:0 auto;text-align:center;font-size:.875rem;color:var(--text-tertiary)}.footer-content p[data-v-59e20d12]{margin:.25rem 0}@media (max-width: 768px){.main[data-v-59e20d12]{padding:1.5rem 1rem}.section[data-v-59e20d12]{margin-bottom:3rem}.section-title[data-v-59e20d12]{font-size:1.5rem}.playground-preview[data-v-59e20d12]{padding:2rem 1rem}.feature-preview[data-v-59e20d12]{padding:1.5rem}.author-card[data-v-59e20d12]{flex-direction:column;text-align:center}.author-links[data-v-59e20d12]{justify-content:center}}@media (max-width: 480px){.header[data-v-59e20d12]{padding:2rem 1rem}.title[data-v-59e20d12],.title-icon[data-v-59e20d12]{font-size:2rem}.subtitle[data-v-59e20d12]{font-size:1rem}.tech-badges[data-v-59e20d12]{flex-direction:column}.nav-links.mobile-open[data-v-59e20d12]{max-height:80vh;overflow-y:auto}.example-preview[data-v-59e20d12]{padding:1.5rem}.example-info[data-v-59e20d12],.playground-controls[data-v-59e20d12],.feature-content[data-v-59e20d12]{padding:1rem}.method-actions[data-v-59e20d12],.author-links[data-v-59e20d12]{flex-direction:column}.author-link[data-v-59e20d12]{width:100%;justify-content:center}}.dark .code-content code[data-v-59e20d12]{color:#e2e8f0}.dark .example-preview.dark-bg[data-v-59e20d12]{background:#0f172a}.dark .feature-badge[data-v-59e20d12],.dark .slot-name[data-v-59e20d12]{background:var(--primary)}.dark .method-name[data-v-59e20d12]{background:var(--bg-tertiary);color:var(--text-primary)}@keyframes fadeIn-59e20d12{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section[data-v-59e20d12]{animation:fadeIn-59e20d12 .5s ease-out}.example-card[data-v-59e20d12],.feature-card[data-v-59e20d12],.method-card[data-v-59e20d12],.event-card[data-v-59e20d12],.type-card[data-v-59e20d12]{transition:transform .2s,box-shadow .2s}.example-card[data-v-59e20d12]:hover,.feature-card[data-v-59e20d12]:hover,.method-card[data-v-59e20d12]:hover,.event-card[data-v-59e20d12]:hover,.type-card[data-v-59e20d12]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media print{.nav[data-v-59e20d12],.toc[data-v-59e20d12],.theme-toggle[data-v-59e20d12],.mobile-menu-btn[data-v-59e20d12],.copy-button[data-v-59e20d12],.method-actions[data-v-59e20d12],.feature-controls[data-v-59e20d12],.playground-controls[data-v-59e20d12],.footer[data-v-59e20d12]{display:none!important}.header[data-v-59e20d12]{background:none;color:#000;padding:1rem}.header-bg[data-v-59e20d12]{display:none}.section[data-v-59e20d12]{break-inside:avoid}.code-card[data-v-59e20d12]{border:1px solid #ddd}}