:root{--code-bg:var(--surface-2);font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-base);letter-spacing:.2px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:12px}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1,h2,h3{color:var(--text-h);letter-spacing:.2px;margin:0;font-weight:900}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{color:var(--text-h);background:var(--surface);border:1px solid var(--border)}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1{font-size:20px;line-height:var(--line-height-tight)}h2{font-size:16px;line-height:var(--line-height-tight)}h3{font-size:14px;line-height:var(--line-height-tight)}p{margin:0}code,.counter{font-family:var(--font-mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#app{text-align:left;box-sizing:border-box;border:0;width:100%;max-width:none;min-height:100vh;margin:0;display:block}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}:root{--bg:var(--app-bg);--surface:var(--surface-1);--surface-2:#fafafa;--border:var(--border-color);--text:var(--text-secondary);--text-h:var(--text-primary);--muted:var(--text-muted);--accent:var(--accent-color);--social-bg:var(--surface-2);--shadow:var(--shadow-color);--space-1:4px;--space-2:6px;--space-3:8px;--space-4:10px;--space-5:12px;--space-6:14px;--space-7:16px;--space-8:18px;--space-9:20px;--space-10:24px;--space-11:28px;--space-12:32px;--space-13:40px;--radius-sm:10px;--radius-md:12px;--radius-lg:16px;--shadow-1:0 1px 2px #0000000f;--shadow-2:var(--shadow-color);--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-page-title:18px;--font-size-section-title:14px;--font-size-body:13px;--font-size-small:12px;--font-size-caption:11px;--line-height-tight:1.25;--line-height-base:1.45;--line-height-loose:1.6;--control-height-sm:30px;--control-height-md:34px;--control-height-lg:38px;--table-head-height:36px;--table-row-height:38px;--toolbar-height:44px;--layout-sider-width:260px;--layout-header-height:56px;--layout-page-padding:var(--space-7);--nav-item-height:40px;--nav-item-radius:999px;--icon-size-md:22px;--header-project-select-width:280px;--motion-fast:.12s;--motion-base:.16s;--motion-slow:.22s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--focus-ring-width:3px;--focus-ring-color:var(--accent-bg);--focus-border-color:var(--accent-border);--app-bg:#f6f7fb;--surface-1:#fff;--surface-3:#f3f5f8;--border-color:#e5e7eb;--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--accent-color:#2563eb;--accent-hover:#1d4ed8;--accent-bg:#2563eb1f;--accent-border:#2563eb73;--feature-accent:#9d7af1;--feature-accent-bg:#9d7af129;--feature-accent-border:#9d7af173;--info-color:#2563eb;--info-bg:#2563eb1f;--info-border:#2563eb59;--success-color:#16a34a;--success-bg:#16a34a1f;--success-border:#16a34a59;--warning-color:#d97706;--warning-bg:#d977061f;--warning-border:#d9770659;--error-color:#ef4444;--error-bg:#ef44441f;--error-border:#ef444459;--menu-active-bg:linear-gradient(270deg, var(--accent-color) 0%, var(--surface-1) 300%);--menu-active-text:#fff;--menu-hover-bg:#2563eb0f;--header-bg:var(--surface-1);--dropdown-bg:var(--surface-1);--shadow-color:0 6px 16px #0000000f}[data-theme=dark]{--app-bg:#0e1116;--surface-1:#14161f;--surface-2:#14161f;--surface-3:#14161f;--border-color:#2a2e42;--text-primary:#e7e3fc;--text-secondary:#b6bee3;--text-muted:#aab3de;--accent-color:#9155fd;--accent-hover:#9155fd;--accent-bg:#9155fd1f;--accent-border:#9155fd33;--feature-accent:#9155fd;--feature-accent-bg:#9155fd1f;--feature-accent-border:#9155fd33;--info-color:#16b1ff;--info-bg:#16b1ff1f;--info-border:#16b1ff1f;--success-color:#56ca00;--success-bg:#56ca001f;--success-border:#56ca001f;--warning-color:#ffb400;--warning-bg:#ffb4001f;--warning-border:#ffb4001f;--error-color:#ff4c51;--error-bg:#ff4c511f;--error-border:#ff4c511f;--menu-active-bg:linear-gradient(270deg, var(--accent-color) 0%, #fff 300%);--menu-active-text:#fff;--menu-hover-bg:#9155fd1f;--header-bg:#14161f;--dropdown-bg:#14161f;--shadow-color:0 4px 14px -4px #14122114, 0 4px 8px -4px #1412211f, 0 4px 8px -4px #1412210a;--focus-ring-color:#9155fd33;--focus-border-color:#9155fd}[data-theme=purple]{--app-bg:#100c20;--surface-1:#1a142d;--surface-2:#211b3a;--surface-3:#17102a;--border-color:#3c2f5e;--text-primary:#f1f5f9;--text-secondary:#d1c9f1;--text-muted:#a394d1;--accent-color:#9d7af1;--accent-hover:#7e57c2;--accent-bg:#9d7af129;--accent-border:#9d7af173;--feature-accent:var(--accent-color);--feature-accent-bg:var(--accent-bg);--feature-accent-border:var(--accent-border);--info-color:#9d7af1;--info-bg:#9d7af11f;--info-border:#9d7af159;--success-color:#34d399;--success-bg:#34d3991f;--success-border:#34d39959;--warning-color:#fbbf24;--warning-bg:#fbbf241f;--warning-border:#fbbf2459;--error-color:#fb7185;--error-bg:#fb71851f;--error-border:#fb718559;--menu-active-bg:linear-gradient(270deg, var(--accent-color) 0%, var(--surface-1) 300%);--menu-active-text:#fff;--menu-hover-bg:#9d7af114;--header-bg:var(--surface-1);--dropdown-bg:var(--surface-1);--shadow-color:0 10px 30px #0000004d}[data-theme=transparent]{--app-bg:#0b1020;--surface-1:#0f172ab3;--surface-2:#111c3399;--surface-3:#0d1426b8;--border-color:#22304d99;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-color:#60a5fa;--accent-hover:#3b82f6;--accent-bg:#60a5fa26;--accent-border:#60a5fa73;--feature-accent:#9d7af1;--feature-accent-bg:#9d7af12e;--feature-accent-border:#9d7af173;--info-color:#60a5fa;--info-bg:#60a5fa1f;--info-border:#60a5fa59;--success-color:#22c55e;--success-bg:#22c55e1f;--success-border:#22c55e59;--warning-color:#f59e0b;--warning-bg:#f59e0b1f;--warning-border:#f59e0b59;--error-color:#f87171;--error-bg:#f871711f;--error-border:#f8717159;--menu-active-bg:linear-gradient(270deg, var(--accent-color) 0%, var(--surface-1) 300%);--menu-active-text:#fff;--menu-hover-bg:#60a5fa14;--header-bg:#0f172ab3;--dropdown-bg:#0f172acc;--shadow-color:0 10px 30px #0003}@media (prefers-color-scheme:dark){:root:not([data-theme]){--app-bg:#0e1116;--surface-1:#14161f;--surface-2:#2a2e42;--surface-3:#1b1e2a;--border-color:#e7e3fc1f;--text-primary:#e7e3fc;--text-secondary:#b6bee3;--text-muted:#8692d0;--accent-color:#6e66ed;--accent-hover:#6e66ed;--accent-bg:#6e66ed1f;--accent-border:#6e66ed1a;--feature-accent:#6e66ed;--feature-accent-bg:#6e66ed1f;--feature-accent-border:#6e66ed1a;--info-color:#16b1ff;--info-bg:#16b1ff1f;--info-border:#16b1ff1f;--success-color:#56ca00;--success-bg:#56ca001f;--success-border:#56ca001f;--warning-color:#ffb400;--warning-bg:#ffb4001f;--warning-border:#ffb4001f;--error-color:#ff4c51;--error-bg:#ff4c511f;--error-border:#ff4c511f;--menu-active-bg:linear-gradient(270deg, var(--accent-color) 0%, #fff 300%);--menu-active-text:#fff;--menu-hover-bg:#e7e3fc0a;--header-bg:#14161f;--dropdown-bg:#14161fe6;--shadow-color:0 4px 8px -4px #5e56696b}}.mpPage{gap:var(--space-7);flex-direction:column;min-height:0;display:flex}.mpPageHeader{justify-content:space-between;align-items:flex-start;gap:var(--space-7);display:flex}.mpPageTitle{color:var(--text-primary);font-size:var(--font-size-page-title);font-weight:900;line-height:var(--line-height-tight);letter-spacing:.2px;margin:0}.mpPageDesc{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:var(--font-size-small);line-height:var(--line-height-base)}.mpPageActions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:inline-flex}.mpCard{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-1);box-shadow:var(--shadow-2);min-width:0;overflow:hidden}.mpCardHead{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-7);border-bottom:1px solid var(--border-color);background:var(--surface-2);display:flex}.mpCardTitle{color:var(--text-primary);font-size:var(--font-size-section-title);font-weight:900;line-height:var(--line-height-tight);margin:0}.mpCardBody{padding:var(--space-7);min-height:0}.mpScrollArea{overscroll-behavior:contain;min-height:0;overflow:auto}.mpOps{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:inline-flex}.mpCardFoot{padding:var(--space-5) var(--space-7);border-top:1px solid var(--border-color);background:var(--surface-2)}.mpToolbar{align-items:center;gap:var(--space-5);min-width:0;display:flex}.mpToolbar.right{justify-content:flex-end}.mpToolbar.spaceBetween{justify-content:space-between}.mpFilterCard{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-1);padding:var(--space-7)}.mpFilterGrid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(180px,1fr)) auto;align-items:end;display:grid}@media (width<=1100px){.mpFilterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.mpFilterGrid{grid-template-columns:1fr}}.mpBtn{height:var(--control-height-md);padding:0 var(--space-5);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-small);align-items:center;gap:var(--space-3);transition:background-color var(--motion-base) var(--ease-standard), border-color var(--motion-base) var(--ease-standard), transform var(--motion-fast) var(--ease-standard), box-shadow var(--motion-base) var(--ease-standard);-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;font-weight:800;display:inline-flex}.mpBtn:focus-visible{box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color);outline:none}.mpBtn:active{transform:translateY(1px)}.mpBtn.small{height:var(--control-height-sm);padding:0 var(--space-4);border-radius:var(--radius-sm)}.mpBtn.subtle{color:var(--text-secondary);background:0 0;border-color:#0000}.mpBtn.subtle:hover{background:var(--surface-2);color:var(--text-primary)}.mpBtn.primary{background:var(--accent-color);color:#fff;box-shadow:var(--shadow-1)}.mpBtn.primary:hover{background:var(--accent-hover)}.mpBtn.secondary{background:var(--surface-2);border-color:var(--border-color);color:var(--text-primary)}.mpBtn.secondary:hover{background:var(--menu-hover-bg)}.mpBtn.outline{border-color:var(--border-color);color:var(--text-primary);background:0 0}.mpBtn.outline:hover{background:var(--menu-hover-bg)}.mpBtn.danger{background:var(--error-color);color:#fff}.mpBtn.danger:hover{filter:brightness(.95)}.mpBtn:disabled{opacity:.55;cursor:not-allowed;transform:none}.mpTabs{gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-2);display:inline-flex;overflow:auto hidden}.mpTab{height:var(--control-height-sm);padding:0 var(--space-5);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-small);color:var(--text-secondary);white-space:nowrap;background:0 0;border:0;font-weight:900}.mpTab:hover{background:var(--menu-hover-bg)}.mpTab.active{background:var(--menu-active-bg);color:var(--menu-active-text)}.mpInput,.mpSelect,.mpTextarea{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-1);color:var(--text-primary);font-size:var(--font-size-small);outline:none;font-weight:700}.mpInput,.mpSelect{height:var(--control-height-lg);padding:0 var(--space-5)}.mpSelect.small{height:var(--control-height-md)}.mpSelect[multiple]{height:auto;padding:var(--space-3)}.mpSelect[multiple] option{padding:var(--space-2) var(--space-3)}.mpTextarea{padding:var(--space-4) var(--space-5);resize:vertical;min-height:84px}.mpInput::placeholder,.mpTextarea::placeholder{color:var(--text-muted)}.mpInput:focus,.mpSelect:focus,.mpTextarea:focus{border-color:var(--focus-border-color);box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color)}.mpInput:disabled,.mpSelect:disabled,.mpTextarea:disabled{opacity:.6;cursor:not-allowed}.mpField{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.mpLabel{color:var(--text-muted);font-size:var(--font-size-small);letter-spacing:.2px;font-weight:900}.mpHelp{color:var(--text-muted);font-size:var(--font-size-caption);line-height:var(--line-height-base)}.mpAlert{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-2);color:var(--text-secondary);font-size:var(--font-size-small);font-weight:700}.mpAlert.error{border-color:var(--error-border);background:var(--error-bg);color:var(--text-primary)}.mpAlert.success{border-color:var(--success-border);background:var(--success-bg);color:var(--text-primary)}.mpAlert.warning{border-color:var(--warning-border);background:var(--warning-bg);color:var(--text-primary)}.mpAlert.info{border-color:var(--info-border);background:var(--info-bg);color:var(--text-primary)}.mpTag{height:var(--control-height-sm);padding:0 var(--space-4);border:1px solid var(--border-color);background:var(--surface-2);color:var(--text-secondary);font-size:var(--font-size-caption);align-items:center;gap:var(--space-2);border-radius:999px;font-weight:900;display:inline-flex}.mpTag.success{border-color:var(--success-border);background:var(--success-bg);color:var(--text-primary)}.mpTag.warning{border-color:var(--warning-border);background:var(--warning-bg);color:var(--text-primary)}.mpTag.error{border-color:var(--error-border);background:var(--error-bg);color:var(--text-primary)}.mpTag.info{border-color:var(--info-border);background:var(--info-bg);color:var(--text-primary)}.mpStatusDot{background:var(--border-color);border-radius:999px;width:8px;height:8px}.mpStatusDot.success{background:var(--success-color)}.mpStatusDot.warning{background:var(--warning-color)}.mpStatusDot.error{background:var(--error-color)}.mpStatusDot.info{background:var(--info-color)}.mpTableWrap{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-1);overflow:hidden}.mpTable{border-collapse:collapse;width:100%;font-size:var(--font-size-small)}.mpTable th,.mpTable td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);text-align:left;vertical-align:top}.mpTable th{height:var(--table-head-height);background:var(--surface-2);color:var(--text-muted);font-weight:900}.mpTable tbody tr{height:var(--table-row-height)}.mpTable tbody tr:hover,.mpRowActive{background:var(--menu-hover-bg)}.mpEmpty{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-7);background:var(--surface-2);gap:var(--space-3);flex-direction:column;align-items:flex-start;display:flex}.mpEmptyIcon{width:var(--control-height-md);height:var(--control-height-md);border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border-color);color:var(--text-muted);justify-content:center;align-items:center;display:inline-flex}.mpEmptyTitle{font-size:var(--font-size-section-title);color:var(--text-primary);font-weight:900}.mpEmptyDesc{font-size:var(--font-size-small);color:var(--text-muted)}.mpOverlay{padding:var(--space-7);z-index:9999;background:#0000007a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mpDialog,.mpDrawer{width:min(560px, calc(100vw - 2 * var(--space-7)));border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--surface-1);box-shadow:var(--shadow-2);min-width:0;max-height:min(84vh, calc(100vh - 2 * var(--space-7)));flex-direction:column;display:flex;overflow:hidden}.mpDialog.wide,.mpDrawer.wide{width:min(820px, calc(100vw - 2 * var(--space-7)))}.mpDialog.xwide{width:min(980px, calc(100vw - 2 * var(--space-7)))}.mpFormGrid{gap:var(--space-5);grid-template-columns:1fr;min-width:0;display:grid}.mpFormGrid.twoCol{grid-template-columns:1fr 1fr}.mpFormGrid .col2{grid-column:1/-1}.mpCheckRow{align-items:center;gap:var(--space-3);min-height:var(--control-height-lg);color:var(--text-secondary);font-size:var(--font-size-small);font-weight:800;display:inline-flex}.mpCheckRow input[type=checkbox]{width:16px;height:16px}.mpFormActions{justify-content:flex-end;align-items:center;gap:var(--space-3);display:flex}.mpRadioRow{align-items:center;gap:var(--space-7);min-height:var(--control-height-lg);display:flex}.mpRadioOpt{align-items:center;gap:var(--space-2);font-size:var(--font-size-small);color:var(--text-primary);font-weight:800;display:inline-flex}.mpRadioOpt.disabled{opacity:.6}.mpDrawer{width:min(820px, calc(100vw - 2 * var(--space-7)));align-self:stretch;margin-left:auto}.mpDialogHead{padding:var(--space-5) var(--space-7);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:var(--space-5);background:var(--surface-2);display:flex}.mpDialogTitle{font-size:var(--font-size-section-title);color:var(--text-primary);font-weight:900}.mpDialogBody{padding:var(--space-7);gap:var(--space-5);flex-direction:column;flex:auto;min-height:0;display:flex;overflow:auto}.mpDialogFoot{padding:var(--space-5) var(--space-7);border-top:1px solid var(--border-color);justify-content:flex-end;gap:var(--space-3);background:var(--surface-2);display:flex}.mpDialogFoot.spaceBetween{justify-content:space-between;align-items:center}.mpPagination{align-items:center;gap:var(--space-2);display:inline-flex}.mpFabWrap{z-index:50;position:fixed;inset-block-end:var(--layout-page-padding);inset-inline-end:var(--layout-page-padding)}.mpFab{border:1px solid var(--border-color);background:var(--accent-color);color:#fff;cursor:pointer;width:52px;height:52px;box-shadow:var(--shadow-2);border-radius:999px;justify-content:center;align-items:center;font-size:26px;font-weight:900;line-height:1;display:inline-flex}.mpFab:hover{background:var(--accent-hover)}.mpFabMenu{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-1);box-shadow:var(--shadow-2);flex-direction:column;min-width:180px;display:flex;position:absolute;inset-block-end:calc(52px + var(--space-3));inset-inline-end:0}.mpPageBtn{height:var(--control-height-sm);padding:0 var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--surface-1);cursor:pointer;font-size:var(--font-size-small);font-weight:800}.mpPageBtn:hover{background:var(--menu-hover-bg)}.mpPageNum{height:var(--control-height-sm);padding:0 var(--space-4);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-small);color:var(--text-secondary);background:0 0;border:1px solid #0000;font-weight:900}.mpPageNum.active{background:var(--menu-active-bg);color:var(--menu-active-text)}.strong{color:var(--text-primary);font-weight:900}.muted{color:var(--text-muted)}.mpCell{word-break:break-all}