:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f3f5f9;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-sunken:#ebeef4;--color-surface-hover:#f5f7fb;--color-nav:#0e1c3a;--color-nav-raised:#1a2c52;--color-nav-text:#c3cde1;--color-nav-text-muted:#8e9bb8;--color-nav-text-active:#fff;--color-accent:#1d5bf0;--color-accent-hover:#1749cc;--color-accent-active:#123ba6;--color-accent-text:#fff;--color-accent-subtle:#e7eefe;--color-insight:#13264f;--color-insight-text:#fff;--color-insight-muted:#b8c5e0;--color-insight-glow:#1d5bf06b;--color-selected-bg:#0e1c3a;--color-selected-text:#fff;--color-border:#dde2ea;--color-border-strong:#8691a4;--color-focus:#1d5bf0;--color-focus-on-dark:#a9c2ff;--color-scrim:#080f2080;--color-toast-bg:#0e1c3a;--color-toast-text:#fff;--color-toast-action:#a9c2ff;--color-text:#0e1726;--color-text-secondary:#344155;--color-text-muted:#566174;--color-text-inverse:#fff;--color-success-bg:#e6f5ec;--color-success-border:#93cfac;--color-success-text:#0d6534;--color-warning-bg:#ffefe3;--color-warning-border:#f1ab7e;--color-warning-text:#9c3a06;--color-warning-solid:#d9620f;--color-danger-bg:#fdebea;--color-danger-border:#efa49e;--color-danger-text:#b0241a;--color-danger-solid:#c52b20;--color-danger-on-solid:#fff;--color-caution-bg:#fff5d4;--color-caution-border:#c99a1c;--color-caution-text:#734d00;--color-caution-solid:#f0b427;--color-caution-on-solid:#2a1c00;--color-info-bg:#e8f0fe;--color-info-border:#a5c0f5;--color-info-text:#1647c2;--color-neutral-bg:#eef1f5;--color-neutral-border:#cbd2dc;--color-neutral-text:#434f62;--color-channel-instagram:#c13584;--color-channel-whatsapp:#1e9e57;--color-conversation-bg:#ebeef4;--color-bubble-customer:#fff;--color-bubble-customer-text:#0e1726;--color-bubble-customer-border:#dde2ea;--color-bubble-assistant:#fff;--color-bubble-assistant-text:#0e1726;--color-bubble-assistant-border:#c9d6f3;--color-bubble-operator:#dce7ff;--color-bubble-operator-text:#0b1e4d;--color-bubble-system:transparent;--color-bubble-system-text:#566174;--font-sans:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Roboto,"Noto Sans",Arial,sans-serif;--font-display:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Roboto,sans-serif;--font-mono:ui-monospace,"Cascadia Mono","SF Mono",Menlo,Consolas,monospace;--font-size-display:32px;--font-size-title-large:28px;--font-size-title:24px;--font-size-heading:18px;--font-size-body:15px;--font-size-input:15px;--font-size-message:14px;--font-size-secondary:14px;--font-size-meta:12px;--weight-body:400;--weight-label:600;--weight-heading:600;--line-body:1.5;--line-tight:1.25;--line-message:1.5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--radius-control:8px;--radius-card:10px;--radius-dialog:12px;--radius-sheet:20px;--radius-pill:999px;--radius-badge:6px;--shadow-card:0 0 0 1px #0e17260f,0 1px 2px #0e17260f,0 2px 8px #0e17260a;--shadow-popover:0 0 0 1px #0e17260f,0 8px 24px #0e172624,0 2px 6px #0e172614;--shadow-sheet:0 -8px 32px #0e17262e;--shadow-dialog:0 24px 64px #0e17263d,0 0 0 1px #0e17260f;--z-nav:10;--z-sticky:20;--z-stack:25;--z-popover:30;--z-overlay:40;--z-toast:50;--z-busy:60;--control-min:44px;--control-height:40px;--list-row-min:64px;--card-padding:var(--space-5);--tabbar-height:56px;--topbar-height:56px;--action-bar-height:68px;--composer-min-height:52px;--layout-sidebar:248px;--layout-content-max:1200px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--keyboard-inset:0px;--duration-fast:.12s;--duration-base:.2s;--duration-sheet:.25s;--easing-standard:cubic-bezier(.2,0,0,1);--easing-emphasized:cubic-bezier(.3,0,0,1.1)}[data-density=compact]{--control-height:36px;--list-row-min:56px;--card-padding:var(--space-4)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0a101c;--color-surface:#111a2b;--color-surface-raised:#172238;--color-surface-sunken:#0c1422;--color-surface-hover:#18233a;--color-nav:#060c18;--color-nav-raised:#16233f;--color-nav-text:#aeb9cf;--color-nav-text-muted:#7f8ba4;--color-accent:#7ba3ff;--color-accent-hover:#9ab8ff;--color-accent-active:#b6cbff;--color-accent-text:#06122e;--color-accent-subtle:#16264a;--color-insight:#182c59;--color-insight-muted:#b8c5e0;--color-insight-glow:#7ba3ff47;--color-selected-bg:#7ba3ff;--color-selected-text:#06122e;--color-border:#24314a;--color-border-strong:#66748e;--color-focus:#9ab8ff;--color-scrim:#0000009e;--color-toast-bg:#e7ecf5;--color-toast-text:#0a101c;--color-toast-action:#1647c2;--color-text:#e7ecf5;--color-text-secondary:#bac4d6;--color-text-muted:#95a1b6;--color-text-inverse:#0a101c;--color-success-bg:#0e2a1c;--color-success-border:#2c6b47;--color-success-text:#86dca8;--color-warning-bg:#33190a;--color-warning-border:#8a4219;--color-warning-text:#ffb27f;--color-warning-solid:#ff9a57;--color-danger-bg:#361311;--color-danger-border:#8e2f28;--color-danger-text:#ff9c94;--color-danger-solid:#e5483c;--color-danger-on-solid:#fff;--color-caution-bg:#2e2306;--color-caution-border:#a07812;--color-caution-text:#f7cf62;--color-caution-solid:#f0b427;--color-caution-on-solid:#2a1c00;--color-info-bg:#0f2149;--color-info-border:#2f4f95;--color-info-text:#a9c2ff;--color-neutral-bg:#18223a;--color-neutral-border:#33415c;--color-neutral-text:#bac4d6;--color-conversation-bg:#0c1422;--color-bubble-customer:#172238;--color-bubble-customer-text:#e7ecf5;--color-bubble-customer-border:#24314a;--color-bubble-assistant:#111a2b;--color-bubble-assistant-text:#e7ecf5;--color-bubble-assistant-border:#2f4f95;--color-bubble-operator:#1d3366;--color-bubble-operator-text:#e7ecf5;--color-bubble-system-text:#95a1b6;--shadow-card:0 0 0 1px #ffffff0d,0 1px 2px #0006;--shadow-popover:0 0 0 1px #ffffff12,0 12px 32px #00000080;--shadow-sheet:0 -8px 32px #00000080;--shadow-dialog:0 0 0 1px #ffffff12,0 24px 64px #0009}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-base:0s;--duration-sheet:0s}}[data-tone=neutral]{--tone-bg:var(--color-neutral-bg);--tone-border:var(--color-neutral-border);--tone-text:var(--color-neutral-text)}[data-tone=info]{--tone-bg:var(--color-info-bg);--tone-border:var(--color-info-border);--tone-text:var(--color-info-text)}[data-tone=success]{--tone-bg:var(--color-success-bg);--tone-border:var(--color-success-border);--tone-text:var(--color-success-text)}[data-tone=warning]{--tone-bg:var(--color-warning-bg);--tone-border:var(--color-warning-border);--tone-text:var(--color-warning-text)}[data-tone=danger]{--tone-bg:var(--color-danger-bg);--tone-border:var(--color-danger-border);--tone-text:var(--color-danger-text)}[data-tone=caution]{--tone-bg:var(--color-caution-bg);--tone-border:var(--color-caution-border);--tone-text:var(--color-caution-text)}[data-tone=default]{--tone-bg:var(--color-accent-subtle);--tone-border:var(--color-info-border);--tone-text:var(--color-accent)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-body);font-weight:var(--weight-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4,p,ol,ul,dl,dd,figure,fieldset{margin:0}ol,ul{padding:0;list-style:none}fieldset{border:0;min-width:0;padding:0}button,input,textarea,select{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}a{color:var(--color-accent);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{color:var(--color-accent-hover)}:focus-visible,[data-demo=focus]{outline:2px solid var(--color-focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.icon[data-size=sm]{width:16px;height:16px}.tabular{font-variant-numeric:tabular-nums}.text-display{font-family:var(--font-display);font-size:var(--font-size-display);font-weight:var(--weight-heading);letter-spacing:-.01em;line-height:1.15}.text-title{font-family:var(--font-display);font-size:var(--font-size-title);font-weight:var(--weight-heading);line-height:var(--line-tight)}.text-heading{font-size:var(--font-size-heading);font-weight:var(--weight-heading);line-height:var(--line-tight)}.text-body{font-size:var(--font-size-body);line-height:var(--line-body)}.text-message{font-size:var(--font-size-message);line-height:var(--line-message)}.text-secondary{font-size:var(--font-size-secondary);color:var(--color-text-secondary)}.text-meta{font-size:var(--font-size-meta);color:var(--color-text-muted);line-height:var(--line-tight)}.text-muted{color:var(--color-text-muted)}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes stack-in{0%{transform:translate(100%)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.spinner{opacity:.55;border-right-color:currentColor;animation:none}.skeleton{animation:none}.overlay-panel,.menu,.stack-screen,.toast{animation:none!important}}.app-viewport{position:relative;container:app/inline-size}.app-shell{grid-template-columns:var(--layout-sidebar) minmax(0,1fr);height:100%;min-height:0;display:grid}.app-main{min-width:0;height:100%;padding:var(--space-6) var(--space-7) var(--space-8);overflow-y:auto}@container app (width<=1099px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.app-shell .sidebar{width:72px}}@container app (width<=700px){.app-shell{grid-template-columns:minmax(0,1fr)}.app-main{padding:0 var(--space-4) calc(var(--tabbar-height) + var(--safe-bottom) + var(--space-6))}}.page-header{align-items:center;gap:var(--space-3) var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.page-header-top{display:none}.page-title{font-family:var(--font-display);font-size:var(--font-size-title);font-weight:var(--weight-heading);line-height:var(--line-tight);margin-right:auto}@container app (width<=700px){.page-header{gap:var(--space-2);padding-top:calc(var(--safe-top) + var(--space-2));margin-bottom:var(--space-3)}.page-header-top{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;display:flex}.page-title{width:100%;font-size:var(--font-size-title-large)}}.sidebar{gap:var(--space-4);width:var(--layout-sidebar);height:100%;padding:var(--space-4) var(--space-3);background:var(--color-nav);color:var(--color-nav-text);flex-direction:column;display:flex;overflow:hidden auto}.sidebar-brand{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);color:var(--color-nav-text-active);font-weight:var(--weight-heading);display:flex}.brand-logo{flex:none;width:104px;height:auto;display:block}.brand-symbol{flex:none;width:24px;height:auto;display:block}.sidebar-brand>.brand-symbol{display:none}.site-nav .brand-logo,.start-hero .brand-logo,.site-footer .brand-logo{width:112px}.start-page .brand-logo{width:120px}.site:not([data-early-access=show]) [data-early-access-note]{display:none!important}.nav-list{gap:2px;display:grid}.nav-label{padding:var(--space-3) var(--space-3) var(--space-1);font-size:var(--font-size-meta);font-weight:var(--weight-label);color:var(--color-nav-text-muted)}.nav-item{align-items:center;gap:var(--space-3);min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-control);color:var(--color-nav-text);text-decoration:none;display:flex}.nav-item:hover{color:var(--color-nav-text-active)}.nav-item:focus-visible{outline-color:var(--color-focus-on-dark)}.nav-item[aria-current=page]{background:var(--color-nav-raised);color:var(--color-nav-text-active);font-weight:var(--weight-label)}.nav-item[aria-current=page] .icon{color:var(--color-focus-on-dark)}.nav-item .count{margin-left:auto}.sidebar-foot{margin-top:auto}@media (hover:hover) and (pointer:fine){.nav-item:hover{background:#ffffff0f}}@container app (width<=1099px){.sidebar .nav-item{justify-content:center;padding:0}.sidebar .nav-item>span:not(.count),.sidebar .sidebar-brand>span:not(.brand-mark),.sidebar .context-text,.sidebar .nav-label{display:none}.sidebar .context-switcher{padding:var(--space-2) 0;justify-content:center;gap:0}.app-shell .sidebar{padding-inline:var(--space-2)}.sidebar .nav-item{position:relative}.sidebar .nav-item .count{min-width:18px;height:18px;padding:0 4px;position:absolute;top:0;right:0}.sidebar .context-switcher>.icon{display:none}}@container app (width<=700px){.sidebar{display:none}}.tabbar{display:none}@container app (width<=700px){.tabbar{z-index:var(--z-nav);height:calc(var(--tabbar-height) + var(--safe-bottom));padding:0 var(--space-1) var(--safe-bottom);background:var(--color-nav);grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}}.tabbar-item{min-height:var(--control-min);color:var(--color-nav-text);font-size:var(--font-size-meta);font-weight:var(--weight-label);flex-direction:column;justify-content:center;align-items:center;gap:2px;line-height:1.2;text-decoration:none;display:flex;position:relative}.tabbar-item[aria-current=page]{color:var(--color-nav-text-active)}.tabbar-item[aria-current=page] .icon{color:var(--color-focus-on-dark)}.tabbar-item:focus-visible{outline-color:var(--color-focus-on-dark);outline-offset:-4px;border-radius:10px}.tabbar-icon{display:grid;position:relative}.tabbar-icon .count{position:absolute;top:-6px;left:12px}.stack-screen{background:var(--color-surface);flex-direction:column;height:100%;min-height:0;display:flex}.stack-bar{z-index:var(--z-sticky);align-items:center;gap:var(--space-3);min-height:var(--topbar-height);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-surface);display:flex;position:sticky;top:0}.stack-back{display:none}.stack-title{flex:1;min-width:0;display:grid}.stack-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-heading);font-weight:var(--weight-heading);line-height:var(--line-tight);overflow:hidden}.stack-title small{text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-meta);color:var(--color-text-muted);overflow:hidden}.stack-actions{align-items:center;gap:var(--space-2);display:flex}.stack-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}@container app (width<=700px){.stack-screen{inset:0 0 var(--keyboard-inset) 0;height:auto;z-index:var(--z-stack);animation:stack-in var(--duration-base) var(--easing-standard);position:fixed}.stack-bar{gap:var(--space-1);min-height:calc(var(--topbar-height) + var(--safe-top));padding:var(--safe-top) var(--space-1) 0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.stack-back{max-width:100%;min-height:var(--control-min);padding:0 var(--space-2) 0 var(--space-1);color:var(--color-accent);font-size:var(--font-size-body);cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;display:inline-flex}.stack-back span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stack-title{text-align:center;max-width:200px}.stack-title strong{font-size:var(--font-size-body)}.stack-actions{justify-self:end}}.context-switcher{align-items:center;gap:var(--space-3);width:100%;min-height:52px;padding:var(--space-2) var(--space-3);background:var(--color-nav-raised);color:var(--color-nav-text-active);text-align:left;cursor:pointer;border:1px solid #ffffff1f;border-radius:10px;display:flex}.context-switcher:focus-visible{outline-color:var(--color-focus-on-dark)}.context-text{min-width:0;line-height:var(--line-tight);flex:1;gap:2px;display:grid}.context-workspace{text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-meta);color:var(--color-nav-text);overflow:hidden}.context-channel{text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-label);overflow:hidden}.context-switcher>.icon{color:var(--color-nav-text)}.context-switcher[data-variant=compact]{width:auto;max-width:100%;min-height:var(--control-min);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);gap:var(--space-2);border-color:var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text)}.context-switcher[data-variant=compact]:focus-visible{outline-color:var(--color-focus)}.context-switcher[data-variant=compact] .context-workspace,.context-switcher[data-variant=compact]>.icon{color:var(--color-text-muted)}.action-bar{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.action-bar-note{font-size:var(--font-size-secondary);color:var(--color-text-muted);margin-right:auto}@container app (width<=700px){.action-bar{left:0;right:0;bottom:var(--keyboard-inset);z-index:var(--z-sticky);padding:var(--space-3) var(--space-4) calc(var(--space-3) + var(--safe-bottom));background:var(--color-surface);border-top:1px solid var(--color-border);flex-wrap:nowrap;position:fixed}.action-bar .btn{min-height:48px}.action-bar .btn[data-variant=primary],.action-bar .btn[data-variant=caution],.action-bar .btn[data-variant=danger]{flex:1}.action-bar-note{display:none}}.btn{--_bg:var(--color-surface);--_fg:var(--color-text);--_bd:var(--color-border-strong);--_bg-h:var(--color-surface-hover);--_bg-a:var(--color-surface-sunken);justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:6px var(--space-4);border:1px solid var(--_bd);border-radius:var(--radius-control);background:var(--_bg);color:var(--_fg);font-size:var(--font-size-body);font-weight:var(--weight-label);text-align:center;cursor:pointer;transition:background-color var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard);line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.btn .icon{width:18px;height:18px}.btn[data-variant=primary]{--_bg:var(--color-accent);--_fg:var(--color-accent-text);--_bd:var(--color-accent);--_bg-h:var(--color-accent-hover);--_bg-a:var(--color-accent-active)}.btn[data-variant=ghost]{--_bg:transparent;--_bd:transparent;--_fg:var(--color-accent);--_bg-h:var(--color-accent-subtle);--_bg-a:var(--color-accent-subtle)}.btn[data-variant=row]{--_bg:transparent;--_bd:transparent;--_fg:var(--color-text);width:100%;font-weight:var(--weight-body);padding-inline:var(--space-3);justify-content:flex-start}.btn[data-variant=danger]{--_bg:var(--color-danger-solid);--_fg:var(--color-danger-on-solid);--_bd:var(--color-danger-solid);--_bg-h:color-mix(in oklab,var(--color-danger-solid) 86%,black);--_bg-a:color-mix(in oklab,var(--color-danger-solid) 76%,black)}.btn[data-variant=caution]{--_bg:var(--color-caution-solid);--_fg:var(--color-caution-on-solid);--_bd:var(--color-caution-border);--_bg-h:color-mix(in oklab,var(--color-caution-solid) 88%,black);--_bg-a:color-mix(in oklab,var(--color-caution-solid) 80%,black)}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]){background:var(--_bg-h)}.btn[data-variant=ghost]:hover:not(:disabled){color:var(--color-accent-hover)}}.btn[data-demo=hover]{background:var(--_bg-h)}.btn:active:not(:disabled):not([aria-disabled=true]),.btn[data-demo=active]{background:var(--_bg-a);transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{--_bg:var(--color-surface-sunken);--_fg:var(--color-text-muted);--_bd:var(--color-border);cursor:not-allowed}.btn[data-variant=ghost]:disabled,.btn[data-variant=ghost][aria-disabled=true],.btn[data-variant=row]:disabled{--_bg:transparent;--_bd:transparent}.btn[aria-busy=true]{cursor:progress}.btn[data-width=full]{width:100%}.control-reason{max-width:36ch;font-size:var(--font-size-meta);line-height:var(--line-tight);color:var(--color-text-muted);align-items:flex-start;gap:6px;display:flex}.control-reason .icon{width:14px;height:14px;margin-top:1px}@container app (width<=700px){.btn{min-height:var(--control-min)}.btn[data-width=mobile-full]{width:100%}}.icon-btn{border-radius:var(--radius-control);width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-standard);background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.icon-btn:after{content:"";position:absolute;inset:-2px}.icon-btn[data-variant=outlined]{border:1px solid var(--color-border-strong);background:var(--color-surface)}.icon-btn[data-variant=on-dark]{color:var(--color-nav-text)}.icon-btn[data-variant=on-dark]:focus-visible{outline-color:var(--color-focus-on-dark)}@media (hover:hover) and (pointer:fine){.icon-btn:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.icon-btn[data-variant=on-dark]:hover:not(:disabled){color:var(--color-nav-text-active);background:#ffffff14}}.icon-btn[data-demo=hover]{background:var(--color-surface-hover);color:var(--color-text)}.icon-btn:active:not(:disabled),.icon-btn[data-demo=active]{background:var(--color-surface-sunken)}.icon-btn:disabled{color:var(--color-border-strong);cursor:not-allowed}.icon-btn>.count{position:absolute;top:2px;right:0}@container app (width<=700px){.icon-btn{width:44px;height:44px}.icon-btn:after{inset:0}}.count{border-radius:var(--radius-pill);background:var(--color-neutral-bg);min-width:20px;height:20px;color:var(--color-neutral-text);font-size:var(--font-size-meta);font-weight:var(--weight-label);font-variant-numeric:tabular-nums;place-items:center;padding:0 6px;line-height:1;display:inline-grid}.count[data-tone=accent]{background:var(--color-accent);color:var(--color-accent-text)}.count[data-tone=warning]{background:var(--color-warning-text);color:#fff}[data-theme=dark] .count[data-tone=warning]{color:#1a0c02}.field{gap:6px;min-width:0;display:grid}.field-label{align-items:baseline;gap:var(--space-2);font-size:var(--font-size-secondary);font-weight:var(--weight-label);color:var(--color-text);flex-wrap:wrap;display:flex}.field-optional{font-weight:var(--weight-body);color:var(--color-text-muted)}.field-help{font-size:var(--font-size-secondary);line-height:var(--line-tight);color:var(--color-text-muted)}.field-foot{align-items:flex-start;gap:var(--space-3);display:flex}.field-foot>:first-child{flex:1;min-width:0}.field-counter{white-space:nowrap;font-size:var(--font-size-meta);color:var(--color-text-muted);font-variant-numeric:tabular-nums;margin-left:auto}.field-error{font-size:var(--font-size-secondary);line-height:var(--line-tight);color:var(--color-danger-text);align-items:flex-start;gap:6px;display:flex}.field-error .icon{width:16px;height:16px;margin-top:1px}.input,.textarea,.select,.select-trigger{width:100%;min-height:var(--control-min);padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-input);line-height:var(--line-tight);transition:border-color var(--duration-fast) var(--easing-standard);display:block}.textarea{min-height:112px;padding:10px var(--space-3);line-height:var(--line-body);resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted);opacity:1}@media (hover:hover) and (pointer:fine){.input:hover:not(:disabled),.textarea:hover:not(:disabled),.select:hover:not(:disabled),.select-trigger:hover{border-color:var(--color-text-muted)}}.input:focus-visible,.textarea:focus-visible,.select:focus-visible,.select-trigger:focus-visible,.input[data-demo=focus],.textarea[data-demo=focus]{outline:2px solid var(--color-focus);outline-offset:0;border-color:var(--color-focus)}.field[data-state=error] .input,.field[data-state=error] .textarea,.field[data-state=error] .select{border-color:var(--color-danger-text);border-width:1.5px}.input:disabled,.textarea:disabled,.select:disabled{background:var(--color-surface-sunken);border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.input[readonly]{background:var(--color-surface-sunken)}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap>.icon{color:var(--color-text-muted);pointer-events:none;position:absolute;left:12px}.input-wrap[data-lead] .input{padding-left:40px}.input-wrap[data-trail] .input{padding-right:48px}.input-wrap>.icon-btn{position:absolute;right:2px}.input[type=search]::-webkit-search-cancel-button{display:none}.select{appearance:none;cursor:pointer;padding-right:40px}.select-wrap{position:relative}.select-wrap>.icon{color:var(--color-text-muted);pointer-events:none;margin-top:-10px;position:absolute;top:50%;right:12px}.select-trigger{justify-content:space-between;align-items:center;gap:var(--space-2);text-align:left;cursor:pointer;display:flex}.select-trigger>.icon{color:var(--color-text-muted)}@container app (width<=700px){.input,.textarea,.select,.select-trigger,.composer-input{font-size:16px}}.switch{align-items:center;gap:var(--space-3);min-height:var(--control-min);color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.switch-track{border-radius:var(--radius-pill);background:var(--color-border-strong);width:40px;height:24px;transition:background-color var(--duration-fast) var(--easing-standard);flex:none;position:relative}.switch-track:after{content:"";width:18px;height:18px;transition:transform var(--duration-fast) var(--easing-standard);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.switch[aria-checked=true] .switch-track{background:var(--color-accent)}.switch[aria-checked=true] .switch-track:after{transform:translate(16px)}.switch:disabled{cursor:not-allowed;color:var(--color-text-muted)}.switch:disabled .switch-track{opacity:.45}.switch-text{gap:2px;display:grid}.switch-hint,.check-hint{font-size:var(--font-size-secondary);color:var(--color-text-muted);line-height:var(--line-tight)}@container app (width<=700px){.switch-track{width:51px;height:31px}.switch-track:after{width:25px;height:25px}.switch[aria-checked=true] .switch-track:after{transform:translate(20px)}}.check{align-items:flex-start;gap:var(--space-3);min-height:var(--control-min);cursor:pointer;padding:10px 0;display:flex}.check input{appearance:none;border:1.5px solid var(--color-border-strong);background:var(--color-surface);cursor:pointer;border-radius:5px;flex:none;place-items:center;width:20px;height:20px;margin:1px 0 0;display:grid}.check input[type=radio]{border-radius:50%}.check input:checked{background:var(--color-accent);border-color:var(--color-accent)}.check input[type=checkbox]:checked:after{content:"";border-left:2px solid var(--color-accent-text);border-bottom:2px solid var(--color-accent-text);width:10px;height:5px;margin-top:-2px;transform:rotate(-45deg)}.check input[type=radio]:checked{background:var(--color-surface);border:6px solid var(--color-accent)}.check input:disabled{background:var(--color-surface-sunken);border-color:var(--color-border);cursor:not-allowed}.check:has(input:disabled){color:var(--color-text-muted);cursor:not-allowed}.check-text{gap:2px;display:grid}.radio-group{display:grid}.radio-group legend{margin-bottom:var(--space-1);font-size:var(--font-size-secondary);font-weight:var(--weight-label);padding:0}.tabs{gap:var(--space-1);border-bottom:1px solid var(--color-border);scrollbar-width:none;display:flex;overflow-x:auto}.tab{align-items:center;gap:var(--space-2);min-height:var(--control-min);padding:0 var(--space-3);color:var(--color-text-muted);font-weight:var(--weight-label);white-space:nowrap;cursor:pointer;background:0 0;border:0;display:inline-flex;position:relative}.tab[aria-selected=true]{color:var(--color-text)}.tab[aria-selected=true]:after{content:"";left:var(--space-3);right:var(--space-3);background:var(--color-accent);border-radius:2px;height:2px;position:absolute;bottom:0}.tab:focus-visible{outline-offset:-2px;border-radius:6px}@media (hover:hover) and (pointer:fine){.tab:hover{color:var(--color-text)}}.segmented{background:var(--color-surface-sunken);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.segment{min-height:38px;padding:0 var(--space-4);border-radius:var(--radius-control);color:var(--color-text-secondary);font-weight:var(--weight-label);white-space:nowrap;cursor:pointer;background:0 0;border:0}.segment[aria-checked=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-card)}.segment:disabled{color:var(--color-text-muted);cursor:not-allowed}@container app (width<=700px){.segmented{width:100%;display:flex}.segment{padding:0 var(--space-2);flex:1}}.chips{gap:var(--space-2);scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px;display:flex;overflow-x:auto}.chip{min-height:36px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-secondary);font-weight:var(--weight-label);white-space:nowrap;cursor:pointer;flex:none;align-items:center;gap:6px;display:inline-flex;position:relative}.chip:after{content:"";position:absolute;inset:-4px 0}.chip[aria-pressed=true]{border-color:var(--color-selected-bg);background:var(--color-selected-bg);color:var(--color-selected-text)}.chip[aria-pressed=true] .count{color:inherit;background:#ffffff2e}[data-theme=dark] .chip[aria-pressed=true] .count{background:#06122e2e}.chip:disabled{color:var(--color-text-muted);border-color:var(--color-border);cursor:not-allowed}@media (hover:hover) and (pointer:fine){.chip:hover:not([aria-pressed=true]):not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}}@container app (width<=700px){.chips{margin:0 calc(var(--space-4) * -1);padding:2px var(--space-4)}.chip{min-height:40px}}.badge{border:1px solid var(--tone-border,var(--color-neutral-border));border-radius:var(--radius-badge);background:var(--tone-bg,var(--color-neutral-bg));max-width:100%;min-height:22px;color:var(--tone-text,var(--color-neutral-text));font-size:var(--font-size-meta);font-weight:var(--weight-label);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:5px;padding:1px 8px;line-height:1.3;display:inline-flex}.badge .icon{stroke-width:2.2px;width:14px;height:14px}.badge .spinner{border-width:1.5px;width:11px;height:11px}.badge[data-tone=caution]{border-style:dashed}.avatar{background:var(--color-accent-subtle);width:36px;height:36px;color:var(--color-accent-hover);font-size:13px;font-weight:var(--weight-label);text-transform:uppercase;border-radius:50%;flex:none;place-items:center;line-height:1;display:inline-grid}.avatar .icon{width:18px;height:18px}.avatar[data-size=sm]{width:28px;height:28px;font-size:var(--font-size-meta)}.avatar[data-size=sm] .icon{width:16px;height:16px}.avatar[data-size=lg]{width:44px;height:44px;font-size:15px}.avatar[data-variant=neutral]{background:var(--color-neutral-bg);color:var(--color-neutral-text)}.avatar[data-channel=whatsapp]{background:color-mix(in oklab,var(--color-channel-whatsapp) 14%,var(--color-surface));color:var(--color-channel-whatsapp)}.avatar[data-channel=instagram]{background:color-mix(in oklab,var(--color-channel-instagram) 12%,var(--color-surface));color:var(--color-channel-instagram)}.channel{min-width:0;font-weight:var(--weight-label);align-items:center;gap:6px;display:inline-flex}.channel .icon{width:16px;height:16px}.channel[data-channel=whatsapp] .icon{color:var(--color-channel-whatsapp)}.channel[data-channel=instagram] .icon{color:var(--color-channel-instagram)}.card{gap:var(--space-4);padding:var(--card-padding);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex;position:relative;overflow:hidden}.card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.card-eyebrow{font-size:var(--font-size-meta);font-weight:var(--weight-label);color:var(--color-text-muted)}.card-title{font-size:var(--font-size-heading);font-weight:var(--weight-heading);line-height:var(--line-tight);text-wrap:balance}.card-subtitle{font-size:var(--font-size-secondary);color:var(--color-text-muted);margin-top:2px}.card-body{color:var(--color-text-secondary);text-wrap:pretty}.card-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.card-actions>.btn{flex:none}.card>.btn{align-self:flex-start}.card>.btn[data-variant=ghost]{margin-left:calc(var(--space-3) * -1)}.card[data-variant=insight]{background-color:var(--color-insight);background-image:radial-gradient(120% 90% at 100% 0%,var(--color-insight-glow),transparent 62%);color:var(--color-insight-text)}.card[data-variant=insight] .card-eyebrow,.card[data-variant=insight] .card-subtitle,.card[data-variant=insight] .card-body{color:var(--color-insight-muted)}.card[data-variant=insight] .card-title{font-size:var(--font-size-title)}.card[data-variant=insight] .btn[data-variant=secondary]{--_bg:transparent;--_fg:#fff;--_bd:#ffffff8c;--_bg-h:#ffffff14;--_bg-a:#ffffff24}.card[data-variant=insight] .btn[data-variant=primary]{--_bg:#fff;--_fg:#13264f;--_bd:#fff;--_bg-h:#e7eefe;--_bg-a:#d3e0fd}.card[data-variant=insight] :focus-visible{outline-color:var(--color-focus-on-dark)}@container app (width<=700px){.card{padding:var(--space-4)}}.stat-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat{align-content:start;gap:var(--space-1);padding:var(--space-4) var(--card-padding);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);display:grid}.stat-label{font-size:var(--font-size-secondary);color:var(--color-text-secondary)}.stat-value{font-family:var(--font-display);font-size:var(--font-size-display);font-weight:var(--weight-heading);letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1.1}.stat-period{font-size:var(--font-size-meta);color:var(--color-text-muted)}@container app (width<=700px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:var(--space-4)}.stat-value{font-size:26px}}.meter{gap:var(--space-2);display:grid}.meter-head{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.meter-label{font-weight:var(--weight-label)}.meter-value{font-size:var(--font-size-secondary);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.meter-bar{appearance:none;border-radius:var(--radius-pill);background:var(--color-surface-sunken);border:0;width:100%;height:8px;display:block;overflow:hidden}.meter-bar::-webkit-progress-bar{background:var(--color-surface-sunken);border-radius:var(--radius-pill)}.meter-bar::-webkit-progress-value{background:var(--_fill,var(--color-accent));border-radius:var(--radius-pill)}.meter-bar::-moz-progress-bar{background:var(--_fill,var(--color-accent));border-radius:var(--radius-pill)}.meter[data-state=high]{--_fill:var(--color-warning-solid)}.meter[data-state=full]{--_fill:var(--color-danger-solid)}.meter[data-state=suspended]{--_fill:var(--color-caution-solid)}.meter-note{font-size:var(--font-size-secondary);color:var(--color-text-muted);align-items:flex-start;gap:6px;display:flex}.meter[data-state=full] .meter-note{color:var(--color-danger-text)}.meter[data-state=suspended] .meter-note{color:var(--color-caution-text)}.chart{gap:var(--space-2);display:grid}.chart-svg{width:100%;height:140px;display:block}.chart-bar{fill:var(--color-accent)}.chart-grid{stroke:var(--color-border);stroke-width:1px;vector-effect:non-scaling-stroke}.chart-axis{grid-template-columns:repeat(var(--_cols,7),minmax(0,1fr));text-align:center;font-size:var(--font-size-meta);color:var(--color-text-muted);font-variant-numeric:tabular-nums;display:grid}.chart-table summary{min-height:var(--control-min);color:var(--color-accent);font-size:var(--font-size-secondary);font-weight:var(--weight-label);cursor:pointer;align-items:center;display:inline-flex}.table{border-collapse:collapse;width:100%;font-size:var(--font-size-secondary);font-variant-numeric:tabular-nums}.table th,.table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:left}.table th{font-weight:var(--weight-label);color:var(--color-text-secondary)}.table td:last-child,.table th:last-child{text-align:right}.list{border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.list>:first-child,.list>:first-child>.list-row{border-top-left-radius:var(--radius-card);border-top-right-radius:var(--radius-card)}.list>:last-child,.list>:last-child>.list-row{border-bottom-left-radius:var(--radius-card);border-bottom-right-radius:var(--radius-card)}.list-row:has(.menu){z-index:var(--z-popover)}.menu[data-placement=top-end]{top:auto;bottom:calc(100% + var(--space-1))}.list>*+*{border-top:1px solid var(--color-border)}.list-row{align-items:center;gap:var(--space-3);min-height:var(--list-row-min);padding:var(--space-3) var(--space-2) var(--space-3) var(--space-4);background:var(--color-surface);transition:transform var(--duration-base) var(--easing-standard),background-color var(--duration-fast) var(--easing-standard);grid-template-columns:auto minmax(0,1fr);grid-auto-columns:auto;grid-auto-flow:column;display:grid;position:relative}.list-row-main{gap:2px;min-width:0;display:grid;overflow:hidden}.list-row-link{color:inherit;text-decoration:none}.list-row-link:after{content:"";position:absolute;inset:0}.list-row-link:focus-visible{outline:none}.list-row:has(.list-row-link:focus-visible){outline:2px solid var(--color-focus);outline-offset:-2px}.list-row-title{text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-label);display:block;overflow:hidden}.list-row-secondary{text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-secondary);color:var(--color-text-secondary);overflow:hidden}.list-row-tags{gap:var(--space-1);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.list-row-meta{white-space:nowrap;font-size:var(--font-size-meta);color:var(--color-text-muted);font-variant-numeric:tabular-nums;align-self:start;padding-top:2px}.list-row>.icon-btn{z-index:1;position:relative}.list-row-chevron{color:var(--color-text-muted)}.list-row[aria-current=true],.list-row[aria-selected=true]{background:var(--color-accent-subtle)}.list-row[data-state=attention] .list-row-title:before{content:"";background:var(--color-warning-solid);border-radius:50%;width:8px;height:8px;margin:0 6px 1px 0;display:inline-block}@media (hover:hover) and (pointer:fine){.list-row:hover:not([aria-current=true]){background:var(--color-surface-hover)}}.list-row[data-demo=hover]{background:var(--color-surface-hover)}@container app (width<=700px){.list{border-radius:var(--radius-card)}.list-row{padding-right:var(--space-1)}.list-row-secondary{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}}.swipe-row{background:var(--color-surface);position:relative;overflow:hidden}.swipe-actions{justify-content:space-between;display:none;position:absolute;inset:0}.swipe-action{width:96px;font-size:var(--font-size-secondary);font-weight:var(--weight-label);cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.swipe-action[data-side=start]{background:var(--color-nav-raised);color:#fff}.swipe-action[data-side=end]{background:var(--color-accent);color:var(--color-accent-text)}@container app (width<=700px){.swipe-actions{display:flex}.swipe-row[data-state=revealed-end]>.list-row{transform:translate(-96px)}.swipe-row[data-state=revealed-start]>.list-row{transform:translate(96px)}}.refresh{align-items:center;gap:var(--space-2);font-size:var(--font-size-meta);color:var(--color-text-muted);display:flex}.refresh-time{font-variant-numeric:tabular-nums}.ptr-indicator{display:none}@container app (width<=700px){.ptr-indicator{justify-content:center;align-items:center;gap:var(--space-2);height:0;font-size:var(--font-size-secondary);color:var(--color-text-muted);transition:height var(--duration-base) var(--easing-standard);display:flex;overflow:hidden}.ptr-indicator[data-state=pulling],.ptr-indicator[data-state=refreshing]{height:48px}.ptr-indicator[data-state=pulling] .icon{transform:rotate(180deg)}}.kv{grid-template-columns:minmax(110px,38%) minmax(0,1fr);display:grid}.kv>div{display:contents}.kv dt,.kv dd{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.kv dt{padding-right:var(--space-3);font-size:var(--font-size-secondary);color:var(--color-text-muted)}.kv dd{overflow-wrap:anywhere}.kv dd[data-state=unknown]{color:var(--color-text-muted)}.kv>div:last-child dt,.kv>div:last-child dd{border-bottom:0}@container app (width<=700px){.kv{grid-template-columns:minmax(0,1fr)}.kv dt{border-bottom:0;padding-bottom:0}}.bubble{align-self:flex-start;gap:4px;max-width:min(80%,560px);display:grid}.bubble-sender{font-size:var(--font-size-meta);color:var(--color-text-muted);font-variant-numeric:tabular-nums;gap:6px;display:flex}.bubble-sender b{font-weight:var(--weight-label);color:var(--color-text-secondary)}.bubble-body{font-size:var(--font-size-message);line-height:var(--line-message);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:16px;padding:10px 14px}.bubble-foot{align-items:center;gap:var(--space-1) var(--space-3);font-size:var(--font-size-meta);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.bubble-attach{align-items:center;gap:4px;display:inline-flex}.bubble-attach .icon{width:14px;height:14px}.bubble[data-role=customer] .bubble-body{border:1px solid var(--color-bubble-customer-border);background:var(--color-bubble-customer);color:var(--color-bubble-customer-text);border-bottom-left-radius:6px}.bubble[data-role=assistant],.bubble[data-role=operator]{align-self:flex-end;justify-items:end}.bubble[data-role=assistant] .bubble-body{border:1px dashed var(--color-bubble-assistant-border);background:var(--color-bubble-assistant);color:var(--color-bubble-assistant-text);border-bottom-right-radius:6px}.bubble[data-role=operator] .bubble-body{background:var(--color-bubble-operator);color:var(--color-bubble-operator-text);border-bottom-right-radius:6px}.bubble[data-role=system]{align-self:center;justify-items:center;max-width:90%}.bubble[data-role=system] .bubble-body{background:var(--color-bubble-system);color:var(--color-bubble-system-text);font-size:var(--font-size-meta);font-weight:var(--weight-label);align-items:center;gap:6px;padding:4px 10px;display:flex}.bubble[data-role=system] .bubble-body .icon{width:14px;height:14px}.receipt{font-weight:var(--weight-label);align-items:center;gap:4px;display:inline-flex}.receipt .icon{stroke-width:2.2px;width:14px;height:14px}.receipt[data-receipt=accepted]{color:var(--color-info-text)}.receipt[data-receipt=delivered],.receipt[data-receipt=read]{color:var(--color-success-text)}.receipt[data-receipt=failed]{color:var(--color-danger-text)}.receipt[data-receipt=uncertain],.receipt[data-receipt=conflict]{color:var(--color-caution-text)}.receipt[data-receipt=sending]{color:var(--color-text-muted)}.receipt .spinner{border-width:1.5px;width:11px;height:11px}.conversation{gap:var(--space-3);min-height:0;padding:var(--space-4);overscroll-behavior:contain;background:var(--color-conversation-bg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.conversation>.btn{align-self:center}.day-divider{border-radius:var(--radius-pill);background:var(--color-surface);font-size:var(--font-size-meta);font-weight:var(--weight-label);color:var(--color-text-muted);align-self:center;padding:2px 10px}@container app (width<=700px){.conversation{padding:var(--space-3)}.bubble{max-width:86%}}.composer{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-surface);display:grid}.composer-box{align-items:flex-end;gap:var(--space-2);min-height:var(--composer-min-height);border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:24px;padding:5px 5px 5px 14px;display:flex}.composer-box:focus-within,.composer-box[data-demo=focus]{outline:2px solid var(--color-focus);outline-offset:0;border-color:var(--color-focus)}.composer-input{min-width:0;min-height:40px;max-height:calc(7.25em + 16px);font-size:var(--font-size-input);resize:none;field-sizing:content;background:0 0;border:0;flex:1;padding:9px 0;line-height:1.45}.composer-input:focus-visible{outline:none}.composer-input::placeholder{color:var(--color-text-muted);opacity:1}.composer-send{background:var(--color-accent);width:40px;height:40px;color:var(--color-accent-text);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.composer-send:disabled{background:var(--color-surface-sunken);color:var(--color-text-muted);cursor:not-allowed}.composer-send[aria-busy=true]{cursor:progress}.composer-meta{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-3);padding:0 var(--space-2);font-size:var(--font-size-meta);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.composer-meta .field-counter{margin-left:auto}.composer-closed{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.composer-closed p{align-items:center;gap:var(--space-2);font-size:var(--font-size-secondary);color:var(--color-text-secondary);display:flex}.composer[data-state=sending] .composer-box,.composer[data-state=uncertain] .composer-box{background:var(--color-surface-sunken);border-color:var(--color-border)}.composer[data-state=sending] .composer-input,.composer[data-state=uncertain] .composer-input{color:var(--color-text-secondary)}@container app (width<=700px){.composer{padding:var(--space-2) var(--space-3) calc(var(--space-2) + var(--safe-bottom))}.composer-send{width:44px;height:44px}.composer-closed .btn{flex:1}}.steps{display:grid}.step{--_bg:var(--color-surface);--_bd:var(--color-border-strong);--_fg:var(--color-text-muted);gap:var(--space-3);padding-bottom:var(--space-5);grid-template-columns:32px minmax(0,1fr);display:grid;position:relative}.step:last-child{padding-bottom:0}.step:not(:last-child):before{content:"";background:var(--color-border);border-radius:1px;width:2px;position:absolute;top:36px;bottom:4px;left:15px}.step-marker{border:2px solid var(--_bd);background:var(--_bg);width:32px;height:32px;color:var(--_fg);font-size:var(--font-size-secondary);font-weight:var(--weight-label);border-radius:50%;place-items:center;display:grid}.step-marker .icon{stroke-width:2.2px;width:16px;height:16px}.step-main{gap:2px;min-width:0;padding-top:4px;display:grid}.step-title{font-weight:var(--weight-label)}.step-status{font-size:var(--font-size-secondary);font-weight:var(--weight-label);color:var(--_status,var(--color-text-muted))}.step-desc{font-size:var(--font-size-secondary);color:var(--color-text-muted);text-wrap:pretty}.step-action{margin-top:var(--space-2)}.step[data-status=complete]{--_bg:var(--color-success-bg);--_bd:var(--color-success-border);--_fg:var(--color-success-text);--_status:var(--color-success-text)}.step[data-status=complete]:not(:last-child):before{background:var(--color-success-border)}.step[data-status=action]{--_bg:var(--color-surface);--_bd:var(--color-accent);--_fg:var(--color-accent);--_status:var(--color-accent)}.step[data-status=optional]{--_bg:var(--color-surface);--_bd:var(--color-border-strong);--_fg:var(--color-text-secondary);--_status:var(--color-text-secondary)}.step[data-optional] .step-marker{border-style:dashed}.step[data-optional][data-status=complete] .step-marker{border-style:solid}.step-facts{gap:var(--space-2);margin:var(--space-2) 0 0;padding:var(--space-3);border-radius:var(--radius-control);background:var(--color-surface-sunken);list-style:none;display:grid}.step-facts li{gap:var(--space-2);color:var(--color-text);text-wrap:pretty;grid-template-columns:16px minmax(0,1fr);align-items:start;display:grid}.step-facts .icon{width:16px;height:16px;color:var(--color-accent);margin-top:2px}.step-main>.btn{justify-self:start}.step-help{align-items:center;gap:0 var(--space-1);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.step[data-status=blocked]{--_bg:var(--color-neutral-bg);--_bd:var(--color-neutral-border);--_fg:var(--color-neutral-text);--_status:var(--color-text-muted)}.step[data-status=unknown]{--_bg:var(--color-caution-bg);--_bd:var(--color-caution-border);--_fg:var(--color-caution-text);--_status:var(--color-caution-text)}.step[data-status=unknown] .step-marker{border-style:dashed}.step[aria-current=step] .step-marker{box-shadow:0 0 0 4px var(--color-accent-subtle)}.step[aria-current=step] .step-title{color:var(--color-text)}.checklist{border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);display:grid;overflow:hidden}.checklist>*+*{border-top:1px solid var(--color-border)}.checklist-head{gap:var(--space-2);padding:var(--space-4);display:grid}.checklist-head strong{font-weight:var(--weight-heading)}.checklist-item{align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);grid-template-columns:24px minmax(0,1fr) auto;display:grid}.checklist-icon{border:1.5px solid var(--tone-border,var(--color-border-strong));background:var(--tone-bg,var(--color-surface));width:24px;height:24px;color:var(--tone-text,var(--color-text-muted));border-radius:50%;place-items:center;display:grid}.checklist-icon .icon{stroke-width:2.4px;width:14px;height:14px}.checklist-icon[data-tone=caution]{border-style:dashed}.checklist-main{gap:2px;min-width:0;display:grid}.checklist-hint{font-size:var(--font-size-secondary);color:var(--color-text-muted)}@container app (width<=700px){.checklist-item{padding:var(--space-3) var(--space-4);grid-template-columns:24px minmax(0,1fr);align-items:start}.checklist-item>.btn{margin-left:calc(var(--space-3) * -1);grid-column:2;justify-self:start}}.diff{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.diff-tabs{display:none}.diff-pane{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);overflow:hidden}.diff-head{justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-sunken);font-size:var(--font-size-meta);font-weight:var(--weight-label);color:var(--color-text-secondary);display:flex}.diff-body{padding:var(--space-3);font-size:var(--font-size-secondary);text-wrap:pretty;line-height:1.65}.diff del{background:var(--color-neutral-bg);color:var(--color-text-muted);border-radius:3px;padding:0 2px;text-decoration:line-through;text-decoration-thickness:1px}.diff ins{background:var(--color-info-bg);color:var(--color-info-text);text-decoration:underline;-webkit-text-decoration-color:var(--color-info-border);text-decoration-color:var(--color-info-border);text-underline-offset:3px;border-radius:3px;padding:0 2px}@container app (width<=700px){.diff{grid-template-columns:minmax(0,1fr)}.diff-tabs{display:flex}.diff[data-show=new] .diff-pane[data-side=old],.diff[data-show=old] .diff-pane[data-side=new]{display:none}}.notice{align-items:start;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border:1px solid var(--tone-border,var(--color-neutral-border));border-radius:var(--radius-control);background:var(--tone-bg,var(--color-neutral-bg));color:var(--color-text);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.notice>.icon{color:var(--tone-text,var(--color-neutral-text));margin-top:2px}.notice-main{gap:2px;min-width:0;display:grid}.notice-title{font-weight:var(--weight-label);color:var(--tone-text,var(--color-text))}.notice-text{font-size:var(--font-size-secondary);color:var(--color-text-secondary);text-wrap:pretty}.notice-actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.notice>.icon-btn{margin:-8px -6px -8px 0}.notice[data-tone=caution]{border-style:dashed;border-width:1.5px}.state-view{justify-items:center;gap:var(--space-3);width:100%;max-width:440px;padding:var(--space-8) var(--space-5);text-align:center;margin:0 auto;display:grid}.state-icon{border:1px solid var(--tone-border,var(--color-neutral-border));background:var(--tone-bg,var(--color-neutral-bg));width:48px;height:48px;color:var(--tone-text,var(--color-neutral-text));border-radius:50%;flex:none;place-items:center;display:grid}.state-icon .icon{width:24px;height:24px}.state-icon .spinner{border-width:2.5px;width:22px;height:22px}[data-tone=caution] .state-icon,.state-icon[data-tone=caution]{border:2px dashed var(--color-caution-border)}.state-main{gap:var(--space-1);display:grid}.state-title{font-size:var(--font-size-heading);font-weight:var(--weight-heading);line-height:var(--line-tight);text-wrap:balance}.state-text{color:var(--color-text-secondary);text-wrap:pretty}.state-actions{justify-content:center;gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.state-skeleton{gap:var(--space-3);width:100%;max-width:360px;display:grid}.state-view[data-variant=compact]{max-width:none;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border:1px solid var(--tone-border,var(--color-neutral-border));border-radius:var(--radius-control);background:var(--tone-bg,var(--color-neutral-bg));text-align:left;grid-template-columns:auto minmax(0,1fr) auto;place-items:center start;margin:0}.state-view[data-variant=compact][data-tone=caution]{border-style:dashed;border-width:1.5px}.state-view[data-variant=compact] .state-icon{background:0 0;border:0;width:auto;height:auto}.state-view[data-variant=compact] .state-icon .icon{width:20px;height:20px}.state-view[data-variant=compact] .state-title{font-size:var(--font-size-body)}.state-view[data-variant=compact] .state-text{font-size:var(--font-size-secondary)}.state-view[data-variant=compact] .state-actions{margin:0}@container app (width<=700px){.state-view{padding:var(--space-7) var(--space-4)}.state-view[data-variant=compact]{grid-template-columns:auto minmax(0,1fr)}.state-view[data-variant=compact] .state-actions{grid-column:2}}.skeleton{background:linear-gradient(90deg,var(--color-surface-sunken) 0%,var(--color-surface-hover) 50%,var(--color-surface-sunken) 100%);background-size:200% 100%;border-radius:6px;width:100%;height:12px;animation:1.6s linear infinite shimmer;display:block}.skeleton[data-shape=title]{height:16px}.skeleton[data-shape=circle]{border-radius:50%;flex:none;width:36px;height:36px}.skeleton[data-w="30"]{width:30%}.skeleton[data-w="45"]{width:45%}.skeleton[data-w="60"]{width:60%}.skeleton[data-w="80"]{width:80%}.skeleton-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.skeleton-row>div{gap:var(--space-2);flex:1;display:grid}.brand-loader{width:88px;color:var(--color-accent);place-items:center;display:grid}.brand-loader[data-size=inline]{width:40px}.brand-loader[data-size=overlay]{width:72px}.brand-loader svg{width:100%;height:auto;display:block;overflow:visible}.brand-loader path{fill:currentColor;transform-box:fill-box}.brand-loader .bl-top{transform-origin:0 100%;animation:1.8s cubic-bezier(.4,0,.2,1) infinite bl-say}.brand-loader .bl-bottom{transform-origin:100% 100%;animation:1.8s cubic-bezier(.4,0,.2,1) .45s infinite bl-say}@keyframes bl-say{0%,to{opacity:.25;transform:scale(.9)}30%,55%{opacity:1;transform:scale(1)}}@keyframes bl-fade{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.brand-loader .bl-top,.brand-loader .bl-bottom{animation:2.8s ease-in-out infinite bl-fade;transform:none}}.app-viewport[data-static] .brand-loader path{transform:none;animation:none!important}.app-viewport[data-static] .brand-loader .bl-bottom{opacity:.4}.boot-screen{background:var(--color-bg);place-items:center;display:grid;position:absolute;inset:0}.busy-overlay{z-index:var(--z-busy);padding:var(--space-6);opacity:0;visibility:hidden;place-items:center;transition:opacity .15s,visibility 0s linear .15s;display:grid;position:absolute;inset:0}.busy-overlay[data-state=open]{opacity:1;visibility:visible;transition:opacity .15s}.busy-scrim{background:#0e17265c;position:absolute;inset:0}[data-theme=dark] .busy-scrim{background:#0000008c}.busy-panel{justify-items:center;gap:var(--space-3);width:min(300px,100%);padding:var(--space-6) var(--space-5) var(--space-5);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-dialog);text-align:center;display:grid;position:relative}.busy-text{font-weight:var(--weight-label);color:var(--color-text);text-wrap:pretty;margin:0}.busy-note{font-size:var(--font-size-meta);color:var(--color-text-secondary);text-wrap:pretty;margin:0}.app-viewport[data-static] .busy-overlay{transition:none}.doc-viewport .busy-overlay,.doc-viewport .boot-screen{position:absolute}.busy-demo{gap:var(--space-3);padding:var(--space-5);display:grid}.state-art{width:140px;color:var(--color-accent);flex:none;display:block}.state-art svg{width:100%;height:auto;display:block;overflow:visible}.state-art :where(path,rect,circle,ellipse,line){fill:none;stroke-linecap:round;stroke-linejoin:round}.state-art .sa-ln{stroke:var(--color-border-strong);stroke-width:2px}.state-art .sa-ac{stroke:var(--color-accent);stroke-width:2.5px}.state-art .sa-al{stroke:var(--tone-text,var(--color-accent));stroke-width:2.5px}.state-art .sa-alf{fill:var(--tone-text,var(--color-accent))}.state-art .sa-acf{fill:var(--color-accent)}.state-art .sa-lnf{fill:var(--color-border-strong)}.state-art .sa-sf{fill:var(--color-accent-subtle)}.state-art .sa-su{fill:var(--color-surface)}.state-art .sa-gr{fill:var(--color-surface-sunken)}.state-art .sa-dash{stroke-dasharray:4 5}.state-art[data-tone=neutral]{--tone-text:var(--color-text-muted)}.state-art .sa-breath{transform-box:view-box;transform-origin:50%;animation:4.8s ease-in-out infinite sa-breath}@keyframes sa-breath{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.state-art .sa-breath{animation:none}}.state-view[data-variant=compact] .state-art{width:96px}.start-card-head>.state-art{margin-bottom:var(--space-1)}.start-card-art{justify-content:center;display:flex}@container app (width<=700px){.state-art{width:96px}}.stateart-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.stateart-tile{align-content:start;justify-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);color:var(--color-text);text-align:center;display:grid}.stateart-tile code{font-size:var(--font-size-meta)}.stateart-tile p{font-size:var(--font-size-meta);color:var(--color-text-secondary);margin:0}.stateart-dark{padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-bg)}.empty-illus{flex:none;width:96px;height:72px;position:relative}.empty-illus span{background:var(--color-surface);height:18px;box-shadow:var(--shadow-card);border-radius:6px;position:absolute;left:12px;right:12px}.empty-illus span:first-child{opacity:.5;top:6px;left:24px;right:24px}.empty-illus span:nth-child(2){opacity:.75;top:20px;left:18px;right:18px}.empty-illus span:nth-child(3){background:var(--color-accent-subtle);height:28px;box-shadow:inset 0 0 0 1.5px var(--color-info-border);top:36px}.toast-region{right:var(--space-6);bottom:var(--space-6);z-index:var(--z-toast);gap:var(--space-2);width:min(380px,100% - 32px);display:grid;position:fixed}.toast{align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-4);background:var(--color-toast-bg);color:var(--color-toast-text);box-shadow:var(--shadow-popover);font-size:var(--font-size-secondary);animation:dialog-in var(--duration-base) var(--easing-standard);border-radius:10px;display:flex}.toast-text{min-width:0;padding:var(--space-2) 0;flex:1}.toast .btn{--_bg:transparent;--_bd:transparent;--_fg:var(--color-toast-action);--_bg-h:#ffffff1a;--_bg-a:#ffffff29}.toast .icon-btn{color:var(--color-toast-text)}.toast :focus-visible{outline-color:var(--color-toast-action)}@container app (width<=700px){.toast-region{left:var(--space-3);right:var(--space-3);width:auto;bottom:calc(var(--tabbar-height) + var(--safe-bottom) + var(--space-2))}.toast-region[data-offset=action-bar]{bottom:calc(var(--action-bar-height) + var(--safe-bottom) + var(--space-2))}.toast-region[data-offset=none]{bottom:calc(var(--safe-bottom) + var(--space-3))}.toast{animation-name:sheet-in}}.overlay{z-index:var(--z-overlay);padding:var(--space-6);place-items:center;display:grid;position:fixed;inset:0}.overlay-scrim{background:var(--color-scrim);position:absolute;inset:0}.overlay[data-state=busy] .overlay-scrim{cursor:progress}.overlay-panel{border-radius:var(--radius-dialog);background:var(--color-surface);width:min(560px,100%);max-height:min(760px,100%);box-shadow:var(--shadow-dialog);animation:dialog-in var(--duration-base) var(--easing-emphasized);flex-direction:column;display:flex;position:relative;overflow:hidden}.overlay[data-variant=wide] .overlay-panel{width:min(1120px,100%)}.overlay[data-size=sm] .overlay-panel{width:min(440px,100%)}.overlay-grabber{display:none}.overlay-header{align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-3) var(--space-5);flex:none;display:flex}.overlay-heading{flex:1;gap:2px;min-width:0;display:grid}.overlay-title{font-size:var(--font-size-heading);font-weight:var(--weight-heading);line-height:var(--line-tight);text-wrap:balance}.overlay-subtitle{font-size:var(--font-size-secondary);color:var(--color-text-muted)}.overlay-header>.icon-btn{margin-top:-8px}.overlay-body{align-content:start;gap:var(--space-4);min-height:0;padding:var(--space-2) var(--space-5) var(--space-5);overscroll-behavior:contain;flex:1;display:grid;overflow-y:auto}.overlay[data-variant=wide] .overlay-body{border-top:1px solid var(--color-border);grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0;padding:0}.overlay-col{align-content:start;gap:var(--space-4);min-height:0;padding:var(--space-5);display:grid;overflow-y:auto}.overlay-col[data-role=context]{background:var(--color-surface-sunken)}.overlay-col+.overlay-col{border-left:1px solid var(--color-border)}.overlay-footer{justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;flex:none;display:flex}.overlay-footer>.footer-start{margin-right:auto}.overlay[data-size=sm] .overlay-footer{padding-top:var(--space-1);padding-bottom:var(--space-5);border-top:0}.overlay[data-size=sm] .overlay-body{padding-bottom:var(--space-4)}.confirm-icon{width:40px;height:40px}.confirm-icon .icon{width:20px;height:20px}@container app (width<=700px){.overlay{padding:var(--safe-top) 0 0;place-items:end stretch}.overlay .overlay-panel,.overlay[data-variant=wide] .overlay-panel,.overlay[data-size=sm] .overlay-panel{width:100%;max-height:calc(100% - var(--space-2));border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;box-shadow:var(--shadow-sheet);animation:sheet-in var(--duration-sheet) var(--easing-emphasized)}.overlay[data-detent=medium] .overlay-panel{height:50%}.overlay[data-detent=large] .overlay-panel{height:92%}.overlay-grabber{background:var(--color-border-strong);border-radius:3px;flex:none;width:36px;height:5px;margin:8px auto 0;display:block}.overlay-header{padding:var(--space-3) var(--space-2) var(--space-2) var(--space-4)}.overlay-header>.icon-btn{margin-top:-10px}.overlay-body{padding:var(--space-2) var(--space-4) var(--space-4)}.overlay[data-variant=wide] .overlay-body{padding:0;display:block}.overlay-col{padding:var(--space-4);overflow:visible}.overlay-col+.overlay-col{border-left:0;border-top:1px solid var(--color-border)}.overlay-footer{padding:var(--space-3) var(--space-4) calc(var(--space-3) + var(--safe-bottom));flex-wrap:nowrap}.overlay-footer>.btn{flex:1;min-height:48px}.overlay-footer>.footer-start{display:none}.overlay[data-size=sm] .overlay-footer{padding-top:var(--space-1);flex-direction:column-reverse;align-items:stretch}.overlay[data-size=sm] .overlay-footer>.btn{flex:none;width:100%}}.menu-anchor{display:inline-flex;position:relative}.menu{top:calc(100% + var(--space-1));z-index:var(--z-popover);min-width:240px;max-width:340px;animation:dialog-in var(--duration-fast) var(--easing-standard);position:absolute;right:0}.menu[data-placement=bottom-start]{left:0;right:auto}.menu[data-placement=right-start]{top:0;right:auto;left:calc(100% + var(--space-2));width:max-content;max-width:min(340px,100vw - 96px)}.sidebar:has(.menu[data-state=open]){z-index:var(--z-popover);position:relative;overflow:visible}.menu-sheet{border-radius:var(--radius-card);background:var(--color-surface-raised);max-height:420px;box-shadow:var(--shadow-popover);padding:6px;overflow-y:auto}.menu-scrim,.menu-title,.menu-cancel{display:none}.menu-search{padding:2px 2px var(--space-2)}.menu-label{padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--font-size-meta);font-weight:var(--weight-label);color:var(--color-text-muted)}.menu-group+.menu-group{border-top:1px solid var(--color-border);margin-top:6px;padding-top:6px}.menu-item{align-items:center;gap:var(--space-3);width:100%;min-height:40px;padding:6px var(--space-3);border-radius:var(--radius-control);color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.menu-item>.icon{color:var(--color-text-muted)}.menu-item-text{min-width:0;line-height:var(--line-tight);flex:1;gap:2px;display:grid}.menu-item-hint{font-size:var(--font-size-meta);color:var(--color-text-muted)}.menu-check{visibility:hidden;color:var(--color-accent)}.menu-item[aria-checked=true] .menu-check,.menu-item[aria-selected=true] .menu-check{visibility:visible}.menu-item[aria-checked=true],.menu-item[aria-selected=true]{font-weight:var(--weight-label)}.menu-item[data-tone=danger],.menu-item[data-tone=danger]>.icon{color:var(--color-danger-text)}.menu-item:disabled,.menu-item[aria-disabled=true]{color:var(--color-text-muted);cursor:not-allowed}.menu-item:focus-visible{outline-offset:-2px}@media (hover:hover) and (pointer:fine){.menu-item:hover:not(:disabled){background:var(--color-surface-hover)}}.menu-item[data-demo=hover]{background:var(--color-surface-hover)}@container app (width<=700px){.menu-scrim{z-index:var(--z-overlay);background:var(--color-scrim);display:block;position:fixed;inset:0}.menu,.menu[data-placement]{top:auto;left:var(--space-2);right:var(--space-2);bottom:calc(var(--space-2) + var(--safe-bottom));z-index:var(--z-overlay);gap:var(--space-2);min-width:0;max-width:none;animation:sheet-in var(--duration-sheet) var(--easing-emphasized);display:grid;position:fixed}.menu-sheet{border-radius:var(--radius-dialog);max-height:70cqh;box-shadow:none;padding:0}.menu-title{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);text-align:center;font-size:var(--font-size-secondary);color:var(--color-text-muted);display:block}.menu-title strong{font-weight:var(--weight-label);color:var(--color-text);display:block}.menu-search{padding:var(--space-3) var(--space-3) var(--space-2)}.menu-group+.menu-group{margin:0;padding:0}.menu-item{min-height:52px;padding:var(--space-2) var(--space-4);border-radius:0}.menu-item+.menu-item{border-top:1px solid var(--color-border)}.menu-cancel{border-radius:var(--radius-dialog);background:var(--color-surface-raised);min-height:52px;color:var(--color-accent);font-weight:var(--weight-label);cursor:pointer;border:0;justify-content:center;align-items:center;display:flex}}.app-viewport[data-root]{background:var(--color-bg);height:100dvh;overflow:hidden}.app-viewport[data-root][data-viewport=mobile]{contain:layout paint}.app-viewport[data-static] .overlay-panel,.app-viewport[data-static] .menu,.app-viewport[data-static] .stack-screen,.app-viewport[data-static] .toast{animation:none!important}@media (width>=701px){body:has(>.app-viewport[data-viewport=mobile]){padding:var(--space-6) 0;background:var(--color-surface-sunken)}.app-viewport[data-root][data-viewport=mobile]{--safe-top:47px;--safe-bottom:34px;width:390px;height:844px;box-shadow:0 0 0 6px var(--color-text),var(--shadow-popover);border-radius:32px;margin:0 auto}}.start-page{align-content:start;justify-items:center;gap:var(--space-6);height:100%;padding:var(--space-8) var(--space-4);display:grid;overflow-y:auto}.start-brand{align-items:center;gap:var(--space-2);font-weight:var(--weight-heading);display:flex}.start-card{gap:var(--space-5);width:min(520px,100%);padding:var(--space-7);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);display:grid}.start-card-head{gap:var(--space-2);display:grid}.start-foot{font-size:var(--font-size-secondary);color:var(--color-text-muted)}@container app (width<=700px){.start-page{gap:var(--space-4);padding:calc(var(--safe-top) + var(--space-4)) var(--space-4) calc(var(--action-bar-height) + var(--safe-bottom) + var(--space-4))}.start-card{padding:var(--space-5) var(--space-4)}}.detail-grid{align-items:start;gap:var(--space-5);grid-template-columns:minmax(0,2fr) minmax(260px,1fr);display:grid}@container app (width<=1099px){.detail-grid{grid-template-columns:minmax(0,1fr)}}.app-main[data-layout=page]{align-content:start;gap:var(--space-4);display:grid}.app-main[data-layout=page]>.btn[data-variant=ghost]{margin-left:calc(var(--space-3) * -1);justify-self:start}.app-main[data-layout=page] .page-header{margin-bottom:0}.sidebar-task{padding:0 var(--space-1);text-decoration:none;display:flex}.sidebar-task .badge{white-space:normal}@container app (width<=1099px){.sidebar-task{justify-content:center}.sidebar-task .badge{gap:0;padding:4px;font-size:0}}.app-main[data-layout=workspace]{padding:0;overflow:hidden}.app-main[data-layout=page]>*{max-width:var(--layout-content-max)}.workspace{grid-template-columns:minmax(300px,360px) minmax(0,1fr) minmax(260px,320px);height:100%;min-height:0;display:grid}.pane{background:var(--color-surface);flex-direction:column;min-width:0;min-height:0;display:flex}.pane+.pane{border-left:1px solid var(--color-border)}.pane[data-pane=list]{background:var(--color-bg)}.pane-header{gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-3);flex:none;display:grid}.pane-header .page-header{margin:0}.pane-body{min-height:0;padding:0 var(--space-3) var(--space-4);flex:1;overflow-y:auto}.pane[data-pane=aside] .pane-body{padding:0}.pane[data-pane=aside] .pane-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.pane>.stack-screen{flex:1;height:auto;min-height:0}.pane-empty{background:var(--color-surface-sunken);flex:1;place-items:center;display:grid}.pane-section{gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);display:grid}.pane-section:last-child{border-bottom:0}.pane-section-title{font-size:var(--font-size-meta);font-weight:var(--weight-label);color:var(--color-text-muted)}@container app (width<=1099px){.workspace{grid-template-columns:minmax(280px,340px) minmax(0,1fr)}.pane[data-pane=aside]{display:none}}@container app (width<=700px){.stack-body[data-scroll]{background:var(--color-surface);display:block;overflow-y:auto}.stack-body[data-action-bar]{padding-bottom:calc(var(--action-bar-height) + var(--safe-bottom))}.pane-section{padding:var(--space-4)}}.stack-gap{gap:var(--space-4);display:grid}.inline-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.reading{white-space:pre-wrap;overflow-wrap:anywhere;max-width:68ch;color:var(--color-text);line-height:1.7}.reading-edit{min-height:320px;line-height:1.7}.list-toolbar{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.list-toolbar>.btn{margin-left:auto}.list-row[data-variant=selectable]>.check{min-height:0;padding:0}.list-row[data-variant=selectable] label.list-row-title{cursor:pointer}.row-reading{padding:var(--space-3) var(--space-4) var(--space-4) calc(var(--space-4) + 32px);background:var(--color-surface-sunken)}.row-reading[data-expanded=false]{display:none}a.segment{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.flow-chain{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.flow-chain>li{align-content:start;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-control);background:var(--color-surface-sunken);display:grid;position:relative}.flow-chain>li+li:before{content:"";left:calc(var(--space-2) * -1);width:var(--space-2);background:var(--color-border-strong);height:2px;position:absolute;top:50%}.flow-chain-step{font-weight:var(--weight-label);align-items:center;gap:6px;display:flex}.flow-chain-step .icon{width:16px;height:16px;color:var(--color-accent)}.flow-chain-text{font-size:var(--font-size-secondary);color:var(--color-text-secondary)}@container app (width<=700px){.flow-chain{grid-template-columns:minmax(0,1fr)}.flow-chain>li+li:before{left:var(--space-5);top:calc(var(--space-2) * -1);width:2px;height:var(--space-2)}}.choice-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.choice-card{gap:var(--space-1);padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 28px);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);cursor:pointer;display:grid;position:relative}.choice-card input{left:var(--space-4);top:var(--space-3);appearance:none;border:1.5px solid var(--color-border-strong);background:var(--color-surface);border-radius:50%;width:18px;height:18px;margin:2px 0 0;position:absolute}.choice-card input:checked{border:5px solid var(--color-accent)}.choice-card:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-subtle)}.choice-card:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.choice-title{font-weight:var(--weight-label)}.choice-text{font-size:var(--font-size-secondary);color:var(--color-text-secondary)}.stepper{align-items:center;gap:var(--space-2);display:inline-flex}.stepper-input{text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;width:72px}.stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.card-link{color:inherit;text-decoration:none}.card-link:hover{text-decoration:underline}.test-panel .conversation{border-radius:var(--radius-control);flex:none;max-height:340px}.test-panel .composer{border-top:0;padding:0}.choice-card:has(input:disabled){cursor:not-allowed;color:var(--color-text-muted);background:var(--color-surface-sunken);border-color:var(--color-border)}.choice-card[data-demo=focus]{outline:2px solid var(--color-focus);outline-offset:2px}.choice-card[data-demo=hover]{border-color:var(--color-text-muted)}@media (hover:hover) and (pointer:fine){.choice-card:hover:not(:has(input:checked)):not(:has(input:disabled)){border-color:var(--color-text-muted)}}.facts-strip{align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.facts-strip>.btn{min-height:36px;margin-left:auto}.stack-body[data-scroll]>.conversation{flex:none;overflow:visible}.doc-panel,.doc-backdrop{align-content:start}.menu-title-back{align-items:center;gap:var(--space-2);text-align:left;display:flex}.menu-title-back>span{display:grid}.menu-item[aria-current=true]{font-weight:var(--weight-label)}.page-header>.btn,.page-header>.inline-actions{flex:none}.start-alt{border-top:1px solid var(--color-border);padding-top:var(--space-3);justify-content:center;display:flex}.start-card>.btn[data-variant=ghost]{margin-left:calc(var(--space-3) * -1);justify-self:start}.start-card-head>.state-icon{margin-bottom:var(--space-2)}.field-foot>.btn[data-variant=ghost]{flex:none;margin:-8px -12px -8px auto}@container app (width<=700px){.start-foot a,.start-card .text-meta a,.start-card .doc-rules a,.start-card p>a{min-height:var(--control-min);align-items:center;display:inline-flex}}.start-split{grid-template-columns:minmax(0,5fr) minmax(0,6fr);height:100%;min-height:0;display:grid}.start-split>.start-page{align-content:safe center}.start-split .start-page>.start-brand{display:none}.start-hero{justify-content:space-between;gap:var(--space-7);min-height:0;padding:var(--space-8);background-color:var(--color-insight);background-image:radial-gradient(110% 70% at 100% 0%,var(--color-insight-glow),transparent 60%);color:var(--color-insight-text);flex-direction:column;display:flex;overflow:hidden auto}.start-hero .start-brand{color:var(--color-insight-text)}.start-hero-main{gap:var(--space-5);max-width:520px;display:grid}.start-hero-title{font-family:var(--font-display);font-size:36px;font-weight:var(--weight-heading);letter-spacing:-.02em;text-wrap:balance;line-height:1.15}.start-hero-text{font-size:var(--font-size-heading);line-height:var(--line-body);color:var(--color-insight-muted);text-wrap:pretty}.start-hero .flow-chain{grid-template-columns:minmax(0,1fr)}.start-hero .flow-chain>li{background:#ffffff12;border:1px solid #ffffff1f}.start-hero .flow-chain>li+li:before{left:var(--space-5);top:calc(var(--space-2) * -1);width:2px;height:var(--space-2);background:#ffffff4d}.start-hero .flow-chain-step .icon{color:var(--color-focus-on-dark)}.start-hero .flow-chain-text{color:var(--color-insight-muted)}.start-hero-foot{font-size:var(--font-size-meta);color:var(--color-insight-muted)}@media (width>=701px) and (height<=760px){.start-hero{gap:var(--space-5);padding-block:var(--space-6)}.start-hero .flow-chain-text,.start-hero-foot{display:none}}@container app (width<=1099px){.start-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.start-hero{padding:var(--space-7)}.start-hero-title{font-size:28px}}@container app (width<=700px){.start-split{flex-direction:column;height:100%;display:flex;overflow-y:auto}.start-hero{gap:var(--space-2);padding:calc(var(--safe-top) + var(--space-3)) var(--space-4) var(--space-4);flex:none}.start-hero-main{gap:var(--space-2)}.start-hero-title{font-size:20px;line-height:var(--line-tight)}.start-hero-text,.start-hero .flow-chain,.start-hero-foot{display:none}.start-split>.start-page{height:auto;padding-top:var(--space-4);align-content:start;overflow:visible}.start-split[data-hero=brand] .start-hero-main{display:none}.start-split[data-hero=brand] .start-hero{padding-bottom:var(--space-3)}}.sidebar-brand>.icon-btn{margin-left:auto}@container app (width<=1099px){.sidebar-brand>.brand-logo{display:none}.sidebar-brand>.brand-symbol{width:28px;display:block}}.site-footer-brand{gap:var(--space-2);margin-right:auto;display:grid}.site-footer-links{gap:0 var(--space-5);flex-wrap:wrap;display:flex}@container app (width<=1099px){.sidebar-brand{flex-direction:column}.sidebar-brand>.icon-btn{margin:0}}.chart-axis-30{white-space:nowrap;grid-template-columns:repeat(30,minmax(0,1fr))}details.card>summary{cursor:pointer;min-height:var(--control-min);align-items:center;display:flex}.list-row:not(:has(>.avatar)):not(:has(>.check)):not(:has(>.skeleton)){grid-template-columns:minmax(0,1fr)}.list-row>.count{justify-self:end}.kv[data-variant=counts]{grid-template-columns:minmax(0,1fr) auto}.kv[data-variant=counts] dt{padding-right:var(--space-3);min-width:0}.kv[data-variant=counts] dd{text-align:right;font-variant-numeric:tabular-nums;font-weight:var(--weight-label)}.page-header .btn,.page-header .refresh{white-space:nowrap}.stat-grid{grid-auto-rows:1fr}.stat{grid-template-rows:auto 1fr auto;align-content:stretch}.stat-value{align-self:end}.chart-axis-30 span{text-align:left}.list-row-tags{min-width:0}.list-row-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);min-width:0;display:flex}.list-row-head>.list-row-title{min-width:0}.list-row-head>.list-row-meta{flex:none;padding-top:0}.pane-body{scrollbar-gutter:stable}.help-btn{width:20px;height:20px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid;position:relative}.help-btn:after{content:"";position:absolute;inset:-12px}.help-btn .icon{width:16px;height:16px}.help-top{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.help-cats{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.help-cat{align-items:flex-start;gap:var(--space-3);min-height:var(--control-min);padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);color:var(--color-text);text-decoration:none;display:flex}.help-cat-text{gap:2px;min-width:0;display:grid}.help-cat-text .text-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover) and (pointer:fine){.help-cat:hover{background:var(--color-surface-hover)}}@container app (width<=700px){.help-cats{grid-template-columns:repeat(2,minmax(0,1fr))}.help-cat{gap:var(--space-2);padding:var(--space-3);flex-direction:column}}.stack-gap>.btn[data-variant=ghost]:first-child{margin-left:calc(var(--space-3) * -1);justify-self:start}.stack-gap>.action-bar{justify-self:stretch}.notice-list{gap:var(--space-1);margin-top:var(--space-1);font-size:var(--font-size-secondary);color:var(--color-text-secondary);padding-left:18px;list-style:outside;display:grid}.clamp[data-expanded=false]{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.source-excerpt{font-size:var(--font-size-secondary);color:var(--color-text-secondary)}.doc{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.doc-toc{height:100vh;padding:var(--space-6) var(--space-3);border-right:1px solid var(--color-border);background:var(--color-surface);position:sticky;top:0;overflow-y:auto}.doc-toc a{padding:3px var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-secondary);border-radius:6px;text-decoration:none;display:block}.doc-toc a:hover{background:var(--color-surface-hover);color:var(--color-text)}.doc-toc-group{margin:var(--space-4) var(--space-2) var(--space-1);font-size:var(--font-size-meta);font-weight:var(--weight-label);color:var(--color-text-muted)}.doc-main{min-width:0;max-width:1340px;padding:var(--space-8) var(--space-8) 160px;overflow-x:clip}.doc-hero{gap:var(--space-4);padding-bottom:var(--space-7);display:grid}.doc-hero-top{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.doc-hero-top>.segmented:first-of-type{margin-left:auto}.doc-h1{font-family:var(--font-display);font-size:40px;font-weight:var(--weight-heading);letter-spacing:-.02em;text-wrap:balance;line-height:1.1}.doc-lede{max-width:76ch;color:var(--color-text-secondary);text-wrap:pretty}.doc-facts{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.doc-facts>div{padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);align-content:start;gap:2px;display:grid}.doc-facts dt{font-size:var(--font-size-meta);font-weight:var(--weight-label);color:var(--color-text-muted)}.doc-facts dd{font-size:var(--font-size-secondary)}.doc-part{padding-top:var(--space-8)}.doc-part-title{padding-bottom:var(--space-3);border-bottom:2px solid var(--color-text);font-family:var(--font-display);font-size:28px;font-weight:var(--weight-heading);line-height:1.2}.doc-section{gap:var(--space-5);padding:var(--space-8) 0;border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr);display:grid}.doc-section-head{gap:var(--space-2);display:grid}.doc-section-head h3{align-items:baseline;gap:var(--space-2) var(--space-3);font-size:22px;font-weight:var(--weight-heading);flex-wrap:wrap;line-height:1.2;display:flex}.doc-sub{font-size:var(--font-size-body);font-weight:var(--weight-heading)}.doc-code{background:var(--color-surface-sunken);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:12px;font-weight:var(--weight-body);border-radius:5px;padding:1px 6px}.doc-rules{max-width:86ch;font-size:var(--font-size-secondary);color:var(--color-text-secondary);gap:4px;padding-left:18px;list-style:outside;display:grid}.doc-rules li::marker{color:var(--color-text-muted)}.doc-panel{gap:var(--space-4);padding:var(--card-padding);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);min-width:0;display:grid}.doc-panel[data-tone=sunken]{background:var(--color-surface-sunken);box-shadow:none}.doc-panel[data-pad="0"]{padding:0;overflow:hidden}.doc-matrix{align-items:center;gap:var(--space-3) var(--space-4);grid-template-columns:88px repeat(6,max-content);padding:4px;display:grid;overflow-x:auto}.doc-cap{font-family:var(--font-mono);color:var(--color-text-muted);font-size:12px}.doc-row{align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.doc-row[data-align=center]{align-items:center}.doc-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.doc-grid[data-min="200"]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.doc-grid[data-min="360"]{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.doc-specimen{align-content:start;gap:var(--space-2);min-width:0;display:grid}.doc-pair{align-items:flex-start;gap:var(--space-6);flex-wrap:wrap;display:flex}.doc-device{gap:var(--space-2);flex:none;max-width:100%;display:grid}.doc-device[data-viewport=desktop]{flex:720px;min-width:0;padding-bottom:4px;overflow-x:auto}.doc-device[data-w=wide]{flex-basis:100%}.doc-device-label{gap:var(--space-2);font-size:var(--font-size-meta);font-weight:var(--weight-label);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.doc-viewport{contain:layout paint;border-radius:var(--radius-card);background:var(--color-bg);box-shadow:0 0 0 1px var(--color-border),var(--shadow-card);position:relative;overflow:hidden;transform:translateZ(0)}.doc-viewport[data-viewport=desktop]{min-width:720px}.doc-viewport[data-w=wide]{min-width:1140px}.doc-viewport[data-viewport=mobile]{--safe-top:47px;--safe-bottom:34px;width:390px;box-shadow:0 0 0 6px var(--color-text),var(--shadow-popover);border-radius:32px}.doc-viewport[data-viewport=mobile]:before{content:"9:41";z-index:100;font-size:15px;font-weight:var(--weight-label);color:var(--color-text);pointer-events:none;position:absolute;top:15px;left:36px}.doc-viewport[data-viewport=mobile]:after{content:"";z-index:100;background:var(--color-text);pointer-events:none;border-radius:3px;width:134px;height:5px;margin-left:-67px;position:absolute;bottom:8px;left:50%}.doc-viewport[data-keyboard]{--keyboard-inset:291px;--safe-bottom:0px}.doc-viewport[data-keyboard]:after{display:none}.doc-viewport[data-h=xs]{height:220px}.doc-viewport[data-h=sm]{height:320px}.doc-viewport[data-h=md]{height:440px}.doc-viewport[data-h=lg]{height:580px}.doc-viewport[data-h=full]{height:844px}.doc-backdrop{gap:var(--space-3);height:100%;padding:calc(var(--safe-top) + var(--space-4)) var(--space-4) var(--space-4);background:var(--color-bg);display:grid}.doc-viewport[data-viewport=desktop] .doc-backdrop{padding:var(--space-5) var(--space-6)}.doc-keyboard{z-index:60;background:var(--color-surface-sunken);border-top:1px solid var(--color-border);height:291px;font-family:var(--font-mono);color:var(--color-text-muted);place-items:center;font-size:12px;display:grid;position:absolute;bottom:0;left:0;right:0}.doc-viewport .overlay-panel,.doc-viewport .menu,.doc-viewport .stack-screen,.doc-viewport .toast{animation:none!important}.doc-specimen>.overlay{padding:0;display:block;position:static}.doc-specimen>.overlay .overlay-panel{width:100%;max-width:440px;animation:none}.doc-specimen>.overlay-panel{width:100%;animation:none}.doc-note{font-size:var(--font-size-secondary);color:var(--color-text-muted);max-width:86ch}.doc-table{border-collapse:collapse;width:100%;font-size:var(--font-size-secondary)}.doc-table th,.doc-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.doc-table th{font-size:var(--font-size-meta);font-weight:var(--weight-label);color:var(--color-text-muted)}.doc-table code{font-family:var(--font-mono);font-size:12px}.swatch{gap:6px;min-width:0;display:grid}.swatch-chip{border-radius:10px;height:56px;box-shadow:inset 0 0 0 1px #0e17261a}.swatch-name{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:12px}.swatch-meta{font-size:var(--font-size-meta);color:var(--color-text-muted)}.swatch-chip[data-token=bg]{background:var(--color-bg)}.swatch-chip[data-token=surface]{background:var(--color-surface)}.swatch-chip[data-token=surface-raised]{background:var(--color-surface-raised);box-shadow:var(--shadow-popover)}.swatch-chip[data-token=surface-sunken]{background:var(--color-surface-sunken)}.swatch-chip[data-token=nav]{background:var(--color-nav)}.swatch-chip[data-token=nav-raised]{background:var(--color-nav-raised)}.swatch-chip[data-token=nav-text]{background:var(--color-nav-text)}.swatch-chip[data-token=accent]{background:var(--color-accent)}.swatch-chip[data-token=accent-hover]{background:var(--color-accent-hover)}.swatch-chip[data-token=accent-subtle]{background:var(--color-accent-subtle)}.swatch-chip[data-token=insight]{background:var(--color-insight)}.swatch-chip[data-token=border]{background:var(--color-border)}.swatch-chip[data-token=border-strong]{background:var(--color-border-strong)}.swatch-chip[data-token=focus]{background:var(--color-surface);box-shadow:inset 0 0 0 3px var(--color-focus)}.swatch-chip[data-token=text]{background:var(--color-text)}.swatch-chip[data-token=text-secondary]{background:var(--color-text-secondary)}.swatch-chip[data-token=text-muted]{background:var(--color-text-muted)}.swatch-chip[data-token=channel-instagram]{background:var(--color-channel-instagram)}.swatch-chip[data-token=channel-whatsapp]{background:var(--color-channel-whatsapp)}.tone-tile{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--tone-border);background:var(--tone-bg);color:var(--tone-text);font-size:var(--font-size-secondary);border-radius:10px;display:grid}.tone-tile[data-tone=caution]{border-style:dashed;border-width:1.5px}.tone-tile strong{font-weight:var(--weight-label)}.tone-tile code{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:12px}.type-row{align-items:baseline;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);grid-template-columns:200px minmax(0,1fr);display:grid}.type-row:last-child{border-bottom:0}.space-row{align-items:center;gap:var(--space-3);font-size:var(--font-size-secondary);grid-template-columns:120px 48px minmax(0,1fr);display:grid}.space-bar{background:var(--color-accent);border-radius:3px;height:12px}.space-bar[data-s="1"]{width:4px}.space-bar[data-s="2"]{width:8px}.space-bar[data-s="3"]{width:12px}.space-bar[data-s="4"]{width:16px}.space-bar[data-s="5"]{width:20px}.space-bar[data-s="6"]{width:24px}.space-bar[data-s="7"]{width:32px}.space-bar[data-s="8"]{width:40px}.radius-tile,.shadow-tile{height:88px;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-strong);font-family:var(--font-mono);color:var(--color-text-secondary);place-items:end start;font-size:12px;display:grid}.radius-tile[data-r=control]{border-radius:var(--radius-control)}.radius-tile[data-r=card]{border-radius:var(--radius-card)}.radius-tile[data-r=dialog]{border-radius:var(--radius-dialog)}.radius-tile[data-r=sheet]{border-radius:var(--radius-sheet) var(--radius-sheet) 0 0}.radius-tile[data-r=badge]{border-radius:var(--radius-badge);place-items:center;height:44px}.radius-tile[data-r=pill]{border-radius:var(--radius-pill);place-items:center;height:44px}.shadow-tile{border-radius:var(--radius-card);border:0}.shadow-tile[data-s=card]{box-shadow:var(--shadow-card)}.shadow-tile[data-s=popover]{box-shadow:var(--shadow-popover)}.shadow-tile[data-s=sheet]{box-shadow:var(--shadow-sheet)}.shadow-tile[data-s=dialog]{box-shadow:var(--shadow-dialog)}.flow-lane{gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);display:grid}.flow-lane:last-child{border-bottom:0}.flow-track{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.flow-node{padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--color-surface);box-shadow:var(--shadow-card);color:var(--color-text);font-size:var(--font-size-secondary);font-weight:var(--weight-label);gap:2px;text-decoration:none;display:grid}.flow-node small{font-size:var(--font-size-meta);font-weight:var(--weight-body);color:var(--color-text-muted)}.flow-node[data-kind=layer]{background:var(--color-surface-sunken);box-shadow:inset 0 0 0 1px var(--color-border-strong)}.flow-node[data-kind=event]{background:var(--color-nav);color:var(--color-nav-text-active)}.flow-node[data-kind=event] small{color:var(--color-nav-text)}.flow-edge{font-size:var(--font-size-meta);color:var(--color-text-muted);align-items:center;gap:4px;display:inline-flex}.flow-edge .icon{width:16px;height:16px}@media (width<=1000px){.doc{grid-template-columns:minmax(0,1fr)}.doc-toc{display:none}.doc-main{padding:var(--space-6) var(--space-4) 120px}.type-row{grid-template-columns:minmax(0,1fr)}}:root{--site-max:1200px;--site-hero-glow:#1d5bf08c;--site-hero-glow-2:#a9c2ff2e;--font-size-site-hero:56px;--font-size-site-h2:36px;--duration-scene:.42s}@media (prefers-reduced-motion:reduce){:root{--duration-scene:0s}}.site{background:var(--color-surface);color:var(--color-text)}.app-viewport[data-root][data-surface=site]{overflow:hidden auto}.legal-toc-list{margin-top:var(--space-2);gap:2px;display:grid}.legal-toc-list a{min-height:var(--control-min);align-items:center;display:flex}.site-wrap{width:min(var(--site-max),100%);padding:0 var(--space-6);margin:0 auto}.site-nav{z-index:var(--z-sticky);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-nav-text-active);background:#0e1c3aeb;position:sticky;top:0}.site-nav .site-wrap{align-items:center;gap:var(--space-5);min-height:64px;display:flex}.site-nav .start-brand{color:var(--color-nav-text-active);text-decoration:none}.site-footer .start-brand{text-decoration:none}.site-links{gap:var(--space-4);margin-left:auto;display:flex}.site-links a{color:var(--color-nav-text);font-weight:var(--weight-label);min-height:var(--control-min);align-items:center;text-decoration:none;display:inline-flex}.site-links a:hover{color:#fff}.site-nav .inline-actions .btn[data-variant=ghost]{--_fg:#fff;--_bg-h:#ffffff14}.site-nav :focus-visible{outline-color:var(--color-focus-on-dark)}.site-hero{background-color:var(--color-insight);background-image:radial-gradient(60% 70% at 85% 10%,var(--site-hero-glow),transparent 65%),radial-gradient(50% 60% at 0% 100%,var(--site-hero-glow-2),transparent 70%);color:var(--color-insight-text);position:relative;overflow:hidden}.site-hero .site-wrap{align-items:center;gap:var(--space-8);padding-block:var(--space-8) calc(var(--space-8) * 2);grid-template-columns:minmax(0,4fr) minmax(0,7fr);display:grid}.site-eyebrow{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);font-size:var(--font-size-meta);font-weight:var(--weight-label);color:var(--color-insight-muted);border:1px solid #ffffff40;justify-self:start;padding:4px 12px;display:inline-flex}.site-hero h1{font-family:var(--font-display);font-size:var(--font-size-site-hero);font-weight:var(--weight-heading);letter-spacing:-.03em;text-wrap:balance;line-height:1.05}.site-hero h1 em{color:var(--color-focus-on-dark);font-style:normal}.site-hero p.site-lede{color:var(--color-insight-muted);text-wrap:pretty;max-width:48ch;font-size:20px;line-height:1.5}.site-hero-copy{gap:var(--space-5);display:grid}.site-hero-copy .btn[data-variant=primary]{--_bg:#fff;--_fg:var(--color-insight);--_bd:#fff;--_bg-h:#e7eefe;--_bg-a:#d3e0fd;min-height:48px;padding-inline:var(--space-5)}.site-hero-copy .btn[data-variant=secondary]{--_bg:transparent;--_fg:#fff;--_bd:#ffffff80;--_bg-h:#ffffff14;min-height:48px}.site-hero :focus-visible{outline-color:var(--color-focus-on-dark)}.site-note{font-size:var(--font-size-secondary);color:var(--color-insight-muted)}.demo{contain:layout;gap:var(--space-4);padding:var(--space-5);cursor:pointer;transform:perspective(900px) rotateX(var(--tilt-x,0)) rotateY(var(--tilt-y,0));transition:transform var(--duration-base) var(--easing-standard);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid;position:relative}.demo-bar{align-items:center;gap:var(--space-2);color:var(--color-insight-muted);font-size:var(--font-size-meta);grid-column:1/-1;display:flex}.demo-tag{border-radius:var(--radius-badge);color:#fff;font-weight:var(--weight-label);background:#ffffff1f;align-items:center;gap:6px;padding:2px 10px;display:inline-flex}.demo-dots{gap:2px;margin-left:auto;display:flex}.demo-dot{cursor:pointer;background:0 0;border:0;width:24px;height:24px;padding:0;position:relative}.demo-dot:before{content:"";width:8px;height:8px;transition:transform var(--duration-fast);background:#ffffff59;border-radius:50%;position:absolute;top:8px;left:8px}.demo-dot[aria-current=true]:before{background:#fff;transform:scale(1.3)}.demo-dot:after{content:"";position:absolute;inset:-10px -2px}.demo .icon-btn{color:#fff}.demo-card{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text);display:grid;box-shadow:0 24px 48px #00000047}.demo-card-head{align-items:center;gap:var(--space-2);font-size:var(--font-size-secondary);font-weight:var(--weight-label);display:flex}.demo-phone{border-radius:var(--radius-card);overflow:hidden;box-shadow:0 24px 48px #00000047}.demo-phone>.demo-card{border-radius:20px;align-content:start;min-height:420px}.demo [data-step]{opacity:0;visibility:hidden;transition:opacity var(--duration-scene) var(--easing-standard),transform var(--duration-scene) var(--easing-standard),visibility 0s linear var(--duration-scene);transform:translateY(6px)}.demo [data-step][data-shown]{opacity:1;visibility:visible;transition-delay:0s;transform:none}.demo [data-hide-at][data-gone]{opacity:0;visibility:hidden}.demo-slot{display:grid}.demo-slot>*{grid-area:1/1}.demo-card{align-content:start}.demo>.demo-card{height:460px;min-height:0;padding:64px var(--space-3) var(--space-3);background:var(--color-conversation-bg);align-content:start;position:relative;overflow:hidden}.demo>.demo-card>.demo-card-head{z-index:3;padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:absolute;top:0;left:0;right:0}.demo>.demo-card .bubble{max-width:90%}.demo-phone>.demo-card{justify-content:flex-end;gap:var(--space-2);height:460px;min-height:0;padding:64px var(--space-3) var(--space-3);background:var(--color-conversation-bg);box-shadow:none;border-radius:0;flex-direction:column;display:flex;position:relative;overflow:hidden}.demo-phone .demo-card-head{z-index:3;padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:absolute;top:0;left:0;right:0}.demo-phone .bubble{max-width:86%}.demo-phone .kv{padding:var(--space-1) var(--space-3);background:var(--color-surface);box-shadow:var(--shadow-card);border-radius:10px}.demo-phone .kv dt,.demo-phone .kv dd{font-size:var(--font-size-secondary);padding:6px 0}.demo-phone .demo-slot>[data-step]>.badge,.demo-phone [data-step]>.badge{margin-top:var(--space-2)}.demo-phone [data-step][data-shown]{animation:dialog-in var(--duration-scene) var(--easing-standard)}.demo-phone>.demo-card>[data-step]:has(.demo-notif){top:56px;left:var(--space-3);right:var(--space-3);z-index:4;box-shadow:var(--shadow-popover);border-radius:14px;position:absolute}.demo-phone .demo-notif{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);padding:var(--space-3);background:#ffffffeb}[data-theme=dark] .demo-phone .demo-notif{background:#172238eb}.demo-phone .demo-slot{display:block}.demo-phone .demo-slot>*{grid-area:auto}.demo-notif{gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-sunken);font-size:var(--font-size-meta);border-radius:14px;align-items:center;display:flex}.typing{background:var(--color-bubble-assistant);border:1px dashed var(--color-bubble-assistant-border);border-radius:16px;align-self:flex-end;gap:3px;padding:10px 14px;display:inline-flex}.typing i{background:var(--color-text-muted);border-radius:50%;width:6px;height:6px;animation:1s infinite typing}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.3}30%{opacity:1}}@media (prefers-reduced-motion:reduce){.typing i{animation:none}}.site-section{padding-block:calc(var(--space-8) * 2)}.site-section[data-tone=soft]{background:var(--color-bg)}.site-section h2{font-family:var(--font-display);font-size:var(--font-size-site-h2);font-weight:var(--weight-heading);letter-spacing:-.02em;text-wrap:balance;max-width:24ch;line-height:1.15}.site-head{gap:var(--space-3);margin-bottom:var(--space-7);display:grid}.site-head p{font-size:var(--font-size-heading);color:var(--color-text-secondary);max-width:60ch}.site-jobs{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.site-jobs .card{transform:perspective(900px) rotateX(var(--tilt-x,0)) rotateY(var(--tilt-y,0));transition:transform var(--duration-base) var(--easing-standard),opacity var(--duration-scene),translate var(--duration-scene)}[data-reveal]{opacity:0;transition:opacity .6s var(--easing-standard),translate .6s var(--easing-emphasized);translate:0 16px}[data-reveal][data-in]{opacity:1;translate:0}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;translate:none}}.site-chain{gap:calc(var(--space-8) * 1.5);padding-left:var(--space-8);display:grid;position:relative}.site-chain:before,.chain-fill{content:"";background:var(--color-border);border-radius:2px;width:3px;position:absolute;top:8px;bottom:8px;left:14px}.chain-fill{background:var(--color-accent);transform-origin:top;transition:transform .7s var(--easing-standard);transform:scaleY(0)}.site-chain[data-progress="1"] .chain-fill{transform:scaleY(.33)}.site-chain[data-progress="2"] .chain-fill{transform:scaleY(.66)}.site-chain[data-progress="3"] .chain-fill{transform:scaleY(1)}.chain-row{gap:var(--space-7);opacity:.35;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;transition:opacity .5s;display:grid}.chain-row[data-in]{opacity:1}.chain-row>.stack-gap{position:relative}.chain-dot{left:calc(var(--space-8) * -1 + 6px);background:var(--color-surface);border:3px solid var(--color-border-strong);border-radius:50%;width:20px;height:20px;position:absolute;top:4px}.chain-row[data-in] .chain-dot{border-color:var(--color-accent);background:var(--color-accent)}.chain-row h3{font-family:var(--font-display);font-size:28px;font-weight:var(--weight-heading)}.chain-row .card{transition:translate .6s var(--easing-emphasized);translate:0 24px}.chain-row[data-in] .card{translate:0}.site-trust{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.site-trust>div{gap:var(--space-2);align-content:start;display:grid}.site .state-icon[data-tone=default]{background:linear-gradient(135deg,var(--color-accent-subtle),color-mix(in oklab,var(--color-accent) 22%,var(--color-surface)));width:48px;height:48px;color:var(--color-accent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-accent) 25%,transparent);border:0;border-radius:14px}.site .state-icon[data-tone=default] .icon{stroke-width:1.6px;width:26px;height:26px}.site-biz{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.site-cta{background-color:var(--color-insight);background-image:radial-gradient(70% 90% at 100% 0%,var(--site-hero-glow),transparent 60%);color:var(--color-insight-text)}.site-cta .site-wrap{justify-content:space-between;align-items:center;gap:var(--space-5);padding-block:var(--space-8);flex-wrap:wrap;display:flex}.site-cta h2{color:#fff}.site-cta p{color:var(--color-insight-muted)}.site-cta .btn[data-variant=primary]{--_bg:#fff;--_fg:var(--color-insight);--_bd:#fff;--_bg-h:#e7eefe;min-height:48px}.site-footer{background:var(--color-nav);color:var(--color-nav-text);font-size:var(--font-size-secondary)}.site-footer .site-wrap{align-items:center;gap:var(--space-4) var(--space-6);padding-block:var(--space-6);flex-wrap:wrap;display:flex}.site-footer a{color:var(--color-nav-text-active);min-height:var(--control-min);align-items:center;display:inline-flex}.site-footer .start-brand{color:#fff;margin-right:auto}.site-sticky-cta{display:none}.legal .site-wrap{gap:var(--space-8);padding-block:var(--space-8);grid-template-columns:240px minmax(0,1fr);display:grid}.legal-toc{align-self:start;gap:2px;display:grid;position:sticky;top:88px}.legal-toc a{min-height:36px;padding:0 var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-secondary);border-radius:6px;align-items:center;text-decoration:none;display:flex}.legal-toc a:hover{background:var(--color-surface-hover);color:var(--color-text)}.legal-toc-mobile{display:none}.legal-body{gap:var(--space-6);max-width:70ch;animation:dialog-in .4s var(--easing-standard);display:grid}.legal-body h1{font-family:var(--font-display);font-size:40px;font-weight:var(--weight-heading);letter-spacing:-.02em;line-height:1.1}.legal-body h2{font-size:22px;font-weight:var(--weight-heading);scroll-margin-top:88px}.legal-body h2 a{color:inherit;text-decoration:none}.legal-body h2 a:hover:after{content:" #";color:var(--color-text-muted)}.legal-body section{gap:var(--space-3);display:grid}.legal-body p,.legal-body li{color:var(--color-text-secondary);font-size:17px;line-height:1.7}.legal-body ul{gap:var(--space-1);padding-left:22px;list-style:outside;display:grid}.site-status{min-height:calc(100vh - 64px);padding:var(--space-8) var(--space-4);background:var(--color-bg);place-items:center;display:grid}.site-status .start-card{width:min(560px,100%)}@container app (width<=1099px){.site-hero .site-wrap,.site-jobs{grid-template-columns:minmax(0,1fr)}.site-biz{grid-template-columns:repeat(2,minmax(0,1fr))}.chain-row{grid-template-columns:minmax(0,1fr)}}@container app (width<=700px){:root{--font-size-site-hero:36px;--font-size-site-h2:26px}.site-wrap{padding:0 var(--space-4)}.site-links,.site-nav .inline-actions .btn[data-variant=primary]{display:none}.site-nav .site-wrap{min-height:calc(56px + var(--safe-top));padding-top:var(--safe-top)}.site-hero h1{font-size:var(--font-size-site-hero)}.site-hero p.site-lede{font-size:var(--font-size-body)}.site-hero .site-wrap{padding-block:var(--space-6) var(--space-8);gap:var(--space-6)}.site-hero-copy .inline-actions{display:none}.demo{padding:var(--space-3);grid-template-columns:minmax(0,1fr);transform:none}.demo>.demo-card{display:none}.demo-phone>.demo-card{height:400px}.site-section{padding-block:var(--space-8)}.site-chain{padding-left:var(--space-6)}.chain-dot{left:calc(var(--space-6) * -1 + 6px)}.chain-row h3{font-size:22px}.site-biz{grid-template-columns:minmax(0,1fr)}.site-sticky-cta{z-index:var(--z-sticky);padding:var(--space-3) var(--space-4) calc(var(--space-3) + var(--safe-bottom));background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;position:fixed;bottom:0;left:0;right:0}.site-sticky-cta .btn{flex:1;min-height:48px}.site-footer{padding-bottom:calc(76px + var(--safe-bottom))}.legal .site-wrap{padding-block:var(--space-5);grid-template-columns:minmax(0,1fr)}.legal-toc{display:none}.legal-toc-mobile{display:block}.legal-body h1{font-size:30px}.legal-body p,.legal-body li{font-size:16px}}@media print{.site-nav,.legal-toc,.legal-toc-mobile,.site-footer,.site-sticky-cta{display:none!important}.legal .site-wrap{display:block}.legal-body{max-width:none;animation:none}.app-viewport[data-root]{height:auto;overflow:visible}}.v2-story{padding-block:calc(var(--space-8) * 2.5);background:linear-gradient(180deg,var(--color-bg),var(--color-surface))}.v2-story .site-wrap{gap:calc(var(--space-8) * 3);display:grid}.v2-scene{gap:calc(var(--space-8) * 1.5);grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center;display:grid}.v2-scene[data-reverse] .v2-copy{order:2}.v2-copy{gap:var(--space-4);align-content:center;display:grid}.v2-num{font-family:var(--font-mono);font-size:var(--font-size-secondary);color:var(--color-accent);letter-spacing:.1em}.v2-copy h2{font-family:var(--font-display);font-size:48px;font-weight:var(--weight-heading);letter-spacing:-.03em;text-wrap:balance;line-height:1.05}.v2-copy p{font-size:var(--font-size-heading);color:var(--color-text-secondary);max-width:36ch}.v2-frame{padding:var(--space-6);background:linear-gradient(160deg,var(--color-surface),var(--color-bg));box-shadow:0 0 0 1px var(--color-border),0 50px 100px -30px #0e1c3a59;transform:perspective(1200px) rotateX(var(--tilt-x,0)) rotateY(var(--tilt-y,0));transition:transform var(--duration-base) var(--easing-standard);border-radius:28px;position:relative}.v2-frame:before{content:"";z-index:-1;background:radial-gradient(60% 60% at 70% 30%,var(--site-hero-glow),transparent 70%);opacity:.35;filter:blur(20px);border-radius:60px;position:absolute;inset:-40px}.v2-screen{gap:var(--space-3);padding:var(--space-5);background:var(--color-surface);box-shadow:var(--shadow-card);border-radius:18px;display:grid}.v2-split{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}.v2-split .conversation{border-radius:12px}.v2-dark{background-color:var(--color-insight);background-image:radial-gradient(50% 80% at 10% 0%,var(--site-hero-glow),transparent 60%);color:var(--color-insight-text);padding-block:calc(var(--space-8) * 2.5)}.v2-dark h2{font-family:var(--font-display);font-size:56px;font-weight:var(--weight-heading);letter-spacing:-.03em;margin-bottom:var(--space-8)}.v2-trust{border-top:1px solid #ffffff2e;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.v2-trust>div{gap:var(--space-2);padding:var(--space-6) var(--space-5) 0 0;align-content:start;display:grid}.v2-trust>div+div{padding-left:var(--space-5);border-left:1px solid #ffffff1f}.v2-trust h3{font-size:22px;font-weight:var(--weight-heading)}.v2-trust p{color:var(--color-insight-muted)}@container app (width<=1099px){.v2-scene,.v2-split{grid-template-columns:minmax(0,1fr)}.v2-scene[data-reverse] .v2-copy{order:0}.v2-trust{grid-template-columns:repeat(2,minmax(0,1fr))}}@container app (width<=700px){.v2-story{padding-block:var(--space-8)}.v2-story .site-wrap{gap:var(--space-8)}.v2-copy h2{font-size:30px}.v2-copy p{font-size:var(--font-size-body)}.v2-frame{padding:var(--space-3);border-radius:20px;transform:none}.v2-screen{padding:var(--space-3)}.v2-dark{padding-block:var(--space-8)}.v2-dark h2{margin-bottom:var(--space-5);font-size:34px}.v2-trust{grid-template-columns:minmax(0,1fr)}.v2-trust>div+div{border-top:1px solid #ffffff1f;border-left:0;padding-left:0}.v2-trust>div{padding:var(--space-4) 0}}.demo .demo-card{gap:var(--space-2);font-size:13px}.demo .demo-card-head{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.demo .demo-card-head .avatar{width:24px;height:24px}.demo .bubble{gap:2px}.demo .bubble-sender{font-size:12px}.demo .bubble-body{border-radius:14px;padding:7px 11px;font-size:13px;line-height:1.45}.demo .kv dt,.demo .kv dd{padding:5px 0;font-size:12px}.demo .kv{grid-template-columns:minmax(90px,40%) minmax(0,1fr)}.demo .badge{min-height:20px;padding:1px 7px;font-size:12px}.demo .btn{min-height:32px;padding:4px 12px;font-size:13px}.demo .btn .icon{width:16px;height:16px}.demo .inline-actions{flex-wrap:wrap;align-items:center;gap:8px 6px;display:flex}.demo .inline-actions>.badge{flex:none}.demo .demo-slot{align-items:start}.demo>.demo-card,.demo-phone>.demo-card{height:420px;padding-top:52px}.demo .demo-card-head{padding:10px 14px}.demo [data-step],.demo [data-hide-at]{gap:var(--space-2);align-content:start;display:grid}.demo .demo-card{gap:var(--space-3)}.demo-phone [data-step]:not([data-shown]){display:none}