:root{--xpe-background:#fff;--xpe-foreground:#1f2937;--xpe-muted-foreground:#6b7280;--xpe-muted:#f3f4f6;--xpe-border:#e5e7eb;--xpe-primary:#4f46e5;--xpe-primary-foreground:#fff;--xpe-primary-muted:#eef2ff;--xpe-surface:#fff;--xpe-surface-hover:#f9fafb;--xpe-ring:#818cf8;--xpe-danger:#ef4444;--xpe-danger-muted:#fef2f2;--xpe-radius:12px;--xpe-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.05);--xpe-font-mono:ui-monospace,SFMono-Regular,Menlo,monospace}.xpe-dark,[data-xpe-theme=dark]{--xpe-background:#111827;--xpe-foreground:#e5e7eb;--xpe-muted-foreground:#9ca3af;--xpe-muted:#1f2937;--xpe-border:#374151;--xpe-primary:#818cf8;--xpe-primary-foreground:#111827;--xpe-primary-muted:rgba(129,140,248,.15);--xpe-surface:#1f2937;--xpe-surface-hover:#273449;--xpe-ring:#6366f1;--xpe-danger:#f87171;--xpe-danger-muted:hsla(0,91%,71%,.15);--xpe-shadow:0 10px 15px -3px rgba(0,0,0,.5),0 4px 6px -4px rgba(0,0,0,.4)}:where(.xpe-pro-editor,.block-editor,.doc-blocks,.xpe-popover-content,.xpe-menu) :where(button){background-color:transparent;border:0;color:inherit}.block-editor,.db-code pre,.db-table-wrap,.doc-blocks,.xpe-emoji-scroll,.xpe-popover-content,.xpe-scroll{scrollbar-width:thin;scrollbar-color:var(--xpe-border) transparent}.block-editor::-webkit-scrollbar,.db-code pre::-webkit-scrollbar,.db-table-wrap::-webkit-scrollbar,.doc-blocks::-webkit-scrollbar,.xpe-emoji-scroll::-webkit-scrollbar,.xpe-popover-content::-webkit-scrollbar,.xpe-scroll::-webkit-scrollbar{width:10px;height:10px}.block-editor::-webkit-scrollbar-track,.db-code pre::-webkit-scrollbar-track,.db-table-wrap::-webkit-scrollbar-track,.doc-blocks::-webkit-scrollbar-track,.xpe-emoji-scroll::-webkit-scrollbar-track,.xpe-popover-content::-webkit-scrollbar-track,.xpe-scroll::-webkit-scrollbar-track{background:transparent}.block-editor::-webkit-scrollbar-thumb,.db-code pre::-webkit-scrollbar-thumb,.db-table-wrap::-webkit-scrollbar-thumb,.doc-blocks::-webkit-scrollbar-thumb,.xpe-emoji-scroll::-webkit-scrollbar-thumb,.xpe-popover-content::-webkit-scrollbar-thumb,.xpe-scroll::-webkit-scrollbar-thumb{background-color:var(--xpe-border);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.block-editor::-webkit-scrollbar-thumb:hover,.db-code pre::-webkit-scrollbar-thumb:hover,.db-table-wrap::-webkit-scrollbar-thumb:hover,.doc-blocks::-webkit-scrollbar-thumb:hover,.xpe-emoji-scroll::-webkit-scrollbar-thumb:hover,.xpe-popover-content::-webkit-scrollbar-thumb:hover,.xpe-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--xpe-muted-foreground)}.block-editor{background:var(--xpe-background,#fff);color:var(--xpe-foreground,#1f2937)}.xpe-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:calc(var(--xpe-radius, 12px)*.66);border:1px solid transparent;font-weight:500;cursor:pointer;transition:background .12s,color .12s,border-color .12s;white-space:nowrap}.xpe-btn:disabled{opacity:.5;cursor:not-allowed}.xpe-btn--md{height:36px;padding:0 14px;font-size:13px}.xpe-btn--sm{height:28px;padding:0 10px;font-size:12px}.xpe-btn--icon{height:32px;width:32px;padding:0}.xpe-btn--default{background:var(--xpe-primary,#4f46e5);color:var(--xpe-primary-foreground,#fff)}.xpe-btn--default:hover:not(:disabled){background:#4338ca}.xpe-btn--outline{background:var(--xpe-surface,#fff);border-color:var(--xpe-border,#e5e7eb);color:var(--xpe-foreground,#374151)}.xpe-btn--outline:hover:not(:disabled){background:var(--xpe-surface-hover,#f9fafb)}.xpe-btn--ghost{background:transparent;color:var(--xpe-foreground,#374151)}.xpe-btn--ghost:hover:not(:disabled){background:var(--xpe-muted,#f3f4f6)}.xpe-input{width:100%;border-radius:calc(var(--xpe-radius, 12px)*.66);border:1px solid var(--xpe-border,#e5e7eb);padding:0 10px;font-size:13px;color:var(--xpe-foreground,#111827);background:var(--xpe-surface,#fff);outline:none;transition:border-color .12s,box-shadow .12s}.xpe-input:focus{border-color:var(--xpe-ring,#6366f1);box-shadow:0 0 0 3px #6366f126}.xpe-input::-moz-placeholder{color:var(--xpe-muted-foreground,#9ca3af)}.xpe-input::placeholder{color:var(--xpe-muted-foreground,#9ca3af)}.xpe-tabs-list{display:grid;gap:4px;background:var(--xpe-muted,#f3f4f6);border-radius:calc(var(--xpe-radius, 12px)*.66);padding:3px}.xpe-tabs-trigger{border:none;background:transparent;border-radius:calc(var(--xpe-radius, 12px)*.5);padding:5px 8px;font-size:12px;font-weight:500;color:var(--xpe-muted-foreground,#6b7280);cursor:pointer;transition:background .12s,color .12s}.xpe-tabs-trigger--active,.xpe-tabs-trigger:hover{color:var(--xpe-foreground,#111827)}.xpe-tabs-trigger--active{background:var(--xpe-surface,#fff);box-shadow:0 1px 2px #0000000f}.xpe-popover-content{z-index:80;border-radius:var(--xpe-radius,12px);border:1px solid var(--xpe-border,#f3f4f6);background:var(--xpe-surface,#fff);box-shadow:var(--xpe-shadow,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1))}.xpe-dropdown-content{padding:4px}.xpe-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border:none;background:transparent;border-radius:calc(var(--xpe-radius, 12px)*.5);font-size:13px;color:var(--xpe-foreground,#374151);cursor:pointer;text-align:start}.xpe-dropdown-item:hover{background:var(--xpe-surface-hover,#f9fafb)}.xpe-color-picker{display:flex;align-items:center;gap:8px}.xpe-color-swatch{width:32px;height:32px;padding:0;border:1px solid var(--xpe-border,#e5e7eb);border-radius:calc(var(--xpe-radius, 12px)*.66);cursor:pointer;background:none}.xpe-color-hex{flex:1;height:32px;border:1px solid var(--xpe-border,#e5e7eb);border-radius:8px;padding:0 8px;font-size:12px;font-family:var(--xpe-font-mono,ui-monospace,monospace);outline:none}.xpe-color-hex:focus{border-color:var(--xpe-ring,#6366f1)}.xpe-icon-trigger,.xpe-icon-value{display:inline-flex;align-items:center;justify-content:center;line-height:1}.xpe-icon-trigger{font-size:18px;background:transparent;border:none;cursor:pointer;padding:0}.xpe-icon-popover{padding:0;width:300px;overflow:hidden}.xpe-icon-custom{display:flex;gap:6px;margin:0;padding:8px 10px;border-top:1px solid var(--xpe-border,#f3f4f6)}.xpe-icon-custom-input{flex:1;height:28px;border:1px solid var(--xpe-border,#e5e7eb);border-radius:6px;padding:0 8px;font-size:12px;outline:none}.xpe-icon-custom-apply{height:28px;padding:0 10px;border-radius:6px;border:none;background:var(--xpe-primary,#4f46e5);color:var(--xpe-primary-foreground,#fff);font-size:12px;cursor:pointer}.xpe-emoji-picker{display:flex;flex-direction:column;width:300px;height:340px}.xpe-emoji-picker--controlled{height:auto;max-height:260px;width:280px}.xpe-emoji-search{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--xpe-border,#e5e7eb);flex-shrink:0}.xpe-emoji-search-input{flex:1;border:none;background:transparent;outline:none;font-size:13px;color:var(--xpe-foreground,#111827)}.xpe-emoji-search-input::-moz-placeholder{color:var(--xpe-muted-foreground,#9ca3af)}.xpe-emoji-search-input::placeholder{color:var(--xpe-muted-foreground,#9ca3af)}.xpe-emoji-scroll{flex:1;overflow-y:auto;padding:6px 8px}.xpe-emoji-heading{padding:6px 4px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--xpe-muted-foreground,#9ca3af)}.xpe-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.xpe-emoji-cell{display:flex;align-items:center;justify-content:center;height:32px;border-radius:8px;border:none;background:transparent;font-size:19px;line-height:1;cursor:pointer;transition:background .1s,transform .1s}.xpe-emoji-cell:hover{background:var(--xpe-muted,#f3f4f6);transform:scale(1.12)}.xpe-emoji-empty{padding:24px 8px;text-align:center;font-size:12px;color:var(--xpe-muted-foreground,#9ca3af)}.xpe-emoji-catbar{display:flex;align-items:center;justify-content:space-between;gap:2px;padding:6px 8px;border-top:1px solid var(--xpe-border,#e5e7eb);flex-shrink:0}.xpe-emoji-catbar button{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;border:none;background:transparent;color:var(--xpe-muted-foreground,#9ca3af);cursor:pointer;transition:background .1s,color .1s}.xpe-emoji-catbar button:hover{background:var(--xpe-muted,#f3f4f6);color:var(--xpe-foreground,#111827)}.ebt-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:var(--xpe-muted-foreground,#4b5563);cursor:pointer;transition:background .1s,color .1s}.ebt-btn:hover:not(:disabled){background:var(--xpe-muted,#f3f4f6);color:var(--xpe-foreground,#111827)}.ebt-btn:disabled{opacity:.35;cursor:not-allowed}.ebt-active{background:var(--xpe-primary-muted,#eef2ff);color:var(--xpe-primary,#4f46e5)}.xpe-toolbar-separator{flex-shrink:0}.ebi-selected{background:var(--xpe-primary-muted,rgba(99,102,241,.06));border-radius:6px}.ebi-drop{position:absolute;inset-inline-start:28px;inset-inline-end:0;height:3px;background:var(--xpe-ring,#818cf8);border-radius:2px;z-index:10;pointer-events:none}.ebi-gutter-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;border:none;background:transparent;color:var(--xpe-muted-foreground,#c0c4cc);cursor:pointer;transition:background .1s,color .1s;padding:0}.ebi-gutter-btn:hover{background:var(--xpe-muted,#f3f4f6);color:var(--xpe-foreground,#6b7280)}.ebi-chevron-rtl{transform:scaleX(-1)}.ebi-chevron-rtl.rotate-90{transform:scaleX(-1) rotate(90deg)}.etb{min-height:1.6em;line-height:1.65;font-size:16px;color:var(--xpe-foreground,#1f2937);white-space:pre-wrap;word-break:break-word;caret-color:var(--xpe-primary,#4f46e5);--pro-editor-selection:rgba(35,131,226,.18)}.etb::-moz-selection{background:var(--pro-editor-selection)}.etb::selection{background:var(--pro-editor-selection)}.etb-readonly{cursor:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.etb:empty:before{content:attr(data-placeholder);color:var(--xpe-muted-foreground,#c4c8d0);opacity:.55;pointer-events:none;float:inline-start}.etb-heading_1{font-size:28px;font-weight:700;line-height:1.3}.etb-heading_1,.etb-heading_2{color:var(--xpe-foreground,#111827)}.etb-heading_2{font-size:22px;font-weight:650;line-height:1.35}.etb-heading_3{font-size:18px;font-weight:600;line-height:1.4;color:var(--xpe-foreground,#111827)}.etb-quote{font-style:italic;color:var(--xpe-muted-foreground,#4b5563)}.etb-callout{font-size:15px}.etb code{background:var(--xpe-muted,#f1f3f5);border:1px solid var(--xpe-border,#e9ecef);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;color:#e0316e}.etb a{color:var(--xpe-primary,#4f46e5);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.ecb textarea{min-height:48px;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.etable-btn{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--xpe-muted-foreground,#9ca3af);background:var(--xpe-muted,#f9fafb);border:1px solid #f3f4f6;border-radius:6px;padding:2px 8px;cursor:pointer}.etable-btn:hover:not(:disabled){color:#4f46e5;border-color:#e0e7ff}.etable-btn:disabled{opacity:.45;cursor:not-allowed}.etable-btn-active{color:#4f46e5;border-color:#c7d2fe;background:#eef2ff}.etc-editor{white-space:pre-wrap;word-break:break-word;caret-color:var(--xpe-primary,#4f46e5)}.etc-editor:empty:before{content:" ";pointer-events:none}.etc-editor code{background:var(--xpe-muted,#f1f3f5);border:1px solid var(--xpe-border,#e9ecef);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;color:#e0316e}.etc-editor a{color:var(--xpe-primary,#4f46e5);text-decoration:underline;text-underline-offset:2px}.esh-rect{background:var(--pro-editor-selection,rgba(35,131,226,.18));border-radius:2px}.doc-blocks{font-size:1rem;line-height:1.8;word-break:break-word}.db-heading,.doc-blocks{color:var(--xpe-foreground)}.db-heading{position:relative;scroll-margin-top:90px;letter-spacing:-.015em}.db-heading_1{font-size:1.875em;font-weight:800;line-height:1.2;margin-top:1.6em;margin-bottom:.55em}.db-heading_2{font-size:1.4em;font-weight:700;line-height:1.3;margin-top:1.5em;margin-bottom:.5em;padding-bottom:.25em;border-bottom:1px solid var(--xpe-border)}.db-heading_3{font-size:1.15em;font-weight:650;line-height:1.4;margin-top:1.3em;margin-bottom:.4em}.db-heading:first-child{margin-top:0}.db-anchor-btn{display:inline-flex;vertical-align:middle;margin-inline-start:8px;padding:3px;border-radius:6px;border:none;background:transparent;color:var(--xpe-muted-foreground);opacity:0;cursor:pointer;transition:opacity .15s,background .15s}.db-heading:hover .db-anchor-btn{opacity:.7}.db-anchor-btn:hover{opacity:1!important;background:var(--xpe-muted)}.db-p{margin:0 0 .9em}.db-p:empty{min-height:1.2em}.db-li{display:flex;align-items:flex-start;gap:.6em;margin-bottom:.35em}.db-li-marker{flex-shrink:0;min-width:1.1em;text-align:center;line-height:1.8;color:var(--xpe-foreground)}.db-li-content{flex:1;min-width:0}.db-todo-box{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-top:.45em;border-radius:4px;border:1.5px solid var(--xpe-border)}.db-todo-checked{background:var(--xpe-primary);border-color:var(--xpe-primary);color:var(--xpe-primary-foreground)}.db-todo-box svg{width:10px;height:10px}.db-toggle{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.db-toggle-chevron{flex-shrink:0;display:inline-flex;margin-top:.4em;color:var(--xpe-muted-foreground);transition:transform .15s}.db-toggle-chevron--rtl{transform:scaleX(-1)}.db-toggle-chevron--rtl.rotate-90{transform:scaleX(-1) rotate(90deg)}.db-quote{border-inline-start:3px solid var(--xpe-primary);padding:.4em 1.1em;color:var(--xpe-muted-foreground);font-style:italic;border-radius:calc(var(--xpe-radius, .75rem)*.66)}.db-callout,.db-quote{margin:1em 0;background:var(--xpe-muted)}.db-callout{display:flex;align-items:flex-start;gap:.7em;padding:.85em 1.1em;border-radius:var(--xpe-radius,.75rem);border:1px solid var(--xpe-border)}.db-callout-icon{font-size:1.15em;line-height:1.5}.db-code{margin:1.25em 0;border-radius:var(--xpe-radius,.75rem);overflow:hidden;border:1px solid var(--xpe-border)}.db-code-header{display:flex;align-items:center;justify-content:space-between;padding:.4em 1em;background:#16182a;color:#8b8fa3;font-size:.72em;font-family:var(--xpe-font-mono,ui-monospace,monospace);text-transform:lowercase}.db-code pre{margin:0;padding:1.1em 1.25em;background:#1e1e2e;color:#cdd6f4;overflow-x:auto;font-size:.85em;line-height:1.7}.db-code code{background:none;padding:0;border:none;font-family:var(--xpe-font-mono,ui-monospace,monospace)}.db-divider{border:none;border-top:1px solid var(--xpe-border);margin:1.8em 0}.db-figure{margin:1.4em 0}.db-img{border-radius:var(--xpe-radius,.75rem);cursor:zoom-in;display:block;margin:0 auto;height:auto;max-width:100%}.db-caption{margin-top:.5em;text-align:center;font-size:.8em;color:var(--xpe-muted-foreground)}.db-audio-wrap{background:var(--xpe-muted);border:1px solid var(--xpe-border);border-radius:var(--xpe-radius,.75rem);padding:.75rem}.db-audio-wrap audio{width:100%}.db-audio-name{font-size:.85em;font-weight:500;margin-bottom:.5em}.db-audio-name,.db-file{color:var(--xpe-foreground)}.db-file{display:flex;align-items:center;gap:.75rem;margin:.75em 0;padding:.65rem .9rem;background:var(--xpe-muted);border:1px solid var(--xpe-border);border-radius:var(--xpe-radius,.75rem);text-decoration:none}.db-file:hover{border-color:var(--xpe-primary)}.db-file-name{font-size:.9em;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-file-size{font-size:.8em;color:var(--xpe-muted-foreground);flex-shrink:0}.db-button-row{display:flex;margin:.75em 0}.db-button{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:.5em 1.1em;border-radius:var(--xpe-radius,.6rem);font-size:.9em;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:opacity .12s}.db-button:hover{opacity:.88}.db-button--primary{background:var(--xpe-primary);color:var(--xpe-primary-foreground)}.db-button--outline{background:transparent;border-color:var(--xpe-border);color:var(--xpe-foreground)}.db-button--ghost{background:var(--xpe-muted);color:var(--xpe-foreground)}.xpe-btn .etb{color:inherit}.db-table-wrap{overflow-x:auto;margin:1.25em 0}.db-table{width:100%;border-collapse:collapse;border-radius:calc(var(--xpe-radius, .75rem)*.66);overflow:hidden}.db-table td,.db-table th{padding:.55em 1em;text-align:start;vertical-align:top;line-height:1.6;font-size:.9em}.db-table th{font-weight:600}.doc-blocks strong{font-weight:700}.doc-blocks s{text-decoration:line-through}.doc-blocks u{text-decoration:underline;text-underline-offset:3px}.doc-blocks code{background:var(--xpe-muted);border:1px solid var(--xpe-border);border-radius:.375rem;padding:.12em .4em;font-size:.85em;font-family:var(--xpe-font-mono,ui-monospace,monospace);font-weight:500}.doc-blocks a{color:var(--xpe-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.doc-blocks a:hover{opacity:.8}.db-code .hljs-comment,.db-code .hljs-quote{color:#6c7086;font-style:italic}.db-code .hljs-built_in,.db-code .hljs-keyword,.db-code .hljs-selector-tag{color:#cba6f7}.db-code .hljs-attribute,.db-code .hljs-doctag,.db-code .hljs-section,.db-code .hljs-string,.db-code .hljs-title{color:#a6e3a1}.db-code .hljs-literal,.db-code .hljs-number{color:#fab387}.db-code .hljs-class .hljs-title,.db-code .hljs-type{color:#f9e2af}.db-code .hljs-function,.db-code .hljs-function .hljs-title{color:#89b4fa}.db-code .hljs-params{color:#f2cdcd}.db-code .hljs-template-variable,.db-code .hljs-variable{color:#f5c2e7}.db-code .hljs-name,.db-code .hljs-tag{color:#89b4fa}.db-code .hljs-attr{color:#f9e2af}.db-code .hljs-bullet,.db-code .hljs-deletion,.db-code .hljs-symbol{color:#f38ba8}.db-code .hljs-meta{color:#fab387}.db-code .hljs-addition{color:#a6e3a1}.db-code .hljs-emphasis{font-style:italic}.db-code .hljs-strong{font-weight:700}.xpe-pro-editor{display:flex;flex-direction:column;min-height:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-\[2px\]{bottom:-2px}.-end-1{inset-inline-end:-.25rem}.-top-1{top:-.25rem}.-top-\[2px\]{top:-2px}.end-12{inset-inline-end:3rem}.end-2{inset-inline-end:.5rem}.end-4{inset-inline-end:1rem}.start-0{inset-inline-start:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-4{top:1rem}.top-full{top:100%}.z-\[100\]{z-index:100}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem}.mb-1,.my-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.me-1\.5{margin-inline-end:.375rem}.ms-1{margin-inline-start:.25rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.\!block{display:block!important}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.\!table{display:table!important}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.size-3{width:.75rem;height:.75rem}.size-3\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-7{width:1.75rem;height:1.75rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[15px\]{height:15px}.max-h-80{max-height:20rem}.max-h-full{max-height:100%}.min-h-\[2\.25rem\]{min-height:2.25rem}.\!w-auto{width:auto!important}.w-16{width:4rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-36{width:9rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[15px\]{width:15px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[100px\]{min-width:100px}.min-w-\[260px\]{min-width:260px}.min-w-\[64px\]{min-width:64px}.max-w-4xl{max-width:56rem}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.cursor-zoom-out{cursor:zoom-out}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\[4px\]{border-radius:4px}.rounded-\[var\(--xpe-radius\)\]{border-radius:var(--xpe-radius)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-s-\[3px\]{border-inline-start-width:3px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.\!border-\[var\(--xpe-ring\)\]{border-color:var(--xpe-ring)!important}.border-\[var\(--xpe-border\)\]{border-color:var(--xpe-border)}.border-\[var\(--xpe-foreground\)\]{border-color:var(--xpe-foreground)}.border-\[var\(--xpe-primary\)\]{border-color:var(--xpe-primary)}.border-\[var\(--xpe-ring\)\]{border-color:var(--xpe-ring)}.border-black\/10{border-color:#0000001a}.border-black\/5{border-color:#0000000d}.border-indigo-300{--tw-border-opacity:1;border-color:rgb(165 180 252/var(--tw-border-opacity,1))}.border-white\/5{border-color:#ffffff0d}.bg-\[\#16182a\]{--tw-bg-opacity:1;background-color:rgb(22 24 42/var(--tw-bg-opacity,1))}.bg-\[\#1e1e2e\]{--tw-bg-opacity:1;background-color:rgb(30 30 46/var(--tw-bg-opacity,1))}.bg-\[var\(--xpe-muted\)\]{background-color:var(--xpe-muted)}.bg-\[var\(--xpe-primary\)\]{background-color:var(--xpe-primary)}.bg-\[var\(--xpe-primary-muted\)\]{background-color:var(--xpe-primary-muted)}.bg-\[var\(--xpe-surface\)\]{background-color:var(--xpe-surface)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/60{background-color:#0009}.bg-black\/80{background-color:#000c}.bg-transparent{background-color:transparent}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\[3px\]{padding-top:3px;padding-bottom:3px}.pb-1{padding-bottom:.25rem}.ps-3\.5{padding-inline-start:.875rem}.pt-2\.5{padding-top:.625rem}.pt-3{padding-top:.75rem}.pt-\[5px\]{padding-top:5px}.text-center{text-align:center}.text-start{text-align:start}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.\!text-\[var\(--xpe-muted-foreground\)\]{color:var(--xpe-muted-foreground)!important}.text-\[\#cdd6f4\]{--tw-text-opacity:1;color:rgb(205 214 244/var(--tw-text-opacity,1))}.text-\[var\(--xpe-danger\)\]{color:var(--xpe-danger)}.text-\[var\(--xpe-foreground\)\]{color:var(--xpe-foreground)}.text-\[var\(--xpe-muted-foreground\)\]{color:var(--xpe-muted-foreground)}.text-\[var\(--xpe-primary\)\]{color:var(--xpe-primary)}.text-\[var\(--xpe-primary-foreground\)\]{color:var(--xpe-primary-foreground)}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-white\/80{color:#fffc}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-inset{--tw-ring-inset:inset}.ring-\[var\(--xpe-ring\)\]{--tw-ring-color:var(--xpe-ring)}.ring-offset-1{--tw-ring-offset-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\[box-shadow\:var\(--xpe-shadow\)\]{box-shadow:var(--xpe-shadow)}.placeholder\:opacity-60::-moz-placeholder{opacity:.6}.placeholder\:opacity-60::placeholder{opacity:.6}.first\:pt-1:first-child{padding-top:.25rem}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-105:hover,.hover\:scale-110:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:border-\[var\(--xpe-ring\)\]:hover{border-color:var(--xpe-ring)}.hover\:bg-\[var\(--xpe-danger-muted\)\]:hover{background-color:var(--xpe-danger-muted)}.hover\:bg-\[var\(--xpe-primary-muted\)\]:hover{background-color:var(--xpe-primary-muted)}.hover\:bg-\[var\(--xpe-surface-hover\)\]:hover{background-color:var(--xpe-surface-hover)}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:text-\[var\(--xpe-danger\)\]:hover{color:var(--xpe-danger)}.hover\:text-\[var\(--xpe-foreground\)\]:hover{color:var(--xpe-foreground)}.hover\:text-\[var\(--xpe-primary\)\]:hover{color:var(--xpe-primary)}.hover\:text-gray-200:hover{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus\:border-\[var\(--xpe-ring\)\]:focus{border-color:var(--xpe-ring)}.focus-visible\:opacity-100:focus-visible{opacity:1}.active\:cursor-grabbing:active{cursor:grabbing}.group\/audio:hover .group-hover\/audio\:flex,.group\/file:hover .group-hover\/file\:flex,.group\/img:hover .group-hover\/img\:flex,.group\/row:hover .group-hover\/row\:flex,.group\/video:hover .group-hover\/video\:flex{display:flex}.group\/block:hover .group-hover\/block\:opacity-100,.group\/code:hover .group-hover\/code\:opacity-100,.group\/table:hover .group-hover\/table\:opacity-100{opacity:1}:root{--ink: #262626;--muted: #8b8b8b;--line: rgba(0, 0, 0, .08);--line-strong: rgba(0, 0, 0, .14);--surface: rgba(255, 255, 255, .78);--surface-solid: #f7f7f7;--chip: #ffffff;--canvas: #ededed;--canvas-gradient: linear-gradient(165deg, #f3f3f3 0%, #ebebeb 55%, #e4e4e4 100%);--shadow-soft: 0 24px 48px -24px rgba(0, 0, 0, .28), 0 2px 6px rgba(0, 0, 0, .04);--shadow-chip: 0 2px 6px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .05);--radius: 18px;--radius-chip: 12px;color-scheme:light}:root[data-theme=dark]{--ink: #ececec;--muted: #9a9a9a;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .16);--surface: rgba(58, 58, 58, .82);--surface-solid: #3a3a3a;--chip: #4a4a4a;--canvas: #2d2d2d;--canvas-gradient: linear-gradient(165deg, #323232 0%, #2c2c2c 55%, #272727 100%);--shadow-soft: 0 24px 48px -24px rgba(0, 0, 0, .6), 0 2px 6px rgba(0, 0, 0, .3);--shadow-chip: 0 2px 6px rgba(0, 0, 0, .35), 0 0 0 1px rgba(255, 255, 255, .07);color-scheme:dark}*{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--line-strong);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--muted)}html,body{margin:0;padding:0}body{background:var(--canvas);background-image:var(--canvas-gradient);background-attachment:fixed;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;transition:color .4s ease}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){animation:xpe-sweep .55s ease-in-out both}@keyframes xpe-sweep{0%{clip-path:polygon(120% -20%,140% -20%,20% 120%,0% 120%)}to{clip-path:polygon(-40% -20%,140% -20%,140% 120%,-60% 120%)}}.site{min-height:100vh;overflow-x:clip}.container{max-width:1040px;margin:0 auto;padding:0 24px}a{color:inherit}code,pre,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--canvas) 72%,transparent);border-bottom:1px solid transparent;transition:border-color .2s ease,background-color .4s ease}.nav.scrolled{border-bottom-color:var(--line)}.nav-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;letter-spacing:-.01em;text-decoration:none;color:var(--ink)}.nav-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:9px;background:var(--ink);color:var(--canvas);font-size:13px;font-weight:800;transition:background-color .4s ease,color .4s ease}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{padding:8px 12px;border-radius:10px;font-size:13px;font-weight:500;color:var(--muted);text-decoration:none;border:none;background:transparent;cursor:pointer;transition:background .15s,color .15s}.nav-link:hover{background:var(--line);color:var(--ink)}.nav-link.cta{background:var(--ink);color:var(--canvas)}.nav-link.cta:hover{opacity:.88}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-inline-start:4px;border:1px solid var(--line);border-radius:999px;background:var(--chip);color:var(--muted);cursor:pointer;box-shadow:var(--shadow-chip);transition:color .15s,transform .15s,background-color .4s ease}.theme-toggle:hover{color:var(--ink);transform:translateY(-1px)}.hero{position:relative;padding:96px 24px 64px;text-align:center;overflow:hidden}.hero-glow{position:absolute;inset:-20% -10% auto -10%;height:480px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.55),transparent 55%),radial-gradient(circle at 70% 20%,rgba(0,0,0,.05),transparent 55%);filter:blur(12px);pointer-events:none;z-index:0}:root[data-theme=dark] .hero-glow{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.06),transparent 55%),radial-gradient(circle at 70% 20%,rgba(0,0,0,.35),transparent 55%)}.hero-inner{position:relative;z-index:1;max-width:760px;margin:0 auto}.badge-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:24px}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--chip);font-size:12px;font-weight:600;color:var(--muted);box-shadow:var(--shadow-chip);transition:background-color .4s ease}.pill img{height:14px;display:block}.hero h1{font-size:clamp(2.25rem,5vw,3.4rem);line-height:1.08;letter-spacing:-.03em;font-weight:800;margin:0 0 18px}.hero h1 .grad{background:linear-gradient(105deg,var(--ink) 30%,var(--muted) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lede{font-size:18px;line-height:1.6;color:var(--muted);margin:0 auto 32px;max-width:560px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:12px;font-size:14px;font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,opacity .12s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:var(--canvas);box-shadow:0 10px 24px -10px #00000080}.btn-primary:hover{opacity:.9}.btn-outline{background:var(--chip);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow-chip)}.btn-outline:hover{border-color:var(--line-strong)}section{padding:56px 0}.section-head{text-align:center;max-width:560px;margin:0 auto 40px}.eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.section-head h2{font-size:28px;letter-spacing:-.02em;margin:0 0 10px}.section-head p{color:var(--muted);line-height:1.6;margin:0}.demo-frame{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft);overflow:hidden;transition:background-color .4s ease,border-color .4s ease}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface-solid) 65%,transparent);transition:background-color .4s ease,border-color .4s ease}.demo-toolbar-dots{display:flex;gap:6px}.demo-toolbar-dots span{width:9px;height:9px;border-radius:50%;background:var(--line-strong)}.mode-switch{display:inline-flex;padding:3px;border-radius:11px;background:var(--line);gap:2px}.mode-switch button{border:none;background:transparent;padding:6px 12px;font-size:12px;font-weight:600;color:var(--muted);border-radius:9px;cursor:pointer;transition:background .15s,color .15s}.mode-switch button.active{background:var(--chip);color:var(--ink);box-shadow:var(--shadow-chip)}.demo-body{min-height:420px;max-height:560px;overflow-y:auto}.demo-body :where(.block-editor){padding:8px 28px 60px;background:transparent}.demo-hint{text-align:center;margin-top:14px;font-size:13px;color:var(--muted)}.demo-hint code{background:var(--line);color:var(--ink);padding:2px 6px;border-radius:6px;font-size:12px}.demo-body.editor-theme-bento{--xpe-background: transparent;--xpe-foreground: var(--ink);--xpe-muted-foreground: var(--muted);--xpe-muted: color-mix(in srgb, var(--ink) 5%, transparent);--xpe-border: var(--line-strong);--xpe-primary: var(--ink);--xpe-primary-foreground: var(--canvas);--xpe-primary-muted: color-mix(in srgb, var(--ink) 8%, transparent);--xpe-surface: var(--surface-solid);--xpe-surface-hover: color-mix(in srgb, var(--ink) 6%, transparent);--xpe-ring: var(--muted);--xpe-radius: 14px;--xpe-shadow: var(--shadow-soft)}.install-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft);overflow:hidden;max-width:620px;margin:0 auto;transition:background-color .4s ease}.install-tabs{display:flex;border-bottom:1px solid var(--line)}.install-tabs button{flex:1;padding:12px;border:none;background:transparent;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.install-tabs button.active{color:var(--ink);border-bottom-color:var(--ink)}.code-block{position:relative;background:#1f1f1f;color:#dcdcdc}.code-block pre{margin:0;padding:18px 50px 18px 18px;font-size:13px;line-height:1.7;overflow-x:auto}.code-block .copy-btn{position:absolute;top:10px;right:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#c5c5c5;font-size:11px;font-weight:600;padding:5px 9px;border-radius:7px;cursor:pointer;transition:background .15s}.code-block .copy-btn:hover{background:#ffffff24}.code-block--command{background:#171717;border-bottom:1px solid rgba(255,255,255,.1)}.code-block--command pre{padding:14px 50px 14px 18px;overflow-x:auto}.code-block--command code:before{content:"$ ";color:#6f6f6f;-webkit-user-select:none;user-select:none}.code-comment{color:#7d7d7d}.code-kw{color:#d0d0d0;font-weight:700}.code-str{color:#b5c9b7}.code-tag{color:#c9c9c9}.code-fn{color:#bdbdbd}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{border:1px solid var(--line);border-radius:var(--radius-chip);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background-color .4s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft);border-color:var(--line-strong)}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:var(--line);color:var(--ink);margin-bottom:12px}.feature-card h3{font-size:15px;margin:0 0 6px;letter-spacing:-.01em}.feature-card p{font-size:13.5px;line-height:1.55;color:var(--muted);margin:0}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.package-card{display:block;border:1px solid var(--line);border-radius:var(--radius-chip);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:18px 20px;text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s,background-color .4s ease}.package-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.package-card .name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;font-weight:600;color:var(--ink);display:block;margin-bottom:6px}.package-card .desc{font-size:13px;color:var(--muted);line-height:1.5}footer{border-top:1px solid var(--line);padding:32px 24px 40px;margin-top:32px}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;max-width:1040px;margin:0 auto;font-size:13px;color:var(--muted)}.footer-links{display:flex;gap:16px}.footer-links a{text-decoration:none;color:var(--muted)}.footer-links a:hover{color:var(--ink)}@media(max-width:720px){.feature-grid,.package-grid{grid-template-columns:1fr 1fr}.nav-links .nav-link:not(.cta){display:none}}@media(max-width:480px){.feature-grid,.package-grid{grid-template-columns:1fr}.demo-toolbar{flex-wrap:wrap;row-gap:8px}.demo-toolbar-dots{display:none}.mode-switch{order:1;flex:1 1 100%;justify-content:space-between}.mode-switch button{flex:1;padding:6px}.demo-toolbar>button.nav-link{order:2;margin-left:auto}}