:root,[data-theme=light]{color-scheme:light;--aui-font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--aui-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--aui-text-xs: 11px;--aui-text-sm: 12px;--aui-text: 13px;--aui-text-md: 14px;--aui-text-lg: 15px;--aui-text-xl: 18px;--aui-leading: 20px;--aui-ease: cubic-bezier(.22, 1, .36, 1);--aui-ease-in-out: cubic-bezier(.65, 0, .35, 1);--aui-spring: cubic-bezier(.34, 1.56, .64, 1);--aui-dur-fast: .12s;--aui-dur: .18s;--aui-dur-slow: .32s;--aui-canvas: #fafafa;--aui-surface: #ffffff;--aui-surface-2: #fafafa;--aui-surface-3: #f4f4f5;--aui-field: #ffffff;--aui-pop: #ffffff;--aui-muted: rgba(0, 0, 0, .04);--aui-hover: rgba(0, 0, 0, .05);--aui-active: rgba(0, 0, 0, .08);--aui-selected: rgba(0, 0, 0, .06);--aui-tray: #f0f0f0;--aui-fg-strong: #0a0a0a;--aui-fg: rgba(0, 0, 0, .88);--aui-fg-muted: rgba(0, 0, 0, .61);--aui-fg-subtle: rgba(0, 0, 0, .45);--aui-fg-faint: rgba(0, 0, 0, .3);--aui-icon: rgba(0, 0, 0, .447);--aui-border: rgba(0, 0, 0, .08);--aui-border-strong: rgba(0, 0, 0, .14);--aui-divider: rgba(0, 0, 0, .06);--aui-card-stroke: rgba(0, 0, 0, .06);--aui-primary: rgba(0, 0, 0, .88);--aui-primary-hover: rgba(0, 0, 0, .8);--aui-primary-fg: #fcfcfc;--aui-accent: #2b7de9;--aui-accent-fg: #ffffff;--aui-accent-soft: rgba(43, 125, 233, .1);--aui-accent-text: #1f6fd8;--aui-danger: #f04438;--aui-danger-text: #c4320a;--aui-danger-soft: rgba(240, 68, 56, .08);--aui-danger-ring: rgba(240, 68, 56, .55);--aui-field-error-text: #c4320a;--aui-field-error-edge: rgba(240, 68, 56, .55);--aui-field-error-bg: var(--aui-field);--aui-success: #30a46c;--aui-success-text: #218358;--aui-success-soft: rgba(48, 164, 108, .1);--aui-warning: #f5a524;--aui-warning-text: #b4690e;--aui-warning-soft: rgba(245, 165, 36, .12);--aui-violet: #8e4ec6;--aui-violet-soft: rgba(142, 78, 198, .1);--aui-pink: #e93d82;--aui-orange: #f76b15;--aui-c1: #2b7de9;--aui-c2: #8e4ec6;--aui-c3: #30a46c;--aui-c4: #f5a524;--aui-c5: #e93d82;--aui-c6: #12a594;--aui-shadow-card: 0 0 0 .5px rgba(0, 0, 0, .06), 0 1px 1px -1px rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .05);--aui-shadow-field: 0 0 0 .5px rgba(0, 0, 0, .08), 0 1px 1px -1px rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .05);--aui-shadow-pop: 0 0 0 .5px rgba(0, 0, 0, .08), 0 12px 32px -8px rgba(0, 0, 0, .14), 0 2px 6px rgba(0, 0, 0, .05);--aui-shadow-lift: 0 4px 12px -6px rgba(0, 0, 0, .12);--aui-focus-ring: rgba(0, 96, 226, .7);--aui-focus: 0 0 0 2px var(--aui-surface), 0 0 0 4px var(--aui-focus-ring);--aui-tray-ring: 0 0 0 0 transparent;--aui-radius-xs: 4px;--aui-radius-sm: 5px;--aui-radius: 7px;--aui-radius-md: 8px;--aui-radius-card: 10px;--aui-radius-lg: 12px;--aui-radius-xl: 16px;--aui-radius-pill: 999px;--aui-control-h: 32px;--aui-control-h-sm: 28px;--aui-control-h-lg: 36px;--aui-control-px: 10px;--aui-control-text: 13px;--aui-card-pad: 20px;--aui-stack: 18px}.dark,[data-theme=dark]{color-scheme:dark;--aui-canvas: #1f1f21;--aui-surface: #141416;--aui-surface-2: #19191b;--aui-surface-3: #202023;--aui-field: #1c1c1e;--aui-pop: #1c1c1e;--aui-muted: rgba(255, 255, 255, .05);--aui-hover: rgba(255, 255, 255, .07);--aui-active: rgba(255, 255, 255, .1);--aui-selected: rgba(255, 255, 255, .08);--aui-tray: #111113;--aui-fg-strong: #ffffff;--aui-fg: rgba(255, 255, 255, .9);--aui-fg-muted: rgba(255, 255, 255, .62);--aui-fg-subtle: rgba(255, 255, 255, .46);--aui-fg-faint: rgba(255, 255, 255, .3);--aui-icon: rgba(255, 255, 255, .5);--aui-border: rgba(255, 255, 255, .1);--aui-border-strong: rgba(255, 255, 255, .16);--aui-divider: rgba(255, 255, 255, .07);--aui-card-stroke: rgba(255, 255, 255, .1);--aui-primary: rgba(255, 255, 255, .9);--aui-primary-hover: rgba(255, 255, 255, .8);--aui-primary-fg: #141416;--aui-accent: #4fb0fe;--aui-accent-soft: rgba(79, 176, 254, .16);--aui-accent-text: #4fb0fe;--aui-danger: #ff6b5f;--aui-danger-text: #ff8a7a;--aui-danger-soft: rgba(255, 107, 95, .14);--aui-danger-ring: rgba(255, 107, 95, .5);--aui-field-error-text: #ff8a7a;--aui-field-error-edge: rgba(255, 107, 95, .5);--aui-field-error-bg: var(--aui-field);--aui-success: #3dd68c;--aui-success-text: #3dd68c;--aui-success-soft: rgba(61, 214, 140, .12);--aui-warning: #ffc53d;--aui-warning-text: #ffca16;--aui-warning-soft: rgba(255, 197, 61, .12);--aui-violet: #b07ff0;--aui-violet-soft: rgba(176, 127, 240, .14);--aui-shadow-card: 0 0 0 .5px rgba(255, 255, 255, .1), 0 1px 2px 0 rgba(0, 0, 0, .4);--aui-shadow-field: 0 0 0 .5px rgba(255, 255, 255, .14), 0 1px 2px 0 rgba(0, 0, 0, .4);--aui-shadow-pop: 0 0 0 .5px rgba(255, 255, 255, .12), 0 12px 32px -8px rgba(0, 0, 0, .6), 0 2px 6px rgba(0, 0, 0, .3);--aui-shadow-lift: 0 6px 14px -6px rgba(0, 0, 0, .45);--aui-focus-ring: rgba(77, 141, 255, .8)}[data-aui-style=classic],[data-aui-style=classic] [data-theme=light]{--aui-text: 13.5px;--aui-control-text: 13.5px;--aui-radius-sm: 6px;--aui-radius: 10px;--aui-radius-md: 10px;--aui-radius-card: 16px;--aui-radius-lg: 14px;--aui-radius-xl: 20px;--aui-control-h: 36px;--aui-control-h-sm: 30px;--aui-control-h-lg: 40px;--aui-control-px: 12px;--aui-card-pad: 22px 20px;--aui-stack: 20px;--aui-fg: #171717;--aui-icon: #8f8f8f;--aui-card-stroke: #ececec;--aui-shadow-card: 0 0 0 1px #ececec, 0 1px 2px 0 rgba(0, 0, 0, .04);--aui-shadow-field: 0 0 0 1px #e6e6e8, 0 1px 2px 0 rgba(0, 0, 0, .04);--aui-field-error-edge: #ff8a7a;--aui-field-error-bg: rgba(240, 68, 56, .04);--aui-tray-ring: 0 0 0 4px var(--aui-tray)}[data-aui-style=classic]:is(.dark,[data-theme=dark]),:is(.dark,[data-theme=dark]) [data-aui-style=classic]:not([data-theme=light]),[data-aui-style=classic] :is(.dark,[data-theme=dark]){--aui-surface: #161618;--aui-field: #19191b;--aui-fg: #ededed;--aui-icon: #8b8b92;--aui-card-stroke: #2a2a2e;--aui-shadow-card: 0 0 0 1px #2a2a2e, 0 1px 2px 0 rgba(0, 0, 0, .2);--aui-shadow-field: 0 0 0 1px #2a2a2e, 0 1px 2px 0 rgba(0, 0, 0, .04);--aui-field-error-edge: rgba(255, 107, 95, .45);--aui-field-error-bg: rgba(255, 107, 95, .06)}.aui-root,.aui-root *{box-sizing:border-box}.aui-root{font-family:var(--aui-font);font-size:var(--aui-text);line-height:var(--aui-leading);color:var(--aui-fg);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01";text-rendering:optimizeLegibility}.aui-root :where(h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote,dl,dd),.aui-root:where(h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote,dl,dd,form,fieldset){margin:0}.aui-root :where(ul,ol),.aui-root:where(ul,ol){padding:0;list-style:none}.aui-root :where(button,input,textarea,select){font:inherit;color:inherit;letter-spacing:inherit}:where(.aui-root) :where(button),:where(button.aui-root){background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.aui-root :where(button:disabled){cursor:default}.aui-root :where(a){color:inherit;text-decoration:none}.aui-root :where(svg){flex-shrink:0;display:block}.aui-root :where(:focus-visible){outline:2px solid var(--aui-focus-ring);outline-offset:2px}.aui-tnum{font-variant-numeric:tabular-nums}.aui-mono{font-family:var(--aui-mono);font-size:.92em}.aui-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.aui-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.aui-card{background:var(--aui-surface);border-radius:var(--aui-radius-card);box-shadow:var(--aui-shadow-card),var(--aui-tray-ring);color:var(--aui-fg)}.aui-card--pad{padding:var(--aui-card-pad)}.aui-field{display:flex;align-items:center;gap:8px;min-height:var(--aui-control-h);padding:0 var(--aui-control-px);background:var(--aui-field);border-radius:var(--aui-radius);box-shadow:var(--aui-shadow-field);color:var(--aui-fg);font-size:var(--aui-control-text);transition:box-shadow var(--aui-dur) var(--aui-ease),background-color var(--aui-dur) var(--aui-ease)}.aui-field:hover{box-shadow:var(--aui-shadow-field),0 0 0 .5px var(--aui-border-strong)}.aui-field:focus-within,.aui-field[data-focus]{box-shadow:0 0 0 1px var(--aui-border-strong),0 0 0 3.5px var(--aui-muted)}.aui-field[aria-invalid=true],.aui-field[data-invalid]{box-shadow:0 0 0 1px var(--aui-danger-ring),0 1px 2px #0000000d}[data-aui-style=classic] .aui-field[aria-invalid=true],[data-aui-style=classic] .aui-field[data-invalid]{background:color-mix(in srgb,var(--aui-danger) 4%,var(--aui-field))}.aui-field :where(input,textarea):focus-visible{box-shadow:none}.aui-field input,.aui-field textarea{flex:1;min-width:0;border:0;outline:none;background:transparent;padding:0;color:inherit}.aui-field ::placeholder{color:var(--aui-fg-faint)}.aui-label{font-size:13px;font-weight:500;color:var(--aui-fg)}.aui-hint{font-size:var(--aui-text-sm);line-height:16px;color:var(--aui-fg-subtle)}.aui-hint[data-error]{color:var(--aui-danger-text)}.aui-btn{--_h: var(--aui-control-h);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--_h);padding:0 10px;border-radius:calc(var(--aui-radius) - 1px);font-size:13px;font-weight:500;line-height:20px;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--aui-dur) var(--aui-ease),box-shadow var(--aui-dur) var(--aui-ease),color var(--aui-dur) var(--aui-ease),transform var(--aui-dur-fast) var(--aui-ease),opacity var(--aui-dur)}.aui-btn:active:not(:disabled){transform:scale(.97)}.aui-btn:disabled{opacity:.5}.aui-btn--sm{--_h: var(--aui-control-h-sm);padding:0 8px;font-size:var(--aui-text-sm);gap:4px}.aui-btn--xs{--_h: 24px;padding:0 7px;font-size:var(--aui-text-sm);gap:4px;border-radius:var(--aui-radius-sm)}.aui-btn--lg{--_h: var(--aui-control-h-lg);padding:0 14px}.aui-btn--icon{width:var(--_h);padding:0}.aui-btn--primary{background:var(--aui-primary);color:var(--aui-primary-fg)}.aui-btn--primary:hover:not(:disabled){background:var(--aui-primary-hover)}.aui-btn--secondary{background:var(--aui-field);color:var(--aui-fg-strong);box-shadow:var(--aui-shadow-field)}.aui-btn--secondary:hover:not(:disabled){background:color-mix(in srgb,var(--aui-field) 94%,var(--aui-fg))}.aui-btn--ghost{color:var(--aui-fg-muted)}.aui-btn--ghost:hover:not(:disabled){background:var(--aui-hover);color:var(--aui-fg)}.aui-btn--danger{background:var(--aui-danger-soft);color:var(--aui-danger)}.aui-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--aui-danger) 14%,transparent)}.aui-btn--accent{background:var(--aui-accent);color:var(--aui-accent-fg)}.aui-btn svg{width:16px;height:16px;opacity:.8}.aui-badge{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 6px;border-radius:var(--aui-radius-sm);background:var(--aui-muted);color:var(--aui-fg-muted);font-size:var(--aui-text-sm);font-weight:500;line-height:16px;white-space:nowrap}.aui-badge svg{width:12px;height:12px}.aui-badge--pill{border-radius:var(--aui-radius-pill);padding:0 8px}.aui-badge--accent{background:var(--aui-accent-soft);color:var(--aui-accent-text)}.aui-badge--success{background:var(--aui-success-soft);color:var(--aui-success-text)}.aui-badge--warning{background:var(--aui-warning-soft);color:var(--aui-warning-text)}.aui-badge--danger{background:var(--aui-danger-soft);color:var(--aui-danger-text)}.aui-badge--violet{background:var(--aui-violet-soft);color:var(--aui-violet)}.aui-badge--outline{background:transparent;box-shadow:inset 0 0 0 1px var(--aui-border)}.aui-kbd{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:4px;background:var(--aui-muted);box-shadow:inset 0 0 0 .5px var(--aui-border);color:var(--aui-fg-subtle);font-size:11px;font-weight:500;font-family:var(--aui-font)}.aui-avatar{--_s: 24px;display:inline-grid;place-items:center;width:var(--_s);height:var(--_s);border-radius:50%;background:var(--aui-surface-3);color:var(--aui-fg-muted);font-size:calc(var(--_s) * .42);font-weight:600;overflow:hidden;flex-shrink:0;box-shadow:inset 0 0 0 .5px var(--aui-border)}.aui-avatar img{width:100%;height:100%;object-fit:cover}.aui-tile{--_s: 20px;display:inline-grid;place-items:center;width:var(--_s);height:var(--_s);border-radius:calc(var(--_s) * .28);background:var(--aui-surface);box-shadow:0 0 0 .5px var(--aui-border),0 1px 1px #0000000a;flex-shrink:0}.aui-tile svg{width:62%;height:62%}.aui-divider{height:1px;background:var(--aui-divider);border:0;margin:0}.aui-spinner{--_s: 14px;width:var(--_s);height:var(--_s);animation:aui-spin .9s steps(8) infinite;color:currentColor}@keyframes aui-spin{to{transform:rotate(360deg)}}.aui-ring-spinner{--_s: 12px;width:var(--_s);height:var(--_s);border-radius:50%;border:1.5px solid color-mix(in srgb,currentColor 25%,transparent);border-top-color:currentColor;animation:aui-spin-smooth .8s linear infinite;flex-shrink:0}@keyframes aui-spin-smooth{to{transform:rotate(360deg)}}.aui-shimmer{background:linear-gradient(90deg,var(--aui-fg-subtle) 0%,var(--aui-fg-subtle) 35%,var(--aui-fg-strong) 50%,var(--aui-fg-subtle) 65%,var(--aui-fg-subtle) 100%) 0 0 / 250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:aui-shimmer 2.2s linear infinite}@keyframes aui-shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}.aui-dot{--_c: var(--aui-fg-faint);width:6px;height:6px;border-radius:50%;background:var(--_c);flex-shrink:0}.aui-dot--live{--_c: var(--aui-success);box-shadow:0 0 color-mix(in srgb,var(--_c) 50%,transparent);animation:aui-pulse 1.8s var(--aui-ease) infinite}@keyframes aui-pulse{70%{box-shadow:0 0 0 5px transparent}to{box-shadow:0 0 0 0 transparent}}.aui-enter{animation:aui-enter var(--aui-dur-slow) var(--aui-ease) both}@keyframes aui-enter{0%{opacity:0;transform:translateY(4px);filter:blur(2px)}}.aui-pop-in{animation:aui-pop-in .22s var(--aui-ease) both}@keyframes aui-pop-in{0%{opacity:0;transform:scale(.96) translateY(-2px)}}.aui-popover{background:var(--aui-pop);border-radius:var(--aui-radius-lg);box-shadow:var(--aui-shadow-pop);padding:4px;z-index:50}.aui-menu-item{display:flex;align-items:center;gap:8px;width:100%;min-height:30px;padding:5px 8px;border-radius:calc(var(--aui-radius-lg) - 4px);color:var(--aui-fg);text-align:left;cursor:default}.aui-menu-item:is(:hover,[data-active]){background:var(--aui-hover)}.aui-menu-item svg{width:16px;height:16px;color:var(--aui-icon)}.aui-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--aui-border-strong) transparent}.aui-track{height:4px;border-radius:999px;background:var(--aui-muted);overflow:hidden}.aui-track>i{display:block;height:100%;border-radius:inherit;background:var(--aui-fg);transition:width .5s var(--aui-ease)}@media(prefers-reduced-motion:reduce){.aui-root *,.aui-root *:before,.aui-root *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(pointer:coarse){.aui-root{--aui-control-h: 40px}}*,*:before,*:after{box-sizing:border-box}body{margin:0}.stage{position:relative;min-height:var(--stage-h, 520px);padding:var(--stage-pad, 45px);display:grid;border-radius:18px;background:var(--aui-canvas);box-shadow:inset 0 0 0 1px var(--aui-border);color:var(--aui-fg-strong);font-family:var(--aui-font);font-size:13px;overflow:hidden;isolation:isolate}.stage__look{display:grid;justify-items:center;align-items:var(--stage-align, center);min-width:0}.stage--components{height:var(--stage-h, auto)}.stage--blocks .stage__look{justify-items:stretch}.stage--screens{padding:0;min-height:0;display:block}.screen-frame{position:relative;width:100%;aspect-ratio:1.6;overflow:hidden;container-type:size}.screen-frame__inner{position:absolute;inset:0}.screen-frame__inner>*{width:100%;height:100%}.stage__empty,.stage__loading{color:var(--aui-fg-faint);align-self:center}.stage__error{color:var(--aui-danger-text);font:12px/1.5 var(--aui-mono);white-space:pre-wrap;max-width:100%}.preview-page{padding:0;background:var(--aui-canvas);min-height:100vh}.preview-page .stage{width:894px;border-radius:0;box-shadow:none}:root{--s-font: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--s-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--s-bg: #f5f5f5;--s-panel: #fcfcfc;--s-card: #fff;--s-preview: #fafafa;--s-muted: #0000000a;--s-hover: #0000000d;--s-text: #0a0a0a;--s-text-muted: #737373;--s-text-subtle: #0006;--s-border: #e5e5e5;--s-border-soft: #0a0a0a1a;--s-card-stroke: #0a0a0a0e;--s-panel-stroke: #ececec;--s-panel-shadow: 0 1px 0 #0000000a, 0 2px 1px -1px #0000000d;--s-primary: #171717;--s-primary-fg: #fff;--s-accent: #1d93d2;--s-accent-soft: #1d93d21a;--s-pro-bg: #fdf2f8;--s-pro-from: #dd0674;--s-pro-to: #5e3ee0;--s-shadow-pop: 0 4px 42px #0000000f, 0 2px 6px #0000000d, 0 0 0 1px #0000000f;--s-ease: cubic-bezier(.22, 1, .36, 1);--s-dur: .18s;--s-tk-k: #c2185b;--s-tk-s: #0b7a3e;--s-tk-t: #1d4ed8;--s-tk-y: #b45309;--s-tk-f: #6d28d9;--s-tk-n: #0e7490;--s-tk-c: #8f8f8f}:root[data-theme=dark]{--s-bg: #0c0c0d;--s-panel: #121213;--s-card: #19191b;--s-preview: #1f1f21;--s-muted: #ffffff0d;--s-hover: #ffffff12;--s-text: #ededed;--s-text-muted: #8f8f8f;--s-text-subtle: #fff6;--s-border: #262628;--s-border-soft: #ffffff12;--s-card-stroke: #ffffff0d;--s-panel-stroke: #222224;--s-panel-shadow: 0 1px 0 #00000073, 0 2px 1px -1px #00000080;--s-pro-bg: #dd067424;--s-pro-from: #f472b6;--s-pro-to: #a78bfa;--s-primary: #ededed;--s-primary-fg: #121213;--s-shadow-pop: 0 4px 42px #0006, 0 0 0 1px #ffffff14;--s-tk-k: #f472b6;--s-tk-s: #86efac;--s-tk-t: #93c5fd;--s-tk-y: #fcd34d;--s-tk-f: #c4b5fd;--s-tk-n: #67e8f9;--s-tk-c: #6b6b70}html,body{background:var(--s-bg);color:var(--s-text);font:13px/1.43 var(--s-font);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:focus-visible:not(:where(.aui-root,.aui-root *)){outline:2px solid var(--s-accent);outline-offset:2px}::selection{background:var(--s-accent-soft)}.shell{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:100vh}.shell--collapsed{grid-template-columns:minmax(0,1fr)}.side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:8px 0 11.5px;background:var(--s-bg)}.side__head{display:flex;align-items:center;justify-content:space-between;padding:6px 10px 6px 14px}.side__brand{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;letter-spacing:-.2px;color:var(--s-text)}.side__brand--lg{font-size:16px}.icon-btn{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--s-text-muted);transition:background-color var(--s-dur),color var(--s-dur)}.icon-btn:hover{background:var(--s-hover);color:var(--s-text)}.side-search{position:relative;display:flex;align-items:center;gap:8px;margin:4px 10px 10px;height:34px;padding:0 6px 0 10px;border-radius:9px;background:var(--s-muted);box-shadow:inset 0 0 0 1px var(--s-card-stroke);color:var(--s-text-muted)}.side-search input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--s-text);font:inherit}.side-search input::placeholder{color:var(--s-text-muted)}.side-search__keys{display:flex;gap:3px}.side-search__keys kbd{display:grid;place-items:center;min-width:18px;height:18px;border-radius:4px;background:var(--s-muted);font:500 11px var(--s-font);color:var(--s-text-muted)}.side-search__results{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;margin:0;padding:4px;list-style:none;background:var(--s-card);border-radius:12px;box-shadow:var(--s-shadow-pop)}.side-search__results li{display:flex;justify-content:space-between;gap:8px;padding:7px 8px;border-radius:8px;color:var(--s-text);cursor:pointer}.side-search__results li small{color:var(--s-text-muted)}.side-search__results li[aria-selected=true]{background:var(--s-hover)}.side__nav{display:grid;gap:1px;padding:0 10px}.side__link{display:flex;align-items:center;gap:8px;padding:5.25px 8px;border-radius:8px;color:var(--s-text-muted);transition:background-color var(--s-dur),color var(--s-dur)}.side__link:hover{color:var(--s-text);background:var(--s-hover)}.side__link.is-active{background:var(--s-hover);color:var(--s-text)}.side__row{display:flex;align-items:center;border-radius:8px;transition:background-color var(--s-dur)}.side__row:hover{background:var(--s-hover)}.side__row .side__link{padding-right:6px}.side__row .side__link:hover{background:none}.side__toggle{display:grid;place-items:center;width:20px;height:20px;border-radius:5px;color:var(--s-text-subtle);opacity:0;transition:opacity var(--s-dur),background-color var(--s-dur),color var(--s-dur)}.side__row:hover .side__toggle,.side__toggle:focus-visible{opacity:1}.side__toggle:hover{background:var(--s-hover);color:var(--s-text)}.side__toggle svg{transition:transform .22s var(--s-ease)}.side__toggle[aria-expanded=true] svg{transform:rotate(90deg)}.side__sub{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .24s var(--s-ease),visibility 0s .24s}.side__sub[data-open=true]{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .28s var(--s-ease),visibility 0s}.side__sub-inner{min-height:0;margin:-4px;padding:4px;overflow:hidden;opacity:0;transition:opacity .14s}.side__sub[data-open=true] .side__sub-inner{opacity:1;transition-duration:.22s}.side__sub-list{display:grid;gap:1px;margin:1px 0 6px}.side__sublink{display:flex;align-items:center;padding:5.25px 14px 5.25px 32px;border-radius:8px;color:var(--s-text-muted);transition:background-color var(--s-dur),color var(--s-dur)}.side__sublink:hover,.side__sublink.is-active{color:var(--s-text);background:var(--s-hover)}@media(prefers-reduced-motion:reduce){.side__sub,.side__sub-inner,.side__toggle svg{transition:none}}.side__style{padding:14px 10px 4px}.style-menu{position:relative}.style-menu__trigger{display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 6px 0 8px;border-radius:8px;color:var(--s-text-muted)}.style-menu__trigger:hover{background:var(--s-hover);color:var(--s-text)}.style-menu__label{flex:1;text-align:left}.style-menu--compact .style-menu__label{flex:none}.style-menu--compact .style-menu__trigger{width:auto}.style-chip{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:6px;font-size:12.5px;font-weight:500}.style-chip--clean{background:#1d93d21f;color:#1a85bf}.style-chip--classic{background:#f9731624;color:#c2560c}:root[data-theme=dark] .style-chip--clean{background:#3b82f629;color:#8ab8ff}:root[data-theme=dark] .style-chip--classic{background:#f9731629;color:#fdba74}.style-menu__pop{position:absolute;z-index:50;top:calc(100% + 6px);left:0;width:260px;padding:4px;background:var(--s-card);border-radius:12px;box-shadow:var(--s-shadow-pop);animation:s-pop .16s var(--s-ease)}@keyframes s-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.style-menu__opt{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:100%;padding:8px;border-radius:8px;text-align:left}.style-menu__opt:hover{background:var(--s-hover)}.style-menu__hint{color:var(--s-text-muted);font-size:12px}.side__tree{flex:1;overflow-y:auto;padding:6px 10px 20px;scrollbar-width:thin;scrollbar-color:var(--s-border) transparent;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 40px),transparent)}.side__group-head{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border-radius:8px;color:var(--s-text-muted)}.side__group-head span:first-of-type{color:var(--s-text);font-weight:500}.side__group-head:hover{background:var(--s-hover)}.side__count{color:var(--s-text-muted);font-size:12px}.side__items{margin:0 0 8px;padding:0;list-style:none}.side__item{display:flex;align-items:center;justify-content:space-between;gap:8px;height:30px;padding:0 8px 0 31.5px;border-radius:8px;color:var(--s-text-muted);transition:background-color var(--s-dur),color var(--s-dur)}.side__item:hover{color:var(--s-text);background:var(--s-hover)}.side__item.is-active{color:var(--s-text);background:var(--s-hover);font-weight:500}.side__item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell__main{margin:8px 8px 8px 0;min-width:0;background:var(--s-panel);border:1px solid var(--s-panel-stroke);border-radius:18px;box-shadow:var(--s-panel-shadow);overflow:clip}.shell--collapsed .shell__main{margin-left:8px}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:3.5px;padding:16px 28px 10px;background:color-mix(in srgb,var(--s-panel) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar__end{display:flex;align-items:center;gap:4px;margin-left:auto}.pill-group{display:flex;gap:2px;padding:2px;border-radius:999px;background:var(--s-muted)}.pill-group__btn{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;color:var(--s-text-muted)}.pill-group__btn[aria-pressed=true]{background:var(--s-card);color:var(--s-text);box-shadow:0 1px 2px #00000014,0 0 0 .5px #0000000f}.pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;background:var(--s-muted);color:var(--s-text);font-weight:500;font-size:13px;transition:background-color var(--s-dur)}.pill:hover{background:var(--s-hover)}.pill--icon{width:28px;padding:0;justify-content:center}.pill--ghost{background:transparent}.pill--solid{background:var(--s-primary);color:var(--s-primary-fg)}.page{width:min(894px,calc(100% - 56px));margin:0 auto;padding:26px 0 80px}.page--wide{width:auto;margin:0;padding:40px 28px 60px}.page__colophon{margin:60px 0 0;color:var(--s-text-muted);font-size:12px}.gallery__title{margin:0 0 21px;font-size:24px;line-height:30px;font-weight:500;letter-spacing:-.6px}.gallery__bar{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--s-border);margin-bottom:18px}.gallery__tabs{display:flex;gap:22px;overflow-x:auto;scrollbar-width:none}.gallery__tab{position:relative;display:flex;align-items:center;gap:6px;padding:16px 0 10px;font-weight:500;color:var(--s-text-muted);white-space:nowrap}.gallery__tab span{color:var(--s-text-muted);font-weight:400;font-size:12px}.gallery__tab:hover,.gallery__tab.is-active{color:var(--s-text)}.gallery__tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1.5px;background:var(--s-text)}.gallery__new{color:var(--s-pro-from)!important;font-weight:500!important}.gallery__sep{width:1px;height:16px;background:var(--s-border);margin-top:6px}.gallery__section{margin:0 0 12px;font-weight:500}.gallery__section span{color:var(--s-text-muted);font-weight:400;margin-left:4px}.gallery__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.gallery__grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:1180px){.gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.gallery__grid,.gallery__grid--two{grid-template-columns:minmax(0,1fr)}}.card{display:flex;flex-direction:column;padding:6px 6px 0;border-radius:14px;background:var(--s-card);border:1px solid var(--s-card-stroke);transition:box-shadow var(--s-dur) var(--s-ease)}.card:hover{box-shadow:0 4px 12px -6px #00000017}.card__stage{position:relative;display:block;height:230px;border-radius:8px;background:var(--s-preview);box-shadow:inset 0 0 0 1px var(--s-card-stroke);overflow:hidden}.card--wide .card__stage{height:300px}.card__meta{position:absolute;z-index:2;inset:10px 10px auto;display:flex;justify-content:space-between;pointer-events:none}.card__meta-end{display:flex;gap:4px}.card__tag,.card__styles{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:500;color:var(--s-text-muted)}.card__tag{background:var(--s-card);box-shadow:0 0 0 1px var(--s-border-soft)}.card__styles{background:var(--s-muted)}.new-badge{display:inline-flex;align-items:center;height:20px;margin-left:8px;padding:0 7px;border-radius:999px;background:var(--s-muted);box-shadow:inset 0 0 0 1px var(--s-border-soft);color:var(--s-text-muted);font-size:11px;font-weight:500;vertical-align:1px}.new-badge--lg{height:24px;font-size:12px;margin-left:0;letter-spacing:0}.card__preview{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.card__scaler{position:absolute;left:50%;top:50%;width:200%;height:200%;transform:translate(-50%,-50%) scale(.5)}.card__scaler .stage{width:100%;height:100%;min-height:0;background:transparent;box-shadow:none;border-radius:0;padding:90px 40px 30px}.card__scaler .stage__look{min-height:0;height:100%}.card--wide .card__scaler{width:250%;height:250%;transform:translate(-50%,-50%) scale(.4)}.card__soon{color:var(--s-text-subtle);font-size:12px}.card__footer{display:flex;align-items:center;gap:12px;padding:10px 4px 10px 11.5px}.card__info{flex:1;min-width:0}.card__title{margin:0;font-size:13px;font-weight:500;line-height:19px}.card__desc{margin:0;color:var(--s-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:19px}.icon-btn--card{border-radius:999px;background:var(--s-card);box-shadow:0 0 0 1px var(--s-border)}.breadcrumb{display:flex;align-items:center;gap:6px;height:24px;color:var(--s-text-muted)}.breadcrumb a:hover,.breadcrumb [aria-current]{color:var(--s-text)}.doc__header{margin-bottom:24px}.doc__title{display:flex;align-items:center;gap:12px;margin:14px 0 0;font-size:32px;line-height:44px;font-weight:600;letter-spacing:-.8px}.doc__lead{margin:0;padding-top:8px;color:var(--s-text-muted);font-size:16px;line-height:24px;max-width:860px}.doc__install{margin-top:16px}.command{display:inline-flex;align-items:center;gap:8px;max-width:100%;height:34px;padding:0 4px 0 12px;border-radius:10px;background:var(--s-muted);box-shadow:inset 0 0 0 1px var(--s-border-soft)}.command code{font:13px var(--s-font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command__dollar{color:var(--s-text-muted)}.command__copy{padding:0 6px!important}.preview-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0 12px;flex-wrap:wrap}.preview-bar__end,.preview-bar__controls,.prompt-bar{display:flex;align-items:center;gap:4px}.preview-bar__end{gap:10px}.preview-bar__sep{width:1px;height:16px;margin:0 4px;background:var(--s-border)}.segmented{display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--s-muted)}.segmented button{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;color:var(--s-text-muted);font-weight:500}.segmented button[aria-selected=true]{background:var(--s-card);color:var(--s-text);box-shadow:0 1px 2px #00000014,0 0 0 .5px #0000000f}.segmented button:disabled{opacity:.4;cursor:default}.tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:28px;height:28px;padding:0 6px;border-radius:8px;color:var(--s-text-muted);transition:background-color var(--s-dur),color var(--s-dur)}.tool-btn:hover{background:var(--s-hover);color:var(--s-text)}.tool-btn[aria-pressed=true]{background:var(--s-muted);color:var(--s-text);box-shadow:inset 0 0 0 1px var(--s-border-soft)}.tool-btn--text{font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;font-weight:500;white-space:nowrap;transition:background-color var(--s-dur),opacity var(--s-dur),transform .12s}.btn:active{transform:scale(.97)}.btn--xs{height:28px;padding:0 8px;border-radius:8px;font-size:12.5px}.btn--lg{height:40px;padding:0 18px;font-size:14px}.btn--ghost{color:var(--s-text-muted)}.btn--ghost:hover{color:var(--s-text);background:var(--s-hover)}.btn--solid{background:var(--s-primary)!important;color:var(--s-primary-fg)!important}.btn--solid:hover{opacity:.9}.btn--soft{background:var(--s-muted);color:var(--s-text);box-shadow:inset 0 0 0 1px var(--s-border-soft)}.btn--soft:hover{background:var(--s-hover)}.doc__section{margin-top:48px}.doc__section--preview{margin-top:0}.doc__h2{margin:36px 0 8px;font-size:20px;line-height:24px;font-weight:600;letter-spacing:-.4px}.doc__section>.doc__h2{margin-top:0}.doc__h2 a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--s-border)}.doc__h3{margin:0;padding:8px 0;font-size:14px;font-weight:600}.doc__p{margin:0;padding-bottom:12px;color:var(--s-text-muted);font-size:14px;line-height:22px}.doc__p strong,.doc__list strong{color:var(--s-text);font-weight:500}.doc__p a,.doc__list a{color:var(--s-text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--s-border)}.doc__list{margin:0;padding-left:18px;color:var(--s-text-muted);font-size:14px;line-height:22px}.doc__list li+li{margin-top:6px}.doc__list li::marker{color:var(--s-text-subtle)}.doc__body>*+.code,.doc__body .code+*{margin-top:12px}.doc__body .code{margin-bottom:12px}.underline-tabs{display:flex;gap:18px;margin:4px 0 12px;border-bottom:1px solid var(--s-border)}.underline-tabs--center{justify-content:center;border:0;margin-bottom:24px}.underline-tabs button{position:relative;height:34px;font-weight:500;color:var(--s-text-muted)}.underline-tabs button[aria-selected=true]{color:var(--s-text)}.underline-tabs button[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1.5px;background:var(--s-text)}.install,.code{background:var(--s-card);border-radius:12px;box-shadow:0 0 0 1px var(--s-border);overflow:hidden}.install__head,.code__head{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 6px 0 8px;border-bottom:1px solid var(--s-border)}.code__head{padding-left:14px}.pm-tabs{display:flex;gap:2px}.pm-tabs button{height:24px;padding:0 8px;border-radius:6px;color:var(--s-text-muted);font-size:12.5px}.pm-tabs button[aria-selected=true]{background:var(--s-muted);color:var(--s-text);box-shadow:inset 0 0 0 1px var(--s-border-soft)}.install__cmd{margin:0;padding:14px 16px;font:12.5px/18.5px var(--s-mono);overflow-x:auto}.code__file{display:flex;align-items:center;gap:6px;color:var(--s-text-muted);font-size:12.5px}.code__scroll{display:flex;overflow:auto;scrollbar-width:thin}.code__gutter{display:flex;flex-direction:column;padding:14px 0 14px 16px;color:var(--s-text-subtle);font:12.5px/21px var(--s-mono);text-align:right;-webkit-user-select:none;user-select:none;position:sticky;left:0;background:var(--s-card)}.code__body{margin:0;padding:14px 16px;font:12.5px/21px var(--s-mono);tab-size:2;flex:1}.tk-k{color:var(--s-tk-k)}.tk-s{color:var(--s-tk-s)}.tk-t{color:var(--s-tk-t)}.tk-y{color:var(--s-tk-y)}.tk-f{color:var(--s-tk-f)}.tk-n,.tk-v{color:var(--s-tk-n)}.tk-c{color:var(--s-tk-c);font-style:italic}.tk-a,.tk-p{color:var(--s-tk-f)}.code-view{display:grid;gap:8px}.code-view__files{display:flex;gap:4px;flex-wrap:wrap}.code-view__files button{height:26px;padding:0 10px;border-radius:7px;color:var(--s-text-muted);font:12px var(--s-mono)}.code-view__files button[aria-selected=true]{background:var(--s-muted);color:var(--s-text);box-shadow:inset 0 0 0 1px var(--s-border-soft)}.table-wrap{border-radius:12px;box-shadow:0 0 0 1px var(--s-border);overflow:auto;background:var(--s-card)}.table-wrap table{width:100%;border-collapse:collapse;font-size:13px;line-height:20px}.table-wrap th{height:40px;padding:0 14px;text-align:left;font-weight:500;color:var(--s-text-muted);background:var(--s-muted)}.table-wrap td{padding:12px 14px;vertical-align:top;color:var(--s-text-muted);border-top:1px solid var(--s-border)}.td-strong{color:var(--s-text);font-weight:500;white-space:nowrap}.code-pill{padding:1px 6px;border-radius:6px;background:var(--s-muted);color:var(--s-text);font:12.5px/20px var(--s-mono);white-space:pre-wrap}.code-pill--strong{white-space:nowrap}.kbd-table td:first-child{width:180px;white-space:nowrap}.doc-kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-right:4px;padding:0 6px;border-radius:6px;background:var(--s-muted);box-shadow:inset 0 -1px 0 var(--s-border),inset 0 0 0 1px var(--s-border-soft);color:var(--s-text);font:500 12px var(--s-font)}.api+.api{margin-top:20px}.docs__nav{display:flex;gap:4px;margin-bottom:20px;flex-wrap:wrap}.docs__nav a{padding:5px 10px;border-radius:999px;color:var(--s-text-muted);font-weight:500}.docs__nav a.is-active,.docs__nav a:hover{background:var(--s-muted);color:var(--s-text)}.doc__body{margin-top:28px}.docs__next{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:48px}.docs__next-card{display:grid;gap:4px;padding:14px;border-radius:12px;background:var(--s-card);box-shadow:0 0 0 1px var(--s-border);color:var(--s-text-muted)}.docs__next-card strong{color:var(--s-text);font-weight:500}.docs__next-card:hover{box-shadow:0 0 0 1px var(--s-text-subtle)}.dsx{--dsx-edge: 0 0 0 1px var(--s-card-stroke), 0 1px 2px #00000008;--dsx-rule: #00000038;width:min(720px,calc(100% - 56px));margin:0 auto;padding:26px 0 96px}.dsx[data-theme=dark]{--dsx-rule: #ffffff42}.dsx__head{margin-bottom:28px}.dsx__title{margin:0;font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.5px}.dsx__lead{margin:4px 0 0;color:var(--s-text-muted);font-size:14px;line-height:19px}.dsx-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:32px}.dsx-card{display:grid;padding:2px;border-radius:12px;background:var(--s-muted)}.dsx-card__art{display:grid;place-items:center;height:92px}.dsx-card__name{display:flex;justify-content:space-between;padding:9px 10px;border-radius:10px;background:var(--s-card);box-shadow:var(--dsx-edge);font-weight:500;transition:background-color .15s ease}.dsx-card__name span{color:var(--s-text-subtle);font-weight:400}.dsx-card:hover .dsx-card__name{background:var(--s-preview)}.dsx-art-colors,.dsx-art-type,.dsx-art-radius,.dsx-art-shadows{display:flex}.dsx-art-colors{gap:4px}.dsx-art-colors span{width:18px;height:18px;border-radius:50%}.dsx-art-type{align-items:baseline;gap:6px}.dsx-art-type span:first-child{font:500 26px/18.571px var(--aui-font);letter-spacing:-.52px}.dsx-art-type span:last-child{font:400 19px/18.571px var(--aui-mono);color:var(--s-text-muted)}.dsx-art-radius{gap:8px}.dsx-art-radius span,.dsx-corner{width:20px;height:20px;border:solid var(--dsx-rule);border-width:2px 0 0 2px}.dsx-art-shadows{gap:10px}.dsx-art-shadows span{width:30px;height:22px;border-radius:6px;background:var(--aui-pop)}.dsx-spec+.dsx-spec{margin-top:24px}.dsx-spec__title{margin:0 0 8px 2px;color:var(--s-text-muted);font-size:13px;font-weight:500}.dsx-spec__list{padding:3px;border-radius:12px;background:var(--s-card);box-shadow:var(--dsx-edge)}.dsx-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px}.dsx-link{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 12px;border-radius:8px;font-size:13.5px;transition:background-color .15s ease}.dsx-link svg{color:var(--s-text-subtle);transition:transform .15s ease,color .15s ease}.dsx-link:hover{background:var(--s-preview)}.dsx-link:hover svg{color:var(--s-text);transform:translate(2px)}.dsx-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px 13px 8px 9px;border-radius:9px}.dsx-row:nth-child(2n):not(:nth-child(2):last-child){background:var(--s-preview)}.dsx-row__preview{display:grid;place-items:center;width:40px;height:40px}.dsx-row__name{display:grid;font-size:13.5px;line-height:18.571px;font-weight:500}.dsx-row__name code,.dsx-row__value{font:400 12px/18.571px var(--s-font);color:var(--s-text-muted)}.dsx-row__value{max-width:240px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dsx-chip{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--aui-field);box-shadow:inset 0 0 0 1px var(--s-card-stroke);font-size:14px;font-weight:500}.dsx-chip[data-kind=text]{color:var(--c)}.dsx-chip[data-kind=fill]{background:linear-gradient(var(--c),var(--c)),var(--aui-field)}.dsx-chip[data-kind=edge]{box-shadow:inset 0 0 0 1.5px var(--c)}.dsx-chip[data-kind=on]{color:var(--c);background:linear-gradient(var(--on),var(--on)),var(--aui-field)}.dsx-type{font-size:22px;line-height:18.571px;font-weight:500;letter-spacing:-.44px}.dsx-type--mono{font-size:17px;font-weight:400;letter-spacing:0}.dsx-type--size{letter-spacing:0}.dsx-leading{width:22px;border:solid var(--dsx-rule);border-width:2px 0}.dsx-corner{width:28px;height:28px;margin:12px 0 0 12px}.dsx-lift{width:30px;height:24px;border-radius:7px;background:var(--aui-pop)}.dsx-pager{display:flex;justify-content:space-between;margin-top:40px}.dsx-pager__link{display:flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:8px;color:var(--s-text-muted);transition:color .15s ease,background-color .15s ease}.dsx-pager__link:hover{background:var(--s-preview);color:var(--s-text)}@media(max-width:900px){.dsx{width:calc(100% - 32px)}}@media(max-width:560px){.dsx-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dsx-links{grid-template-columns:1fr}.dsx-row__value{max-width:110px}}.footer{display:flex;justify-content:space-between;gap:40px;padding:48px 28px 56px;border-top:1px solid var(--s-border);color:var(--s-text-muted)}.footer__brand p{margin:10px 0 0;line-height:19px}.footer__by a{color:var(--s-text);text-decoration:underline;text-decoration-color:var(--s-border);text-underline-offset:3px}.footer__by a:hover{text-decoration-color:currentColor}.footer__cols{display:flex;flex-wrap:wrap;gap:32px 56px}.footer__cols div{display:grid;gap:6px;align-content:start}.footer__cols h4{margin:0 0 4px;color:var(--s-text);font-size:13px;font-weight:500}.footer__cols a:hover{color:var(--s-text)}.home{min-height:100vh;background:var(--s-panel)}.home__banner{position:relative;display:flex;justify-content:center;align-items:center;height:32px;background:color-mix(in srgb,var(--s-pro-from) 14%,var(--s-panel));color:var(--s-pro-from);font-size:13px}.home__banner a{display:inline-flex;align-items:center;gap:6px}.home__banner .icon-btn{position:absolute;right:10px}.home__nav{display:flex;align-items:center;gap:40px;width:min(1010px,calc(100% - 40px));margin:0 auto;height:56px}.home__nav nav{display:flex;gap:24px;color:var(--s-text-muted)}.home__nav nav a:hover{color:var(--s-text)}.home__hero{position:relative;display:grid;justify-items:center;padding:150px 20px 120px;text-align:center;overflow:hidden}.home__hero h1{margin:22px 0 0;font-size:60px;line-height:1.1;font-weight:500;letter-spacing:-2.4px}.home__hero p{margin:18px 0 0;color:var(--s-text-muted);font-size:16px}.home__eyebrow{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 10px 0 4px;border-radius:999px;background:var(--s-muted);box-shadow:inset 0 0 0 1px var(--s-border-soft);color:var(--s-text-muted)}.home__eyebrow span{padding:2px 8px;border-radius:999px;background:var(--s-card);color:var(--s-text);font-weight:500;font-size:12px;box-shadow:0 0 0 1px var(--s-border-soft)}.home__ctas{display:flex;gap:8px;margin-top:30px}.home__float{position:absolute;top:70px;width:760px;height:520px;opacity:.55;pointer-events:none;-webkit-mask-image:radial-gradient(closest-side,#000 40%,transparent);mask-image:radial-gradient(closest-side,#000 40%,transparent);transform:scale(.7)}.home__float .stage{background:transparent;box-shadow:none}.home__float--left{left:-380px}.home__float--right{right:-380px}.home__showcase{display:grid;justify-items:center;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:60px 0 100px}.home__showcase h2{margin:0 0 20px;text-align:center;font-size:30px;line-height:36px;font-weight:500;letter-spacing:-.9px}.home__showcase .gallery__grid{width:100%;margin-bottom:28px}@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.side{display:none}.shell__main{margin:0;border-radius:0;border:0}.page--wide{padding:24px 16px}.page{width:calc(100% - 32px)}.docs__next{grid-template-columns:1fr}.footer{flex-direction:column}.home__float{display:none}.home__hero h1{font-size:42px}}.home__float .stage__empty,.card__scaler .stage__empty{display:none}.plan li svg{flex-shrink:0}.preview-page--full .stage{width:100vw}.preview-page--full .screen-frame{aspect-ratio:auto;height:100vh}