.lui-docs{--bg:#f4f4f2;--bg-soft:#fbfbfa;--surface:#fff;--panel:#f5f5f4;--panel-2:#ededec;--text:#0c0c0d;--text-2:#56565d;--text-3:#93939c;--border:#e7e7e4;--border-2:#efefed;--ink:#0c0c0d;--ink-text:#fff;--dot:#e0e0dd;--frame:#fff;--ring:#0c0c0d1a;--glow-1:#71717a;--glow-2:#3f3f46;--glow-3:#09090b;--shadow:0 1px 2px #0c0c0d0d, 0 22px 60px -20px #0c0c0d38;--shadow-sm:0 1px 1px #0c0c0d0d;--preview-bg:#fafafa;--preview-grid:#0000000d;--bg-0:var(--bg);--bg-1:var(--surface);--bg-2:var(--panel);--bg-3:var(--panel-2);--bg-4:var(--panel-2);--fg-0:var(--text);--fg-1:var(--text);--fg-2:var(--text-2);--fg-3:var(--text-3);--fg-4:var(--text-3);--fg-5:color-mix(in srgb, var(--text-3) 55%, transparent);--line-1:var(--border);--line-2:color-mix(in srgb, var(--text) 13%, transparent);--line-3:color-mix(in srgb, var(--text) 22%, transparent);--silver-0:var(--text);--silver-1:var(--text);--silver-2:var(--text-2);--silver-3:var(--text-3);--silver-grad:var(--ink);--silver-shine:var(--ink);--silver-soft:linear-gradient(180deg, color-mix(in srgb, var(--text) 12%, transparent), color-mix(in srgb, var(--text) 3%, transparent));--font-geist-mono:var(--font-jetbrains);--shell-top:100px;background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-outfit), "Outfit Fallback", system-ui, sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;line-height:1.5;transition:background .4s,color .4s;position:relative;overflow-x:hidden}html[data-theme=dark] .lui-docs{--bg:#0a0a0b;--bg-soft:#0a0a0b;--surface:#111113;--panel:#17171a;--panel-2:#1f1f23;--text:#fafafa;--text-2:#a0a0aa;--text-3:#66666f;--border:#242428;--border-2:#1b1b1f;--ink:#fafafa;--ink-text:#0a0a0b;--dot:#202024;--frame:#000;--ring:#ffffff1f;--glow-1:#71717a;--glow-2:#a1a1aa;--glow-3:#fafafa;--shadow:0 1px 2px #00000080, 0 30px 70px -24px #000000c7;--shadow-sm:0 1px 0 #ffffff08 inset;--preview-bg:#0a0a0b;--preview-grid:#ffffff12}.lui-docs ::selection{background:color-mix(in srgb, var(--text) 16%, transparent);color:var(--text)}.lui-docs .mono{font-family:var(--font-jetbrains), ui-monospace, monospace}.lui-docs .site-frame{z-index:60;pointer-events:none;background:var(--frame);position:fixed}.lui-docs .site-frame--top{height:10px;top:0;left:0;right:0}.lui-docs .site-frame--bottom{height:10px;bottom:0;left:0;right:0}.lui-docs .site-frame--left{width:10px;top:0;bottom:0;left:0}.lui-docs .site-frame--right{width:10px;top:0;bottom:0;right:0}.lui-docs .site-corner{z-index:59;pointer-events:none;color:var(--frame);width:50px;height:50px;position:fixed}.lui-docs .site-corner--top-left{top:10px;left:10px;transform:rotate(90deg)}.lui-docs .site-corner--top-right{top:10px;right:10px;transform:rotate(180deg)}.lui-docs .site-corner--bottom-left{bottom:10px;left:10px;transform:rotate(0)}.lui-docs .site-corner--bottom-right{bottom:10px;right:10px;transform:rotate(270deg)}.lui-docs .home-header{z-index:61;pointer-events:none;justify-content:center;width:100%;max-width:1100px;padding:0 10px;display:flex;position:fixed;top:10px;left:50%;transform:translate(-50%)}.lui-docs .home-header>*{pointer-events:auto}.lui-docs .nav-shell{background:var(--frame);border-radius:0 0 32px 32px;width:100%;position:relative;box-shadow:0 26px 50px -24px #00000052}.lui-docs .nav{align-items:center;gap:18px;height:66px;padding:0 20px;display:flex}.lui-docs .home-corner{width:50px;height:50px;color:var(--frame);pointer-events:none;position:absolute;top:0}.lui-docs .home-corner--left{left:-49px;transform:rotate(180deg)}.lui-docs .home-corner--right{right:-49px;transform:rotate(90deg)}.lui-docs .brand{letter-spacing:-.02em;color:var(--text);align-items:center;gap:9px;font-size:14.5px;font-weight:600;display:flex}.lui-docs .brand .mark{border-radius:7px;flex:none;place-items:center;width:25px;height:25px;display:grid;overflow:hidden}.lui-docs .brand .mark img{object-fit:contain;width:100%;height:100%}.lui-docs .brand b{font-weight:600}.lui-docs .brand .z{color:var(--text-3);font-weight:500}.lui-docs .nav-links{align-items:center;gap:2px;margin-left:4px;display:flex}.lui-docs .nav-links a{color:var(--text-2);border-radius:7px;padding:6px 10px;font-size:13px;font-weight:450;transition:color .18s,background .18s}.lui-docs .nav-links a:hover{color:var(--text);background:var(--panel)}.lui-docs .nav-links a.active{color:var(--text);background:var(--panel);font-weight:500}.lui-docs .nav-right{align-items:center;gap:7px;margin-left:auto;display:flex}.lui-docs .docs-search{border:1px solid var(--border);height:32px;color:var(--text-3);background:var(--surface);border-radius:8px;align-items:center;gap:9px;padding:0 9px 0 11px;font-size:12.5px;transition:border-color .18s,color .18s;display:flex}.lui-docs .docs-search:hover{border-color:var(--text-3);color:var(--text-2)}.lui-docs .docs-search svg{width:15px;height:15px}.lui-docs .docs-search .kbd{font-family:var(--font-jetbrains), monospace;color:var(--text-3);border:1px solid var(--border);border-radius:4px;padding:2px 5px;font-size:10px;font-weight:500;line-height:1}.lui-docs .icon-btn{width:32px;height:32px;color:var(--text-2);border:1px solid var(--border);background:var(--surface);border-radius:8px;flex:none;place-items:center;transition:color .18s,border-color .18s;display:grid}.lui-docs .icon-btn:hover{color:var(--text);border-color:var(--text-3)}.lui-docs .icon-btn svg{width:16px;height:16px}.lui-docs .icon-btn .moon,html[data-theme=dark] .lui-docs .icon-btn .sun{display:none}html[data-theme=dark] .lui-docs .icon-btn .moon{display:block}.lui-docs .docs-menu-btn{display:none}.lui-docs .lui-gh{height:32px;font-family:var(--font-outfit), "Outfit Fallback", system-ui, sans-serif;border-radius:8px;padding:0 11px;font-size:13px;border-color:var(--border)!important;background:var(--surface)!important;color:var(--text)!important}.lui-docs .lui-gh:hover{border-color:var(--text-3)!important;background:var(--panel)!important}.lui-docs .lui-gh .gs-divider{background:var(--border)!important}.lui-docs .lui-gh .font-mono{color:var(--text-3)!important}.lui-docs-search-layer{z-index:120;justify-content:center;padding:14vh 20px 20px;display:flex;position:fixed;inset:0}.lui-docs-search-backdrop{background:color-mix(in srgb, var(--text) 22%, transparent);-webkit-backdrop-filter:blur(4px);position:absolute;inset:0}.lui-docs-search-panel{background:var(--surface);border:1px solid var(--border);width:100%;max-width:560px;height:max-content;box-shadow:var(--shadow);border-radius:14px;position:relative;overflow:hidden}.lui-docs-search-field{border-bottom:1px solid var(--border);height:52px;color:var(--text-3);align-items:center;gap:10px;padding:0 14px;display:flex}.lui-docs-search-field input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px}.lui-docs-search-field input::placeholder{color:var(--text-3)}.lui-docs-search-field button{width:26px;height:26px;color:var(--text-3);border-radius:6px;flex:none;place-items:center;transition:background .15s,color .15s;display:grid}.lui-docs-search-field button:hover{background:var(--panel);color:var(--text)}.lui-docs-search-results{max-height:52vh;padding:6px;overflow-y:auto}.lui-docs-search-result{color:var(--text);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;font-size:13.5px;transition:background .14s;display:flex}.lui-docs-search-result:hover{background:var(--panel)}.lui-docs-search-result small{font-family:var(--font-jetbrains), monospace;color:var(--text-3);font-size:11px}.lui-docs-search-empty{text-align:center;color:var(--text-3);padding:22px 12px;font-size:13px}.lui-docs-msheet-layer{z-index:120;position:fixed;inset:0}@media (min-width:968px){.lui-docs-msheet-layer{display:none}}.lui-docs-msheet-backdrop{cursor:pointer;-webkit-backdrop-filter:blur()saturate();transition:background .3s var(--ease-out), backdrop-filter .3s var(--ease-out), -webkit-backdrop-filter .3s var(--ease-out);background:0 0;border:0;position:absolute;inset:0}.lui-docs-msheet-layer[data-open=true] .lui-docs-msheet-backdrop{background:color-mix(in srgb, var(--text) 20%, transparent);-webkit-backdrop-filter:blur(16px)saturate(118%)}.lui-docs-msheet-card{top:calc(var(--shell-top) + 8px);width:min(340px,100vw - 24px);max-height:calc(100vh - var(--shell-top) - 24px);max-height:calc(100dvh - var(--shell-top) - 24px);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);overscroll-behavior:contain;scrollbar-gutter:stable;opacity:0;transition:opacity .22s var(--ease-out), transform .34s var(--ease-out);border-radius:18px;position:absolute;left:12px;overflow-y:auto;transform:translate(-112%)}.lui-docs-msheet-layer[data-open=true] .lui-docs-msheet-card{opacity:1;transform:translate(0)}.lui-docs-msheet-head{z-index:5;background:var(--surface);border-bottom:1px solid var(--border);border-radius:18px 18px 0 0;align-items:center;padding:12px 14px;display:flex;position:sticky;top:0}.lui-docs-msheet-head .brand{font-size:14px}.lui-docs-msheet-head button{border:1px solid var(--border);background:var(--bg);width:30px;height:30px;color:var(--text-2);border-radius:8px;place-items:center;transition:background .14s,color .14s;display:grid}.lui-docs-msheet-head button:hover{background:var(--panel);color:var(--text)}.lui-docs .lui-docs-msheet-card .sidebar{height:auto;max-height:none;padding:6px 12px 14px;display:block;position:static;top:auto;overflow:visible}@media (prefers-reduced-motion:reduce){.lui-docs-msheet-backdrop,.lui-docs-msheet-card{transition:opacity .18s var(--ease-out)}.lui-docs-msheet-card,.lui-docs-msheet-layer[data-open=true] .lui-docs-msheet-card{transform:none}}.lui-docs .shell{max-width:none;padding:var(--shell-top) 40px 0 26px;gap:24px;margin:0}.lui-docs .main{max-width:1560px;margin-inline:auto;padding-left:24px;padding-right:24px}.lui-docs .blocks-shell{padding-top:var(--shell-top)}@media (max-width:967px){.lui-docs .shell{padding-left:20px;padding-right:20px}}.lui-docs .sidebar{scrollbar-gutter:stable}.lui-docs .sb-sidebar{padding-top:24px}.lui-docs .sidebar,.lui-docs .lui-docs-msheet-card{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text) 22%, transparent) transparent}.lui-docs .sidebar::-webkit-scrollbar{width:10px;height:10px}.lui-docs .lui-docs-msheet-card::-webkit-scrollbar{width:10px;height:10px}.lui-docs .sidebar::-webkit-scrollbar-track{background:0 0}.lui-docs .lui-docs-msheet-card::-webkit-scrollbar-track{background:0 0}.lui-docs .sidebar::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text) 18%, transparent);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.lui-docs .lui-docs-msheet-card::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text) 18%, transparent);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.lui-docs .sidebar::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--text) 34%, transparent);background-clip:padding-box}.lui-docs .lui-docs-msheet-card::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--text) 34%, transparent);background-clip:padding-box}.lui-docs .sb-menu{flex-direction:column;gap:4px;display:flex;position:relative}.lui-docs .sb-group{min-width:0}.lui-docs .sb-active-pill,.lui-docs .sb-hover{opacity:0;pointer-events:none;z-index:0;will-change:transform, width, height;width:0;height:0;position:absolute;top:0;left:0}.lui-docs .sb-active-pill{background:color-mix(in srgb, var(--text) 9%, transparent);transition:transform .32s var(--ease-out), width .32s var(--ease-out), height .32s var(--ease-out), opacity .2s var(--ease-out);border-radius:7px}.lui-docs .sb-hover{background:color-mix(in srgb, var(--text) 5%, transparent);transition:transform .22s var(--ease-out), width .22s var(--ease-out), height .22s var(--ease-out), opacity .2s var(--ease-out);border-radius:8px}@media (prefers-reduced-motion:reduce){.lui-docs .sb-active-pill,.lui-docs .sb-hover{transition:opacity .2s var(--ease-out)}}.lui-docs .sb-group-title{z-index:1;width:100%;min-width:0;min-height:32px;color:var(--text);font:inherit;letter-spacing:-.005em;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:5px 8px;font-size:13px;font-weight:600;display:flex;position:relative}.lui-docs .sb-group-title:focus-visible{outline:2px solid var(--text);outline-offset:2px}.lui-docs .sb-group-icon{width:16px;height:16px;color:var(--text-2);flex-shrink:0}.lui-docs .sb-group-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lui-docs .sb-chevron{width:15px;height:15px;color:var(--text-3);transition:transform .2s var(--ease-out);flex-shrink:0}.lui-docs .sb-group-title[aria-expanded=true] .sb-chevron{transform:rotate(90deg)}.lui-docs .sb-sub-wrap{height:0;transition:height .28s var(--ease-out);overflow:hidden}.lui-docs .sb-sub{flex-direction:column;gap:1px;margin:2px 0;padding:0 0 0 6px;list-style:none;display:flex}.lui-docs .sb-sub-item{min-width:0;position:relative}.lui-docs .sb-sub-link{z-index:1;min-width:0;color:var(--text-3);transition:color .16s var(--ease-out);border-radius:7px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;text-decoration:none;display:flex;position:relative}.lui-docs .sb-sub-link:hover{color:var(--text)}.lui-docs .sb-sub-link:focus-visible{outline:2px solid var(--text);outline-offset:2px}.lui-docs .sb-sub-link.active{color:var(--text);font-weight:500}.lui-docs .sb-sub-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lui-docs .sb-sub-link .new-tag{font-family:var(--font-jetbrains), monospace;letter-spacing:.04em;text-transform:uppercase;background:var(--ink);color:var(--ink-text);border-radius:4px;flex-shrink:0;margin-left:auto;padding:1px 5px;font-size:9px;font-weight:600;line-height:1.5}.lui-docs .sb-group-tag{flex-shrink:0;margin-left:auto}.lui-docs .sb-group-tag-count{min-width:17px;height:16px;font-family:var(--font-jetbrains), monospace;font-variant-numeric:tabular-nums;color:var(--text);place-items:center;padding:0 4px;font-size:9.5px;font-weight:600;line-height:1;display:grid}.lui-docs .sb-sub-link.has-fav{padding-right:28px}.lui-docs .sb-sub-link.has-fav .new-tag{margin-right:18px}.lui-docs .sb-fav-btn{z-index:2;width:22px;height:22px;color:var(--text-3);cursor:pointer;opacity:0;transition:opacity .16s var(--ease-out), color .16s var(--ease-out), background .16s var(--ease-out);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.lui-docs .sb-sub-item:hover .sb-fav-btn,.lui-docs .sb-fav-btn:focus-visible,.lui-docs .sb-fav-btn.is-fav{opacity:1}.lui-docs .sb-fav-btn:hover{color:var(--text);background:color-mix(in srgb, var(--text) 8%, transparent)}.lui-docs .sb-fav-btn:focus-visible{outline:2px solid var(--text);outline-offset:1px}.lui-docs .sb-fav-btn.is-fav{color:var(--text)}.lui-docs .sb-fav-icon{width:14px;height:14px}.lui-docs .sb-fav-btn.is-fav .sb-fav-icon{fill:currentColor}@media (hover:none){.lui-docs .sb-fav-btn{opacity:.55}.lui-docs .sb-fav-btn.is-fav{opacity:1}}@media (prefers-reduced-motion:reduce){.lui-docs .sb-sub-wrap,.lui-docs .sb-chevron{transition:none}.lui-docs .sb-fav-btn{transition:opacity .16s var(--ease-out)}}.lui-docs .page-title{font-family:var(--font-outfit), "Outfit Fallback", system-ui, sans-serif;letter-spacing:-.035em;-webkit-text-fill-color:currentColor;color:var(--text);background:0 0;font-weight:600;line-height:1.04}.lui-docs .page-title em,.lui-docs .page-title .dim{-webkit-text-fill-color:currentColor;color:var(--text-3);background:0 0;font-style:normal;animation:none}.lui-docs .page-sub{color:var(--text-2)}.lui-docs .crumb{color:var(--text-3)}.lui-docs .crumb .sep{color:color-mix(in srgb, var(--text-3) 60%, transparent)}.lui-docs .crumb .cur{color:var(--text)}.lui-docs h2.block-title{font-family:var(--font-outfit), "Outfit Fallback", system-ui, sans-serif;letter-spacing:-.02em;color:var(--text);font-size:28px;font-weight:600}.lui-docs .block-sub{color:var(--text-2)}.lui-docs .component-title{letter-spacing:-.035em}.lui-docs .block-sub code,.lui-docs .manual-hint code,.lui-docs .manual-files code{font-family:var(--font-jetbrains), monospace;background:var(--panel);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-size:12px;color:var(--text)!important}.lui-docs .showcase-tabs{border-bottom-color:var(--border)}.lui-docs .showcase-tab{font-family:var(--font-outfit), "Outfit Fallback", system-ui, sans-serif;color:var(--text-3)}.lui-docs .showcase-tab:hover{color:var(--text)}.lui-docs .showcase-tab.is-active{background:var(--panel);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.lui-docs .showcase-tab-count{font-family:var(--font-jetbrains), monospace;color:var(--text-3)}.lui-docs .showcase-tab.is-active .showcase-tab-count{color:var(--text-2)}.lui-docs .showcase-section-heading{font-family:var(--font-jetbrains), monospace;letter-spacing:.08em;color:var(--text-3);font-size:11px}.lui-docs .showcase-section-heading:after{background:var(--border)}.lui-docs .showcase-section-count{font-family:var(--font-jetbrains), monospace;color:var(--text-3)}.lui-docs .showcase-grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:14px}.lui-docs .showcase-card{background:var(--surface);border:1px solid var(--border);height:244px;box-shadow:var(--shadow-sm);transition:transform .28s var(--ease-out), border-color .3s, box-shadow .3s;flex-direction:column;display:flex}.lui-docs .showcase-card:hover{border-color:var(--text-3);box-shadow:var(--shadow);transform:translateY(-3px)}.lui-docs .showcase-preview{background:var(--preview-bg);flex:auto;min-height:0;position:relative;inset:auto}.lui-docs .showcase-foot{border-top:1px solid var(--border);background:var(--surface);color:var(--text);letter-spacing:-.005em;justify-content:space-between;align-items:center;gap:8px;padding:11px 14px;font-size:13px;font-weight:500;display:flex;position:relative}.lui-docs .showcase-foot-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lui-docs .showcase-foot-arrow{width:15px;height:15px;color:var(--text-3);transition:transform .2s var(--ease-out), color .2s;flex:none}.lui-docs .showcase-card:hover .showcase-foot-arrow{color:var(--text);transform:translate(2px,-2px)}.lui-docs .showcase-foot:after{content:"";z-index:2;position:absolute;inset:-1000px 0 0}.lui-docs .showcase-skeleton-dot{background:var(--text-3)}.lui-docs .api-table{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.lui-docs .api-table thead th{font-family:var(--font-jetbrains), monospace;color:var(--text-3);background:var(--panel);border-bottom-color:var(--border)}.lui-docs .api-table tbody tr,.lui-docs .api-table tbody td{border-top-color:var(--border)}.lui-docs .api-table td.name{font-family:var(--font-jetbrains), monospace;color:var(--text)}.lui-docs .api-table td.type{font-family:var(--font-jetbrains), monospace;color:var(--text-2)}.lui-docs .api-table td.default{font-family:var(--font-jetbrains), monospace;color:var(--text-3)}.lui-docs .api-table td.desc,.lui-docs .manual-step-label{color:var(--text-2)}.lui-docs .manual-step-num{font-family:var(--font-jetbrains), monospace;background:var(--panel);border:1px solid var(--border);color:var(--text)}.lui-docs .manual-hint{color:var(--text-2)}.lui-docs .manual-files{background:var(--panel);border:1px solid var(--border)}.lui-docs .manual-files li{color:var(--text-2)}.lui-docs .code-themed [data-code-preview]{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm);font-family:var(--font-jetbrains), ui-monospace, monospace}.lui-docs .code-themed [data-code-preview]>div:first-child{background:var(--panel);border-bottom-color:var(--border);color:var(--text-3)}.lui-docs .code-themed [data-code-preview] pre{color:var(--text)}.lui-docs .code-themed [data-code-preview]>button{background:var(--panel);border-color:var(--border);box-shadow:0 0 0 1px color-mix(in srgb, var(--text) 6%, transparent);color:var(--text-2)}.lui-docs .code-themed [data-code-preview]>button:hover{background:var(--panel-2);color:var(--text)}.lui-docs .code-themed [data-copy-button]{color:var(--text-3)}.lui-docs .code-themed [data-copy-button]:hover{background:color-mix(in srgb, var(--text) 7%, transparent);color:var(--text)}.lui-docs .preview-shell-code.code-themed [data-code-preview]{box-shadow:none;border:0;border-radius:0}.lui-docs .code-themed [data-animated-tabs]{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm)}.lui-docs .code-themed [data-animated-tabs] [role=tablist]{background:var(--panel);border-bottom-color:var(--border)}.lui-docs .code-themed [data-animated-tabs] [role=tablist]>span{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm)}.lui-docs .code-themed [data-animated-tabs] [role=tab]{font-family:var(--font-outfit), "Outfit Fallback", system-ui, sans-serif;color:var(--text-3)}.lui-docs .code-themed [data-animated-tabs] [role=tab]:hover,.lui-docs .code-themed [data-animated-tabs] [role=tab][aria-selected=true]{color:var(--text)}.lui-docs .code-themed [data-copy-button]:focus-visible,.lui-docs .code-themed [data-animated-tabs] [role=tab]:focus-visible{outline-color:var(--text)}.lui-docs .pm-tab{font-family:var(--font-jetbrains), ui-monospace, monospace;color:var(--text-3);cursor:pointer;transition:color .16s var(--ease-out), background .16s var(--ease-out);border-radius:6px;padding:2px 8px;font-size:11px;line-height:1.6}.lui-docs .pm-tab:hover{color:var(--text)}.lui-docs .pm-tab.is-active{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1px var(--border), var(--shadow-sm)}.lui-docs .pm-tab:focus-visible{outline:2px solid var(--text);outline-offset:2px}.lui-docs .code-themed pre .k{color:#7c3aed}.lui-docs .code-themed pre .s{color:#b45309}.lui-docs .code-themed pre .t{color:#be185d}.lui-docs .code-themed pre .v{color:#0e7490}.lui-docs .code-themed pre .c{color:var(--text-3)}html[data-theme=dark] .lui-docs .code-themed pre .k{color:#c4b5fd}html[data-theme=dark] .lui-docs .code-themed pre .s{color:#fcd34d}html[data-theme=dark] .lui-docs .code-themed pre .t{color:#f0abfc}html[data-theme=dark] .lui-docs .code-themed pre .v{color:#67e8f9}.lui-docs .credits-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.lui-docs .credits-card:hover{background:var(--panel);border-color:var(--border);box-shadow:var(--shadow);transform:translateY(-2px)}.lui-docs .credits-label{color:var(--text)}.lui-docs .credits-desc{color:var(--text-2)}.lui-docs .meta-pill{background:var(--panel);border:1px solid var(--border);color:var(--text-3)}.lui-docs .meta-pill strong{color:var(--text)}.lui-docs .meta-pill code{font-family:var(--font-jetbrains), monospace;color:var(--text)}.lui-docs .cv-hero{margin-bottom:20px}.lui-docs .cv-hero .component-title{margin-bottom:8px;font-size:clamp(32px,4.2vw,46px)}.lui-docs .cv-hero .component-description{font-size:15px}.lui-docs .cv-main section.block{margin-bottom:44px}.lui-docs .cv-main h2.block-title{font-size:22px}.lui-docs .cv-main .block-sub{margin-bottom:14px}.lui-docs .cv-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:2px;margin-bottom:22px;display:flex;overflow-x:auto}.lui-docs .cv-tab{color:var(--text-2);cursor:pointer;white-space:nowrap;transition:color .16s var(--ease-out);padding:7px 12px 9px;font-size:13px;position:relative}.lui-docs .cv-tab:hover{color:var(--text)}.lui-docs .cv-tab.is-active{color:var(--text);font-weight:500}.lui-docs .cv-tab.is-active:after{content:"";background:var(--ink);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.lui-docs .cv-tab:focus-visible{outline:2px solid var(--text);outline-offset:-2px}.lui-docs .cv-stage{--cv-stage-h:500px;--cv-stage-min:clamp(300px, 62svh, var(--cv-stage-h));border:1px solid var(--border);background:var(--surface);min-height:var(--cv-stage-min);border-radius:18px;position:relative;overflow:hidden}.lui-docs .cv-frame{z-index:10;max-width:100%;height:var(--cv-stage-min);display:flex;position:relative;overflow:hidden}.lui-docs .cv-frame.is-flow{height:auto;min-height:var(--cv-stage-min)}.lui-docs .cv-frame-pad{justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex}.lui-docs .cv-frame.is-flow .cv-frame-pad{height:auto;min-height:100%}.lui-docs .cv-frame-pad>*{width:100%}.lui-docs .cv-frame-fill{min-height:240px}.lui-docs .cv-devices{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:1px;padding:2px;display:inline-flex}.lui-docs .cv-stage-btn,.lui-docs .cv-record-btn{border:1px solid var(--border);background:var(--surface);height:28px;color:var(--text-2);cursor:pointer;transition:background .16s var(--ease-out), color .16s var(--ease-out), border-color .16s var(--ease-out);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.lui-docs .cv-stage-btn{width:28px}.lui-docs .cv-stage-btn:hover,.lui-docs .cv-record-btn:hover{background:var(--panel);color:var(--text);border-color:var(--border-2)}.lui-docs .cv-stage-btn:focus-visible,.lui-docs .cv-record-btn:focus-visible{outline:2px solid var(--text);outline-offset:2px}.lui-docs .cv-record-btn{gap:5px;width:28px;padding:0;position:relative;overflow:hidden}.lui-docs .cv-record-btn.is-recording{color:#dc2626;background:#ef44441f;border-color:#ef444466;gap:5px;width:auto;min-width:64px;padding:0 8px}.lui-docs .cv-record-fill{inset-block:0;background:#ef444438;transition:width .1s linear;position:absolute;left:0}.lui-docs .cv-record-icon{z-index:1;width:14px;height:14px;position:relative}.lui-docs .cv-record-time{z-index:1;font-family:var(--font-jetbrains), monospace;font-size:11px;position:relative}.lui-docs .cv-handle{z-index:20;cursor:ew-resize;width:24px;height:120px;color:var(--text-3);transition:color .2s var(--ease-out);justify-content:center;align-items:center;margin-left:-12px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lui-docs .cv-handle.is-hot{color:var(--text)}.lui-docs .cv-width-label{z-index:20;border:1px solid var(--border);background:var(--panel);color:var(--text-2);font-family:var(--font-jetbrains), monospace;pointer-events:none;opacity:0;transition:opacity .3s var(--ease-out);border-radius:6px;padding:4px 10px;font-size:11px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.lui-docs .cv-width-label.is-visible{opacity:1}.lui-docs .cv-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.lui-docs .cv-toolbar-left{align-items:center;min-width:0;display:flex}.lui-docs .cv-toolbar-right{flex:none;align-items:center;gap:6px;display:flex}.lui-docs .cv-cmdbar{background:var(--surface);border:1px solid var(--border);min-width:0;max-width:100%;box-shadow:var(--shadow-sm);border-radius:10px;flex:none;align-items:center;gap:8px;padding:4px 6px 4px 12px;display:flex}.lui-docs .cv-cmd-text{white-space:nowrap;min-width:0;font-family:var(--font-jetbrains), monospace;color:var(--text-2);scrollbar-width:none;cursor:pointer;transition:color .16s var(--ease-out);padding-block:4px;font-size:12px;overflow-x:auto}.lui-docs .cv-cmd-text:hover{color:var(--text)}.lui-docs .cv-cmd-text:focus-visible{outline:2px solid var(--text);outline-offset:2px}.lui-docs .cv-pm-trigger{font-family:var(--font-jetbrains), monospace;color:var(--text);background:var(--panel);border:1px solid var(--border-2);cursor:pointer;transition:background .16s var(--ease-out);border-radius:8px;flex:none;align-items:center;gap:4px;padding:4px 8px 4px 10px;font-size:11.5px;display:inline-flex}.lui-docs .cv-pm-trigger:hover{background:var(--panel-2)}.lui-docs .cv-pm-trigger:focus-visible{outline:2px solid var(--text);outline-offset:2px}.lui-docs .cv-pm-trigger-bar{border:0;border-left:1px solid var(--border);color:var(--text-2);background:0 0;border-radius:0;align-self:stretch;padding:4px 6px 4px 10px}.lui-docs .cv-pm-trigger-bar:hover{background:var(--panel);color:var(--text)}.lui-docs .cv-select-trigger{width:100%;font-family:var(--font-jetbrains), monospace;color:var(--text);background:var(--surface);border:1px solid var(--border-2);cursor:pointer;transition:border-color .16s var(--ease-out);border-radius:8px;justify-content:space-between;align-items:center;gap:6px;padding:6px 8px 6px 10px;font-size:11.5px;display:flex}.lui-docs .cv-select-trigger:hover{border-color:var(--border)}.lui-docs .cv-select-trigger:focus-visible{outline:2px solid var(--text);outline-offset:2px}.lui-docs .cv-customize{margin-top:28px}.lui-docs .cv-customize-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.lui-docs .cv-customize-head .cv-customize-title{margin:0;font-size:20px}.lui-docs .cv-icon-btn{width:26px;height:26px;color:var(--text-3);cursor:pointer;transition:background .16s var(--ease-out), color .16s var(--ease-out);border-radius:7px;place-items:center;display:grid}.lui-docs .cv-icon-btn:hover{background:var(--panel-2);color:var(--text)}.lui-docs .cv-icon-btn.is-active{color:var(--text)}.lui-docs .cv-icon-btn:focus-visible{outline:2px solid var(--text);outline-offset:2px}.lui-docs .cv-customize-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;padding:10px}.lui-docs .cv-controls{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.lui-docs .cv-control-card{background:var(--panel);border:1px solid var(--border-2);border-radius:9px;flex-direction:column;justify-content:center;min-height:64px;padding:10px 12px;display:flex}.lui-docs .cv-control-wide{grid-column:1/-1}.lui-docs .cv-control-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-size:10px;font-weight:600}.lui-docs .cv-seg{background:var(--panel);border:1px solid var(--border-2);border-radius:8px;flex-wrap:wrap;gap:2px;padding:2px;display:flex}.lui-docs .cv-seg-chip{text-align:center;color:var(--text-2);cursor:pointer;transition:background .16s var(--ease-out), color .16s var(--ease-out);border-radius:6px;flex:1 0 auto;padding:4px 8px;font-size:11px;line-height:1.5}.lui-docs .cv-seg-chip:hover{color:var(--text)}.lui-docs .cv-seg-chip.is-active{background:var(--ink);color:var(--ink-text)}.lui-docs .cv-seg-chip:focus-visible{outline:2px solid var(--text);outline-offset:1px}.lui-docs .cv-swatches{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.lui-docs .cv-swatch{border:1px solid var(--border);width:24px;height:24px;box-shadow:inset 0 0 0 2px var(--surface);cursor:pointer;transition:transform .16s var(--ease-out), box-shadow .16s var(--ease-out);border-radius:999px;position:relative}.lui-docs .cv-swatch:hover{transform:scale(1.12)}.lui-docs .cv-swatch.is-active{border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--surface), 0 0 0 1.5px var(--ink)}.lui-docs .cv-swatch:focus-visible{outline:2px solid var(--text);outline-offset:2px}.lui-docs .cv-swatch-pick{background:conic-gradient(from 180deg,#f43f5e,#f59e0b,#84cc16,#06b6d4,#6366f1,#d946ef,#f43f5e)}.lui-docs .cv-swatch-pick:after{content:"";background:var(--pick-color,var(--surface));border-radius:999px;position:absolute;inset:5px}.lui-docs .cv-swatch-pick input{z-index:1;opacity:0;cursor:pointer;position:absolute;inset:0}.lui-docs .cv-install-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.lui-docs .cv-install-switch{border-radius:10px;padding:3px;display:inline-flex}.lui-docs .cv-install-switch .cv-seg-chip{border-radius:8px;flex:none;padding:5px 14px;font-size:12.5px}.lui-docs .cv-install-switch .cv-seg-chip.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.lui-docs .cv-steps{flex-direction:column;gap:28px;display:flex}.lui-docs .cv-step{flex-direction:column;align-items:stretch;gap:12px;padding-left:18px;display:flex;position:relative}.lui-docs .cv-step:before{content:"";background:var(--panel-2);border-radius:99px;width:3px;position:absolute;top:2px;bottom:2px;left:0}.lui-docs .cv-step-title{color:var(--text);margin:0;font-size:15.5px;font-weight:600}.lui-docs .cv-file-chip{font-family:var(--font-jetbrains), monospace;color:var(--text-2);background:var(--panel);border:1px solid var(--border-2);border-radius:7px;align-self:flex-start;padding:4px 10px;font-size:11.5px}.lui-docs .cv-usage-live{margin-top:28px}.lui-docs .cv-usage-live .cv-usage-title{margin:0 0 12px;font-size:20px}.cv-menu{--surface:#fff;--panel:#f5f5f4;--text:#0c0c0d;--text-2:#56565d;--border:#e7e7e4;background:var(--surface);border-color:var(--border);border-radius:10px;min-width:130px;padding:4px;box-shadow:0 1px 2px #0c0c0d0d,0 18px 40px -16px #0c0c0d40}html[data-theme=dark] .cv-menu{--surface:#111113;--panel:#17171a;--text:#fafafa;--text-2:#a0a0aa;--border:#242428;box-shadow:0 1px 2px #0006,0 18px 40px -16px #0009}.cv-menu .cv-menu-item{font-family:var(--font-jetbrains), monospace;color:var(--text-2);border-radius:6px;padding:5px 8px;font-size:12px}.cv-menu .cv-menu-item[data-highlighted]{background:var(--panel);color:var(--text)}.cv-menu .cv-menu-item.is-active{color:var(--text);font-weight:600}.lui-docs .cv-code{flex-direction:column;align-items:stretch;gap:8px;display:flex}.lui-docs .cv-code-frame{position:relative}.lui-docs .cv-code-copy{z-index:10;display:flex;position:absolute;top:10px;right:10px}.lui-docs .cv-code [data-code-preview]>div:first-child{color:inherit;background:0 0;border-bottom:0}.lui-docs .cv-code [data-code-preview] pre{padding-right:48px}.lui-docs .cv-main [data-code-preview]{position:relative}.lui-docs .cv-main [data-code-preview]>button{z-index:10;border:1px solid var(--border);background:var(--surface);width:auto;color:var(--text);box-shadow:var(--shadow);border-radius:999px;margin:0;padding:6px 16px;font-size:11.5px;font-weight:600;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.lui-docs .cv-main [data-code-preview]>button:hover{background:var(--panel)}@media (max-width:640px){.lui-docs .cv-stage{--cv-stage-min:clamp(260px, 48svh, var(--cv-stage-h));border-radius:14px}.lui-docs .cv-frame-pad{padding:12px}.lui-docs .cv-handle{display:none}.lui-docs .cv-hero{margin-bottom:16px}}@media (prefers-reduced-motion:reduce){.lui-docs .cv-tab,.lui-docs .cv-icon-btn,.lui-docs .cv-stage-btn,.lui-docs .cv-record-btn,.lui-docs .cv-seg-chip,.lui-docs .cv-swatch,.lui-docs .cv-frame{transition:none}}@media (max-width:850px){.lui-docs{--shell-top:84px}.lui-docs .site-frame,.lui-docs .site-corner,.lui-docs .home-corner{display:none}.lui-docs .home-header{max-width:none;padding:0;top:0;left:0;transform:none}.lui-docs .nav-shell{box-shadow:var(--shadow);border-radius:0 0 22px 22px}}@media (max-width:967px){.lui-docs .docs-menu-btn{display:grid}}@media (max-width:900px){.lui-docs .nav-links,.lui-docs .docs-search{display:none}.lui-docs .nav{gap:12px}}@media (max-width:640px){.lui-docs .nav{gap:8px;height:58px;padding:0 10px}.lui-docs .brand{font-size:13.5px}.lui-docs .nav-right{gap:6px}}@media (prefers-reduced-motion:reduce){.lui-docs,.lui-docs .showcase-card{transition:none}}.lui-docs .all-components-tabs{flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 4px;display:flex}.lui-docs .all-components-tab{border:1px solid var(--text);box-shadow:0 0 0 1px var(--text-3);background:var(--surface);color:var(--text-2);cursor:pointer;transition:color .2s var(--ease-out), background .2s var(--ease-out), border-color .2s var(--ease-out), box-shadow .2s var(--ease-out), transform .2s var(--ease-out);border-radius:10px;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:500;line-height:1;display:inline-flex}.lui-docs .all-components-tab:hover{color:var(--text);box-shadow:0 0 0 1px var(--text-2)}.lui-docs .all-components-tab:active{transform:scale(.97)}.lui-docs .all-components-tab:focus-visible{outline:2px solid var(--text);outline-offset:3px}.lui-docs .all-components-tab.is-active{background:var(--ink);color:var(--ink-text);border-color:var(--ink);box-shadow:0 0 0 1px var(--text-3)}.lui-docs .all-components-tab-count{font-variant-numeric:tabular-nums;opacity:.55;font-size:11px}.lui-docs .all-components-tab.is-active .all-components-tab-count{opacity:.7}.lui-docs .all-components-grid{animation:acg-tab-in .45s var(--ease-out) both;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:18px;display:grid}@keyframes acg-tab-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.lui-docs .all-components-grid{animation:none}}.lui-docs .all-components-card{aspect-ratio:16/9;border:1px solid var(--border);background:var(--preview-bg);isolation:isolate;transition:border-color .3s var(--ease-out), box-shadow .3s var(--ease-out), transform .3s var(--ease-out);border-radius:14px;position:relative;overflow:hidden}.lui-docs .all-components-card:hover{border-color:var(--line-3,var(--border-2));transform:translateY(-2px);box-shadow:0 10px 30px #0000001a}.lui-docs .all-components-card-preview{z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.lui-docs .all-components-card-center{justify-content:center;align-items:center;width:100%;display:flex}.lui-docs .all-components-card-fill{position:absolute;inset:0;overflow:hidden}.lui-docs .all-components-card-video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.lui-docs .all-components-card-video.is-contain{object-fit:contain}.lui-docs .all-components-card-pill{z-index:1;border:1px solid var(--border-2,var(--border));background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(12px)saturate(120%);max-width:calc(100% - 24px);color:var(--text);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:500;line-height:1;position:absolute;bottom:12px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 16px #0000001a}.lui-docs .all-components-card-arrow{z-index:2;border:1px solid var(--border-2,var(--border));background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(12px)saturate(120%);width:30px;height:30px;color:var(--text-3);transition:color .2s var(--ease-out), border-color .2s var(--ease-out), transform .3s var(--ease-out);border-radius:999px;place-items:center;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 4px 16px #0000001a}.lui-docs .all-components-card-arrow:hover{color:var(--text);border-color:var(--line-3,var(--border-2));transform:translate(2px,-2px)}.lui-docs .all-components-card-arrow:focus-visible{outline:2px solid var(--text);outline-offset:2px}.lui-docs .all-components-card-skeleton{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.lui-docs .all-components-card-spinner{border:2px solid var(--border);border-top-color:var(--text-2);border-radius:999px;width:22px;height:22px;animation:.7s linear infinite all-components-spin}@keyframes all-components-spin{to{transform:rotate(360deg)}}@media (max-width:560px){.lui-docs .all-components-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.lui-docs .all-components-card,.lui-docs .all-components-card-arrow{transition:none}.lui-docs .all-components-card:hover,.lui-docs .all-components-card-arrow:hover{transform:none}.lui-docs .all-components-card-spinner{animation-duration:1.4s}}
