.lp-demo{--font-ui:"Inter var", "Inter", "Segoe UI Variable Text", "Segoe UI", -apple-system, "SF Pro Text", system-ui, "Noto Sans", sans-serif;--font-mono:"JetBrains Mono", "Cascadia Mono", "SF Mono", Menlo, Consolas, ui-monospace, monospace;--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-16:16px;--fs-20:20px;--fs-24:24px;--lh-text:1.45;--lh-tight:1.2;--ls-label:.04em;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--space-0:0px;--space-05:2px;--space-1:4px;--space-15:6px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-none:0px;--radius-sm:4px;--radius-button:6px;--radius-control:10px;--radius-card:14px;--radius-panel:16px;--radius-modal:20px;--radius-pill:999px;--border-width:1px;--row-h:52px;--control-h:32px;--control-h-lg:36px;--fs-base:var(--fs-13);--pad-row-x:var(--space-3);--pad-section-y:var(--space-2);--dur-micro:.1s;--dur-panel:.18s;--dur-layer:.22s;--dur-loop:1.2s;--dur-shine:2.5s;--dur-shine-fade:3s;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-emphasis:cubic-bezier(.2, .8, .2, 1);--ease-linear:linear;--stroke-tile:2px;--motion-interact:background-color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out), box-shadow var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out), opacity var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);--titlebar-h:44px;--statusbar-h:26px;--nav-w-min:150px;--nav-w-max:240px;--list-w-min:280px;--list-w-max:640px;--context-panel-min:360px;--context-panel-max:480px;--icon-sm:14px;--icon-md:16px;--icon-lg:20px;--icon-stroke:1.5;--z-panel:10;--z-overlay:20;--z-popover:30;--z-modal:40;--z-toast:50;--z-tooltip:60;--color-surface-overlay:var(--surface-overlay);--color-surface-hover:var(--surface-hover);--color-surface-active:var(--surface-active);--color-surface-selected:var(--surface-selected);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-inverse:var(--text-inverse);--color-border-default:var(--border-default);--color-border-strong:var(--border-strong);--color-cta:var(--cta);--color-cta-hover:var(--cta-hover);--color-cta-contrast:var(--cta-contrast);--color-danger:var(--danger)}.lp-demo[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--n-0:#080a10;--n-1:#0c0f16;--n-2:#12161f;--n-3:#181d28;--n-4:#1e2430;--n-5:#262c3a;--n-6:#323948;--n-7:#454d5e;--n-8:#6b7385;--n-9:#9aa3b5;--n-10:#c9d0e0;--n-11:#f2f4f8;--surface-base:var(--n-1);--surface-raised:var(--n-2);--surface-overlay:var(--n-3);--surface-sunken:var(--n-0);--surface-hover:var(--n-4);--surface-active:var(--n-5);--surface-selected:#2a3140;--interact-hover:var(--n-6);--interact-press:var(--n-7);--interact-overlay-hover:color-mix(in srgb, var(--n-11) 8%, transparent);--interact-overlay-press:color-mix(in srgb, var(--n-11) 14%, transparent);--text-primary:var(--n-11);--text-secondary:var(--n-9);--text-tertiary:var(--n-8);--text-inverse:var(--n-0);--border-subtle:color-mix(in srgb, var(--n-11) 7%, transparent);--border-default:color-mix(in srgb, var(--n-11) 11%, transparent);--border-strong:color-mix(in srgb, var(--n-11) 18%, transparent);--accent:#3b8bff;--accent-hover:#5ca0ff;--accent-muted:#142033;--accent-contrast:#061018;--accent-deep:#0d3b5c;--accent-on-deep:#79b9ea;--cta:var(--n-11);--cta-hover:var(--n-10);--cta-contrast:var(--n-1);--success:#5ed19a;--warning:#e6b455;--danger:#ff7b72;--info:#6ba8f0;--running:#d2a8ff;--success-muted:#12261d;--warning-muted:#2a2113;--danger-muted:#2e1714;--info-muted:#122033;--running-muted:#221a2e;--focus-ring:#3b8bff;--shadow-1:0 1px 3px #0000008c;--shadow-2:0 8px 20px #0009;--shadow-3:0 20px 52px #000000b3;--scrim:#0009;--term-bg:#080a10;--term-fg:#e8ebf2;--term-cursor:#3b8bff;--term-selection:#243552}.lp-demo[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--n-0:#fff;--n-1:#f8f9fc;--n-2:#f2f4f8;--n-3:#e8ebf2;--n-4:#e2e6ef;--n-5:#dce1eb;--n-6:#cdd3df;--n-7:#b0b8c8;--n-8:#667084;--n-9:#4f5868;--n-10:#2c3340;--n-11:#12161f;--surface-base:var(--n-2);--surface-raised:var(--n-0);--surface-overlay:var(--n-0);--surface-sunken:var(--n-1);--surface-hover:var(--n-3);--surface-active:var(--n-4);--surface-selected:#e2ecfa;--interact-hover:var(--n-4);--interact-press:var(--n-5);--interact-overlay-hover:color-mix(in srgb, var(--n-11) 6%, transparent);--interact-overlay-press:color-mix(in srgb, var(--n-11) 10%, transparent);--text-primary:var(--n-11);--text-secondary:var(--n-9);--text-tertiary:var(--n-8);--text-inverse:var(--n-0);--border-subtle:color-mix(in srgb, var(--n-11) 8%, transparent);--border-default:color-mix(in srgb, var(--n-11) 14%, transparent);--border-strong:color-mix(in srgb, var(--n-11) 22%, transparent);--accent:#0a5bc4;--accent-hover:#094faa;--accent-muted:#e2ecfa;--accent-contrast:#fff;--accent-deep:#0d3b5c;--accent-on-deep:#79b9ea;--cta:var(--n-11);--cta-hover:var(--n-10);--cta-contrast:var(--n-0);--success:#10743f;--warning:#8a5a00;--danger:#b3261e;--info:#0a5bc4;--running:#6b3fbf;--success-muted:#e3f5eb;--warning-muted:#fbf1dd;--danger-muted:#fbe6e4;--info-muted:#e2ecfa;--running-muted:#efe7fb;--focus-ring:#0a5bc4;--shadow-1:0 1px 3px #1018281a;--shadow-2:0 8px 20px #10182824;--shadow-3:0 20px 52px #10182833;--scrim:#10182859;--term-bg:#fff;--term-fg:#1b2027;--term-cursor:#0a5bc4;--term-selection:#cfe0f7}.lp-demo[data-density=compact]{--row-h:44px;--control-h:28px;--control-h-lg:32px;--fs-base:var(--fs-12);--pad-row-x:var(--space-2);--pad-section-y:var(--space-1)}.lp-demo[data-density=comfortable]{--row-h:52px;--control-h:32px;--control-h-lg:36px;--fs-base:var(--fs-13);--pad-row-x:var(--space-3);--pad-section-y:var(--space-2)}.lp-demo[data-density=spacious]{--row-h:64px;--control-h:36px;--control-h-lg:40px;--fs-base:var(--fs-14);--pad-row-x:var(--space-3);--pad-section-y:var(--space-3)}@media (prefers-reduced-motion:reduce){.lp-demo{--dur-micro:1ms;--dur-panel:1ms;--dur-layer:1ms;--dur-loop:6s}}.lp-demo[data-term-busy="1"]{--dur-micro:1ms;--dur-panel:1ms;--dur-layer:1ms}.lp-demo{--focus-ring-w:2px;--focus-ring-offset:2px;--tabbar-h:38px;--nav-w-default:190px;--nav-w-collapsed:52px;--tile-w:240px;--context-panel-default:400px;--resizer-hit:6px;--on-accent:var(--accent-contrast);--toast-w:360px;--dialog-w-sm:380px;--dialog-w-md:480px;--dialog-w-lg:640px;--tooltip-max-w:260px;--popover-max-h:420px;--scrollbar-w:10px;--skeleton-fill:color-mix(in srgb, var(--text-primary) 9%, transparent);--skeleton-shine:color-mix(in srgb, var(--text-primary) 16%, transparent);--border-accent-muted:color-mix(in srgb, var(--accent) 35%, var(--border-default));--editor-match:color-mix(in srgb, var(--warning) 22%, transparent);--editor-match-current:color-mix(in srgb, var(--accent) 38%, transparent);--editor-selection:color-mix(in srgb, var(--accent) 30%, transparent);--window-min-w:900px;--window-min-h:600px;--bp-two-zone:900px;--bp-one-zone:640px;--demo-frame-w:1152px;--demo-frame-h:640px;--demo-term-line:21px;--demo-crop-fs:13px;color:var(--text-primary);font-family:var(--font-ui);font-size:var(--fs-base);line-height:var(--lh-text);-webkit-font-smoothing:antialiased}.lp-demo *,.lp-demo :before,.lp-demo :after{box-sizing:border-box}.lp-demo button,.lp-demo input,.lp-demo select{font:inherit}.lp-demo-block{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.lp-demo-stage{width:100%;max-width:var(--demo-frame-w);height:var(--demo-frame-h);background:var(--surface-base);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-panel);transition:opacity var(--dur-layer) var(--ease-out);position:relative;overflow:hidden}.lp-demo-stage.is-crossfading{opacity:0}.lp-demo-pause-btn{top:var(--space-2);left:var(--space-2);z-index:var(--z-overlay);width:1px;height:1px;padding:var(--space-0);clip:rect(0, 0, 0, 0);white-space:nowrap;color:#0000;background:0 0;border:0;margin:-1px;position:absolute;overflow:hidden}.lp-demo-pause-btn:focus-visible{clip:auto;width:auto;height:var(--control-h);margin:var(--space-0);padding-inline:var(--space-3);background:var(--surface-raised);color:var(--text-primary);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-button);font-size:var(--fs-12);font-weight:var(--fw-medium);outline:var(--focus-ring-w) solid var(--focus-ring);outline-offset:var(--focus-ring-offset);overflow:visible}@media (hover:none){.lp-demo-pause-btn{clip:auto;width:auto;height:var(--control-h);min-height:44px;margin:var(--space-0);padding-inline:var(--space-3);background:var(--surface-raised);color:var(--text-primary);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-button);font-size:var(--fs-12);font-weight:var(--fw-medium);overflow:visible}}.lp-demo-stage--story{height:auto;overflow:visible}.lp-demo-caption{margin:var(--space-0);color:var(--text-secondary);font-size:var(--fs-12)}.lp-demo-caption code{font-family:var(--font-mono);font-size:inherit}.lp-demo .ht-icon-box{flex:none;justify-content:center;align-items:center;display:inline-flex}.lp-demo .ht-icon{width:var(--icon-md);height:var(--icon-md);stroke-width:var(--icon-stroke);flex:none}.lp-demo .ht-icon--sm{width:var(--icon-sm);height:var(--icon-sm)}.lp-demo .ht-icon--lg{width:var(--icon-lg);height:var(--icon-lg)}.lp-demo .ht-kbd{min-width:var(--space-5);height:var(--space-5);padding-inline:var(--space-15);background:var(--surface-active);border:var(--border-width) solid var(--border-default);border-bottom-width:var(--space-05);border-radius:var(--radius-control);color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--fs-11);font-weight:var(--fw-medium);line-height:var(--lh-tight);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.lp-demo .ht-kbd-group{align-items:center;gap:var(--space-05);flex:none;display:inline-flex}.lp-demo .ht-iconbtn{width:var(--control-h);height:var(--control-h);padding:var(--space-0);color:var(--text-secondary);border:var(--border-width) solid transparent;border-radius:var(--radius-button);background:0 0;flex:none;justify-content:center;align-items:center;display:inline-flex}.lp-demo .ht-btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-h);padding-inline:var(--space-3);border:var(--border-width) solid transparent;border-radius:var(--radius-button);font-weight:var(--fw-medium);line-height:var(--lh-tight);white-space:nowrap;display:inline-flex}.lp-demo .ht-btn--primary{background:var(--cta);color:var(--cta-contrast);border-color:var(--cta)}.lp-demo .ht-btn--secondary{background:var(--surface-overlay);color:var(--text-primary);border-color:var(--border-default);font-size:var(--fs-13);gap:var(--space-15)}.lp-demo .ht-btn--sm{padding-inline:var(--space-2);font-size:var(--fs-12)}.lp-demo .ht-btn--lg{height:var(--control-h-lg);padding-inline:var(--space-4)}.lp-demo .ht-btn--block{width:100%;display:flex}.lp-demo .ht-shell{grid-template-rows:var(--titlebar-h) minmax(0, 1fr) var(--statusbar-h);background:var(--surface-base);width:100%;height:100%;display:grid}.lp-demo .ht-header{align-items:center;gap:var(--space-3);padding-inline:var(--space-3);background:var(--surface-raised);border-bottom:var(--border-width) solid var(--border-subtle);min-width:0;display:flex}.lp-demo .ht-header__action{align-items:center;gap:var(--space-2);height:var(--control-h-lg);padding-inline:var(--space-4);background:var(--surface-overlay);border:var(--border-width) solid transparent;border-radius:var(--radius-pill);color:var(--text-secondary);font-size:var(--fs-12);font-weight:var(--fw-medium);flex:none;display:flex}.lp-demo .ht-header__action[data-active=true]{background:var(--accent-muted);border-color:color-mix(in srgb, var(--accent) 40%, transparent);color:var(--accent)}.lp-demo .ht-header__action--icon{padding-inline:var(--space-2)}.lp-demo .ht-header__search{align-items:center;gap:var(--space-2);min-width:0;max-width:var(--dialog-w-lg);height:var(--control-h-lg);padding-inline:var(--space-4);background:var(--surface-sunken);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-card);color:var(--text-tertiary);font-size:var(--fs-13);text-align:left;flex:auto;display:flex}.lp-demo .ht-header__search>.ht-spacer{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lp-demo .ht-header__account{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:14rem;color:var(--text-secondary);font-size:var(--fs-12);overflow:hidden}.lp-demo .ht-header__actions{align-items:center;gap:var(--space-1);flex:none;display:flex}.lp-demo .ht-spacer{flex:auto;min-width:0}.lp-demo .ht-winbtns{border-inline-start:var(--border-width) solid var(--border-subtle);flex:none;align-items:center;margin-inline-start:var(--space-1);padding-inline-start:var(--space-2);display:flex}.lp-demo .ht-main{align-items:stretch;min-width:0;min-height:0;display:flex}.lp-demo .ht-nav{min-height:0;width:var(--nav-w-default);background:var(--surface-raised);border-right:var(--border-width) solid var(--border-subtle);padding-block:var(--space-3);gap:var(--space-2);flex-direction:column;flex:none;display:flex}.lp-demo .ht-nav__list{gap:var(--space-1);margin:var(--space-0);padding:var(--space-0) var(--space-3);flex-direction:column;width:100%;min-height:0;list-style:none;display:flex}.lp-demo .ht-nav__item{align-items:center;gap:var(--space-2);width:100%;min-height:calc(var(--control-h-lg) + var(--space-1));padding-block:var(--space-1);padding-inline:var(--space-3);border:var(--border-width) solid transparent;border-radius:var(--radius-pill);color:var(--text-secondary);font-size:var(--fs-base);text-align:left;background:0 0;min-width:0;display:flex}.lp-demo .ht-nav__item[aria-current=page]{background:var(--surface-selected);color:var(--text-primary);font-weight:var(--fw-medium)}.lp-demo .ht-nav__icon{color:inherit;flex:none;display:inline-flex}.lp-demo .ht-nav__label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.lp-demo .ht-nav__count{font-size:var(--fs-11);color:var(--text-tertiary);flex:none}.lp-demo .ht-nav__foot{padding:var(--space-3);margin-top:auto}.lp-demo .ht-list{background:var(--surface-raised);border-right:var(--border-width) solid var(--border-subtle);flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.lp-demo .ht-list__head{align-items:center;gap:var(--space-2);min-height:var(--titlebar-h);padding-inline:var(--space-4);border-bottom:var(--border-width) solid var(--border-subtle);flex:none;display:flex}.lp-demo .ht-list__title{font-size:var(--fs-base);font-weight:var(--fw-semibold);min-width:0}.lp-demo .ht-list__body{flex:auto;min-height:0;overflow:auto}.lp-demo .ht-hostlist__search{align-items:center;gap:var(--space-2);margin:var(--space-3);height:var(--control-h-lg);padding-inline:var(--space-3);background:var(--surface-sunken);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-card);color:var(--text-tertiary);font-size:var(--fs-13);display:flex}.lp-demo .ht-hosttools{align-items:center;gap:var(--space-1);margin:var(--space-0) var(--space-3) var(--space-2);display:flex}.lp-demo .ht-hosttools__split{border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-button);align-items:center;display:inline-flex}.lp-demo .ht-hosttools__split .ht-btn{border:0}.lp-demo .ht-hosttools__caret{width:var(--control-h);height:var(--control-h);color:var(--text-secondary);border-inline-start:var(--border-width) solid var(--border-subtle);justify-content:center;align-items:center;display:inline-flex}.lp-demo .ht-btn--ghost{color:var(--text-primary);font-size:var(--fs-13);gap:var(--space-15)}.lp-demo .ht-iconbtn--on{color:var(--accent);background:var(--accent-muted);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.lp-demo .ht-tagrow{align-items:center;gap:var(--space-1);margin:var(--space-0) var(--space-3) var(--space-1);flex-wrap:wrap;display:flex}.lp-demo .ht-tagrow__icon{color:var(--text-tertiary);margin-inline-end:var(--space-1);display:inline-flex}.lp-demo .ht-tagrow .ht-tag{margin-inline-end:var(--space-0)}.lp-demo .ht-num{font-variant-numeric:tabular-nums;white-space:nowrap}.lp-demo .ht-hostgrid{gap:var(--space-4);padding:var(--space-2) var(--space-3) var(--space-3);flex-direction:column;display:flex}.lp-demo .ht-hostgrid__heading{margin:var(--space-0);padding-inline:var(--space-1);color:var(--text-secondary);font-size:var(--fs-12);font-weight:var(--fw-medium)}.lp-demo .ht-hostgrid__cards{justify-content:start;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr));display:grid}.lp-demo .ht-hostrow--card{align-items:center;gap:var(--space-3);width:auto;min-width:0;padding:var(--space-3);background:var(--surface-overlay);border:var(--stroke-tile) solid var(--surface-overlay);border-radius:var(--radius-control);color:var(--text-primary);display:flex;position:relative}.lp-demo .ht-hostrow--card.ht-hostrow--selected{border-color:var(--accent)}.lp-demo .ht-hostrow__glyph{width:var(--space-10);height:var(--space-10);color:var(--on-accent);background:var(--accent);border-radius:var(--radius-control);flex:none;place-items:center;display:grid}.lp-demo .ht-hostrow__text{flex:auto;min-width:0}.lp-demo .ht-hostrow__name{align-items:center;gap:var(--space-1);font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;display:flex;overflow:hidden}.lp-demo .ht-hostrow__fav{color:var(--warning)}.lp-demo .ht-hostrow__meta{text-overflow:ellipsis;white-space:nowrap;color:var(--text-tertiary);font-size:var(--fs-12);overflow:hidden}.lp-demo .ht-ctx-slot{min-height:0;width:min(var(--context-panel-default), 35%);background:var(--surface-raised);border-left:var(--border-width) solid var(--border-subtle);flex-direction:column;flex:none;display:flex}.lp-demo .ht-ctxpanel__head{align-items:center;gap:var(--space-2);min-height:var(--titlebar-h);padding-inline:var(--space-5);border-bottom:var(--border-width) solid var(--border-subtle);flex:none;display:flex}.lp-demo .ht-ctxpanel__headtext{gap:var(--space-05);min-width:0;padding-block:var(--space-2);flex-direction:column;display:flex}.lp-demo .ht-ctxpanel__title{font-size:var(--fs-16);font-weight:var(--fw-semibold);line-height:var(--lh-tight)}.lp-demo .ht-ctxpanel__subtitle{align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:var(--fs-12);display:inline-flex}.lp-demo .ht-panel__body{min-height:0;padding:var(--space-4) var(--space-5) var(--space-3);gap:var(--space-4);flex-direction:column;flex:auto;display:flex;overflow:hidden}.lp-demo .ht-ctxpanel__foot{padding:var(--space-3) var(--space-4);border-top:var(--border-width) solid var(--border-subtle);flex:none;display:flex}.lp-demo .ht-ctxpanel__foot .ht-btn{font-weight:var(--fw-semibold)}.lp-demo .ht-hostform__chain{align-items:center;gap:var(--space-15);padding-inline:var(--space-1);color:var(--text-secondary);font-size:var(--fs-12);display:flex}.lp-demo .ht-hostform__card{gap:var(--space-2);padding:var(--space-4);background:var(--surface-overlay);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-panel);flex-direction:column;flex:none;display:flex}.lp-demo .ht-hostform__card--hero{gap:var(--space-4);background:color-mix(in srgb, var(--surface-overlay) 70%, var(--surface-sunken))}.lp-demo .ht-hostform__section{font-size:var(--fs-13);font-weight:var(--fw-semibold);color:var(--text-primary);letter-spacing:.01em}.lp-demo .ht-hostform__address{align-items:stretch;gap:var(--space-3);min-width:0;display:flex}.lp-demo .ht-hostform__address-mark{width:var(--control-h-lg);height:var(--control-h-lg);border-radius:var(--radius-control);background:var(--accent-deep);color:var(--accent-on-deep);flex:none;place-items:center;display:grid}.lp-demo .ht-field__control{align-items:center;gap:var(--space-2);white-space:nowrap;height:var(--control-h-lg);padding-inline:var(--space-3);background:var(--surface-sunken);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-control);color:var(--text-primary);font-size:var(--fs-14);flex:none;display:flex;overflow:hidden}.lp-demo .ht-hostform__address-field{flex:auto;min-width:0}.lp-demo .ht-field__control[data-focus="1"]{border-color:var(--accent);outline:var(--focus-ring-w) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.lp-demo .ht-hostform__chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.lp-demo .ht-tag{align-items:center;gap:var(--space-1);height:var(--space-5);padding-inline:var(--space-2);background:var(--surface-raised);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:var(--fs-11);display:inline-flex}.lp-demo .ht-hostform__ai-access{gap:var(--space-15);margin-top:var(--space-2);flex-direction:column;display:flex}.lp-demo .ht-hostform__ai-access-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);color:var(--text-secondary);font-size:var(--fs-12);display:flex}.lp-demo .ht-hostform__ai-access-head .ht-faint{font-size:var(--fs-11)}.lp-demo .ht-seg__row{background:var(--surface-sunken);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-control);align-items:stretch;display:flex;overflow:hidden}.lp-demo .ht-seg__item{min-width:0;height:var(--control-h);padding-inline:var(--space-2);border-inline-start:var(--border-width) solid var(--border-subtle);color:var(--text-secondary);white-space:nowrap;flex:1 1 0;place-items:center;display:grid}.lp-demo .ht-seg__item:first-child{border-inline-start:0}.lp-demo .ht-seg__item[data-checked="1"]{background:var(--accent);color:var(--on-accent);font-weight:var(--fw-medium)}.lp-demo .ht-mono{font-family:var(--font-mono)}.lp-demo .ht-faint{color:var(--text-tertiary)}.lp-demo .ht-muted{color:var(--text-secondary)}.lp-demo .ht-work{background:var(--surface-base);flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.lp-demo .ht-work__tabs{align-items:center;gap:var(--space-2);height:var(--tabbar-h);padding-inline:var(--space-3);border-bottom:var(--border-width) solid var(--border-subtle);background:color-mix(in srgb, var(--surface-raised) 92%, var(--surface-base));flex:none;display:flex}.lp-demo .ht-work__tab{align-items:center;gap:var(--space-2);min-width:0;max-width:var(--list-w-min);height:calc(var(--tabbar-h) - var(--space-2));padding-inline:var(--space-2) var(--space-3);border:var(--border-width) solid transparent;border-radius:var(--radius-pill);color:var(--text-tertiary);font-size:var(--fs-base);flex:none;display:inline-flex;position:relative}.lp-demo .ht-work__tab[data-active=true]{background:color-mix(in srgb, var(--success) 32%, var(--surface-raised));border-color:color-mix(in srgb, var(--success) 55%, transparent);color:var(--success);font-weight:var(--fw-medium);box-shadow:0 0 0 1px color-mix(in srgb, var(--success) 18%, transparent)}.lp-demo .ht-tab__close{width:var(--space-5);height:var(--space-5);color:var(--text-tertiary);border-radius:var(--radius-pill);flex:none;justify-content:center;align-items:center;display:inline-flex}.lp-demo .ht-tab__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lp-demo .ht-tab-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-panel);background:var(--success);flex:none}.lp-demo .ht-work__tab[data-active=true] .ht-tab-dot{box-shadow:0 0 0 2px color-mix(in srgb, var(--success) 25%, transparent)}.lp-demo .ht-tab-dot[data-tone=info]{background:var(--info)}.lp-demo .ht-tab-dot[data-tone=warning]{background:var(--warning)}.lp-demo .ht-work__body{min-width:0;min-height:0;padding:var(--space-2);gap:var(--space-2);background:color-mix(in srgb, var(--surface-base) 88%, var(--surface-sunken));flex:auto;display:flex;position:relative}.lp-demo .ht-split{gap:var(--space-2);flex:auto;min-width:0;min-height:0;display:flex}.lp-demo .ht-pane{background:var(--term-bg);border:var(--border-width) solid color-mix(in srgb, var(--border-subtle) 70%, transparent);border-radius:var(--radius-panel);min-width:0;min-height:0;box-shadow:var(--shadow-1);flex-direction:column;flex:1 1 0;display:flex;position:relative;overflow:hidden;container-type:inline-size}.lp-demo .ht-pane[data-active="1"]{border-color:var(--success);box-shadow:inset 0 0 0 var(--focus-ring-w) color-mix(in srgb, var(--success) 35%, transparent), 0 0 0 1px color-mix(in srgb, var(--success) 30%, transparent), var(--shadow-1)}.lp-demo .ht-pane__head{align-items:center;gap:var(--space-2);height:calc(var(--control-h-lg) + var(--space-1));padding-inline:var(--space-3);background:color-mix(in srgb, var(--surface-raised) 88%, var(--term-bg));border-bottom:var(--border-width) solid color-mix(in srgb, var(--border-subtle) 70%, transparent);color:var(--text-tertiary);font-size:var(--fs-12);flex:none;min-width:0;display:flex}.lp-demo .ht-pane[data-active="1"] .ht-pane__head{background:color-mix(in srgb, var(--success-muted) 55%, var(--surface-raised));color:var(--text-secondary)}.lp-demo .ht-pane__target{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:color-mix(in srgb, var(--success) 45%, var(--text-tertiary));font-family:var(--font-mono);font-weight:var(--fw-medium);flex:0 auto;overflow:hidden}.lp-demo .ht-pane[data-active="1"] .ht-pane__target{color:var(--success)}.lp-demo .ht-recbadge{align-items:center;gap:var(--space-1);height:var(--space-5);padding-inline:var(--space-2);background:var(--surface-overlay);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:var(--fs-11);font-weight:var(--fw-medium);white-space:nowrap;flex:none;display:inline-flex}@container (width<=800px){.lp-demo .ht-recbadge{padding-inline:var(--space-1)}.lp-demo .ht-recbadge__label{display:none}}.lp-demo .ht-pane__actions{align-items:center;gap:var(--space-05);color:var(--text-tertiary);flex:none;display:flex}.lp-demo .ht-pane[data-active="1"] .ht-pane__actions{color:color-mix(in srgb, var(--success) 55%, var(--text-secondary))}.lp-demo .ht-pane:not([data-active="1"]) .ht-pane__actions{opacity:.72}.lp-demo .ht-pane__actions .ht-iconbtn{color:inherit}.lp-demo .ht-pane__body{min-height:0;padding:var(--space-2) var(--space-3);flex:auto;overflow:hidden}.lp-demo .ht-term{margin:var(--space-0);font-family:var(--font-mono);font-size:var(--fs-14);line-height:var(--demo-term-line);color:var(--term-fg);white-space:pre-wrap;word-break:break-word}.lp-demo .ht-term [data-tone=dim]{color:var(--text-tertiary)}.lp-demo .ht-term [data-tone=dir]{color:var(--info)}.lp-demo .ht-term [data-tone=exec]{color:var(--success)}.lp-demo .ht-term [data-tone=warn]{color:var(--warning)}.lp-demo .ht-term [data-tone=ok]{color:var(--success)}.lp-demo .ht-term [data-tone=prompt]{color:var(--success);font-weight:var(--fw-medium)}.lp-demo .ht-term [data-tone=path]{color:var(--info)}.lp-demo .ht-cursor{background:var(--term-cursor);vertical-align:text-bottom;width:.55ch;height:1em;animation:lp-demo-blink var(--dur-loop) var(--ease-linear) infinite;margin-inline-start:1px;display:inline-block}.lp-demo[data-reduced="1"] .ht-cursor,.lp-demo[data-compact="1"] .ht-cursor{opacity:1;animation:none}@keyframes lp-demo-blink{0%,45%{opacity:1}50%,to{opacity:0}}.lp-demo .ht-shine{z-index:1;border-radius:inherit;pointer-events:none;position:absolute;overflow:hidden;container-type:size}.lp-demo .ht-shine__spin{width:calc(100cqw + 100cqh);height:calc(100cqw + 100cqh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@supports (background:conic-gradient(from 0deg, transparent, currentColor)) and (width:1cqw) and ((mask-composite:exclude) or (-webkit-mask-composite:xor)){.lp-demo [data-shine]>.ht-shine{padding:calc(2 * var(--border-width));-webkit-mask:linear-gradient(var(--success) 0 0) content-box, linear-gradient(var(--success) 0 0);-webkit-mask:linear-gradient(var(--success) 0 0) content-box, linear-gradient(var(--success) 0 0);mask:linear-gradient(var(--success) 0 0) content-box, linear-gradient(var(--success) 0 0);-webkit-mask-composite:xor;-webkit-mask-composite:xor;mask-composite:exclude}.lp-demo .ht-work__tab[data-shine]>.ht-shine{inset:calc(-1 * var(--border-width))}.lp-demo .ht-pane[data-shine]>.ht-shine{padding:calc(3 * var(--border-width));inset:0}.lp-demo [data-shine] .ht-shine__spin{background-image:conic-gradient(from 0deg, transparent 0deg, color-mix(in srgb, var(--success) 65%, var(--accent)) 45deg, color-mix(in srgb, var(--text-primary) 90%, var(--success)) 70deg 100deg, transparent 110deg);animation:lp-demo-shine var(--dur-shine) var(--ease-linear) infinite}.lp-demo[data-reduced="1"] [data-shine] .ht-shine__spin,.lp-demo[data-compact="1"] [data-shine] .ht-shine__spin{background-image:none;background-color:color-mix(in srgb, var(--text-primary) 45%, var(--success));animation:none}}@keyframes lp-demo-shine{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.lp-demo .ht-pane__overlay{z-index:var(--z-overlay);padding:var(--space-4);background:color-mix(in srgb, var(--scrim) 72%, transparent);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lp-demo .ht-pane__overlay[data-mode=opening]{background:0 0}.lp-demo .ht-pane__overlay-card{align-items:flex-start;gap:var(--space-3);max-width:min(var(--dialog-w-sm), 100%);padding:var(--space-4);background:color-mix(in srgb, var(--surface-overlay) 92%, transparent);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-panel);box-shadow:var(--shadow-2);color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;display:flex}.lp-demo .ht-pane__overlay-row{align-items:center;gap:var(--space-2);display:flex}.lp-demo .ht-pane__overlay-title{font-weight:var(--fw-semibold)}.lp-demo .ht-pane__overlay[data-mode=reconnecting] .ht-pane__overlay-title{color:var(--warning)}.lp-demo .ht-connect{--ht-connect-node:var(--space-8);gap:var(--space-4);width:min(var(--dialog-w-sm), 100%);padding:var(--space-4);background:color-mix(in srgb, var(--term-bg) 88%, transparent);border-radius:var(--radius-panel);color:var(--text-primary);flex-direction:column;display:flex}.lp-demo .ht-connect__head{align-items:center;gap:var(--space-3);min-width:0;display:flex}.lp-demo .ht-connect__avatar{width:var(--space-10);height:var(--space-10);background:var(--accent-muted);border-radius:var(--radius-card);color:var(--accent);flex:none;place-items:center;display:grid}.lp-demo .ht-connect__ident{gap:var(--space-05);flex-direction:column;flex:auto;min-width:0;display:flex}.lp-demo .ht-connect__name{font-size:var(--fs-14);font-weight:var(--fw-semibold);line-height:var(--lh-tight)}.lp-demo .ht-connect__target{text-overflow:ellipsis;white-space:nowrap;color:var(--text-tertiary);font-size:var(--fs-11);line-height:var(--lh-tight);overflow:hidden}.lp-demo .ht-connect__track{justify-content:space-between;align-items:center;display:flex;position:relative}.lp-demo .ht-connect__rail{top:50%;left:calc(var(--ht-connect-node) / 2);right:calc(var(--ht-connect-node) / 2);height:var(--space-05);margin-top:calc(var(--space-05) / -2);background:var(--border-strong);border-radius:var(--radius-pill);position:absolute;overflow:hidden}.lp-demo .ht-connect__fill{background:var(--accent);transform:scaleX(var(--ht-connect-progress,0));transform-origin:0;transition:transform var(--dur-layer) var(--ease-emphasis);position:absolute;inset:0}.lp-demo .ht-connect__spark{inset-block:0;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 65%, transparent), transparent);width:30%;animation:lp-demo-spark var(--dur-loop) var(--ease-linear) infinite;position:absolute;left:0}.lp-demo .ht-connect[data-done="1"] .ht-connect__spark,.lp-demo[data-reduced="1"] .ht-connect__spark{opacity:0}.lp-demo .ht-connect__step{width:var(--ht-connect-node);height:var(--ht-connect-node);flex:none;position:relative}.lp-demo .ht-connect__node{background:var(--surface-raised);border-radius:var(--radius-pill);width:100%;height:100%;box-shadow:inset 0 0 0 var(--border-width) var(--border-default);color:var(--text-tertiary);place-items:center;display:grid;position:relative}.lp-demo .ht-connect__step[data-state=active] .ht-connect__node,.lp-demo .ht-connect__step[data-state=done] .ht-connect__node{background:var(--accent);box-shadow:none;color:var(--on-accent)}.lp-demo .ht-connect__step[data-state=active] .ht-connect__node:after{content:"";inset:calc(-1 * var(--space-05));border:var(--space-05) solid transparent;border-top-color:var(--accent);border-right-color:var(--accent);border-radius:var(--radius-pill);animation:lp-demo-spin var(--dur-loop) var(--ease-linear) infinite;position:absolute}.lp-demo[data-reduced="1"] .ht-connect__step[data-state=active] .ht-connect__node:after{animation:none}.lp-demo .ht-connect__status{margin:var(--space-0);color:var(--text-secondary);font-size:var(--fs-12)}.lp-demo .ht-connect__actions{align-items:center;gap:var(--space-2);display:flex}@keyframes lp-demo-spark{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes lp-demo-spin{to{transform:rotate(360deg)}}.lp-demo .ht-status{align-items:center;gap:var(--space-3);padding-inline:var(--space-3);background:var(--surface-raised);border-top:var(--border-width) solid var(--border-subtle);color:var(--text-tertiary);font-size:var(--fs-11);min-width:0;display:flex;overflow:hidden}.lp-demo .ht-status__item{align-items:center;gap:var(--space-1);white-space:nowrap;flex:none;display:inline-flex}.lp-demo .ht-files{gap:var(--space-3);width:100%;min-width:0;min-height:0;padding:var(--space-3);flex-direction:column;flex:auto;display:flex}.lp-demo .ht-files__panes{gap:var(--space-3);flex:auto;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;display:grid}.lp-demo .ht-fspane{gap:var(--space-2);min-width:0;min-height:0;padding:var(--space-2);background:var(--surface-raised);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-panel);flex-direction:column;display:flex;overflow:hidden}.lp-demo .ht-fspane[data-focus="1"]{border-color:color-mix(in srgb, var(--accent) 50%, var(--border-default))}.lp-demo .ht-fspane__tools{align-items:center;gap:var(--space-1);flex:none;min-width:0;display:flex}.lp-demo .ht-fspane__host{align-items:center;gap:var(--space-2);flex:0 1 var(--nav-w-max);min-width:0;min-height:var(--control-h);padding:var(--space-1) var(--space-2);color:var(--text-primary);background:var(--surface-base);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-button);font-weight:var(--fw-medium);display:inline-flex}.lp-demo .ht-fspane__nav{align-items:center;gap:var(--space-2);min-width:0;padding-block:var(--space-1);border-bottom:var(--border-width) solid var(--border-subtle);flex:none;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.lp-demo .ht-fspane__group{align-items:center;display:flex}.lp-demo .ht-iconbtn[data-disabled="1"]{opacity:.5}.lp-demo .ht-fspane__crumbs{align-items:center;gap:var(--space-05);min-width:0;font-size:var(--fs-12);white-space:nowrap;display:flex;overflow:hidden}.lp-demo .ht-fspane__crumb{padding:var(--space-05) var(--space-2);color:var(--text-secondary)}.lp-demo .ht-fspane__crumb[data-current="1"]{color:var(--text-primary);font-weight:var(--fw-medium)}.lp-demo .ht-fspane__crumb-sep{color:var(--text-tertiary);display:flex}.lp-demo .ht-fsrow{grid-template-columns:var(--icon-lg) minmax(0, 1fr) 9ch 10ch var(--control-h);align-items:center;gap:var(--space-2);height:var(--files-row-h,44px);margin-inline:var(--space-1);padding-inline:var(--space-3);color:var(--text-primary);font-size:var(--fs-12);border:var(--border-width) solid transparent;border-radius:var(--radius-button);flex:none;display:grid}.lp-demo .ht-fsrow--head{height:var(--control-h-lg);color:var(--text-secondary);font-weight:var(--fw-medium);border-bottom-color:var(--border-subtle);border-radius:var(--radius-none)}.lp-demo .ht-fsrow[data-selected="1"]{background:var(--surface-selected);border-color:var(--border-default)}.lp-demo .ht-fspane__rows{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.lp-demo .ht-fsrow__sort{align-items:center;gap:var(--space-05);display:inline-flex}.lp-demo .ht-fsrow__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-base);font-weight:var(--fw-medium);overflow:hidden}.lp-demo .ht-fsrow__size,.lp-demo .ht-fsrow__mode{text-align:end;white-space:nowrap}.lp-demo .ht-fsrow:not(.ht-fsrow--head) .ht-fsrow__size,.lp-demo .ht-fsrow:not(.ht-fsrow--head) .ht-fsrow__mode{color:var(--text-secondary);font-size:var(--fs-11)}.lp-demo .ht-fsrow__more{color:var(--text-tertiary);justify-content:center;display:flex}.lp-demo .ht-fspane__foot{padding:var(--space-1) var(--space-2);color:var(--text-tertiary);font-size:var(--fs-11);flex:none}.lp-demo .ht-xfer{gap:var(--space-2);padding:var(--space-3);background:var(--surface-overlay);border-radius:var(--radius-panel);flex-direction:column;flex:none;display:flex}.lp-demo .ht-xfer__title{gap:var(--space-2);color:var(--text-secondary);font-size:var(--fs-12);font-weight:var(--fw-medium);display:flex}.lp-demo .ht-xfer__row{gap:var(--space-1);padding:var(--space-2);border-top:var(--border-width) solid var(--border-subtle);flex-direction:column;display:flex}.lp-demo .ht-xfer__head{align-items:center;gap:var(--space-2);min-width:0;font-size:var(--fs-11);display:flex}.lp-demo .ht-xfer__host{color:var(--text-secondary);flex:none}.lp-demo .ht-xfer__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono);font-size:var(--fs-12);font-weight:var(--fw-medium);overflow:hidden}.lp-demo .ht-xfer__state{align-items:center;gap:var(--space-1);color:var(--text-secondary);flex:none;display:inline-flex}.lp-demo .ht-xfer__state[data-state=done]{color:var(--success)}.lp-demo .ht-xfer__actions{align-items:center;gap:var(--space-05);flex:none;display:inline-flex}.lp-demo .ht-xfer__meta{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--fs-11);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.lp-demo .ht-xfer__percent{color:var(--text-primary);font-weight:var(--fw-medium)}.lp-demo .ht-xfer__meter{height:var(--space-1);background:var(--surface-active);border-radius:var(--radius-control);display:block;position:relative;overflow:hidden}.lp-demo .ht-xfer__meter-fill{width:100%;height:100%;transform:scaleX(var(--demo-progress,0));transform-origin:0;background:var(--accent);transition:transform var(--dur-panel) var(--ease-out);display:block}.lp-demo[data-reduced="1"] .ht-xfer__meter-fill{transition:none}.lp-demo-controls{align-items:center;gap:var(--space-3);color:var(--text-primary);flex-wrap:wrap;display:flex}.lp-demo-controls fieldset{gap:var(--space-2);margin:var(--space-0);padding:var(--space-0);border:none;flex-wrap:wrap;display:flex}.lp-demo-controls legend{float:left;width:100%;margin-bottom:var(--space-1);color:var(--text-primary);font-size:var(--fs-12);font-weight:var(--fw-medium)}.lp-demo-controls label{align-items:center;gap:var(--space-1);color:var(--text-primary);font-size:var(--fs-13);display:inline-flex}.lp-demo-controls input[type=radio],.lp-demo-controls input[type=checkbox]{accent-color:var(--accent);color:var(--text-primary)}.lp-demo-controls__btn{height:var(--control-h);padding-inline:var(--space-3);background:var(--surface-raised);color:var(--text-primary);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-button);font-size:var(--fs-13);font-weight:var(--fw-medium);position:relative}@media (pointer:coarse){.lp-demo-controls__btn:after{content:"";pointer-events:auto;width:44px;min-width:44px;height:44px;min-height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.lp-demo-controls__btn:focus-visible,.lp-demo-controls input:focus-visible{outline:var(--focus-ring-w) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.lp-demo-controls__btn:hover:not(:disabled){background:var(--surface-hover)}.lp-demo-controls__btn:disabled{opacity:.5}.lp-demo-transcript{color:var(--text-secondary);font-size:var(--fs-12)}.lp-demo-transcript pre{margin:var(--space-2) var(--space-0) var(--space-0);padding:var(--space-3);background:var(--surface-sunken);border-radius:var(--radius-control);font-family:var(--font-mono);font-size:var(--fs-12);color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere}.lp-demo-live{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.lp-demo-tools{font-size:var(--fs-12);color:var(--text-secondary)}.lp-demo-tools ul{margin:var(--space-1) var(--space-0) var(--space-2);font-family:var(--font-mono);color:var(--text-primary);padding-inline-start:var(--space-5)}.lp-demo-badge{height:var(--space-5);padding-inline:var(--space-2);border-radius:var(--radius-pill);background:var(--warning-muted);color:var(--warning);font-size:var(--fs-11);font-weight:var(--fw-medium);align-items:center;display:inline-flex}.lp-demo-badge[data-tone=danger]{background:var(--danger-muted);color:var(--danger)}.lp-demo-badge[data-tone=success]{background:var(--success-muted);color:var(--success)}.lp-demo[data-compact="1"] .lp-demo-stage{flex-direction:column;height:auto;min-height:26rem;display:flex}.lp-demo[data-compact="1"] .lp-demo-stage>.ht-shell{flex:auto;height:auto}.lp-demo[data-compact="1"] .ht-term [data-banner="1"],.lp-demo[data-compact="1"] .ht-tagrow,.lp-demo[data-compact="1"] .ht-hosttools,.lp-demo[data-compact="1"] .ht-header__actions{display:none}.lp-demo[data-compact="1"] .ht-term{font-size:var(--fs-12);line-height:18px}.lp-demo[data-compact="1"] .lp-demo-stage--story{min-height:0}.lp-demo[data-compact="1"] .ht-nav,.lp-demo[data-compact="1"] .ht-header__search,.lp-demo[data-compact="1"] .ht-header__account,.lp-demo[data-compact="1"] .ht-winbtns,.lp-demo[data-compact="1"] .ht-ctx-slot{display:none}.lp-demo[data-compact="1"] .ht-hostrow--card{width:100%;max-width:none}.lp-demo[data-compact="1"] .ht-hostgrid__cards,.lp-demo[data-compact="1"] .ht-files__panes{grid-template-columns:1fr}.lp-demo[data-compact="1"] .ht-fsrow{grid-template-columns:var(--icon-lg) minmax(0, 1fr) var(--control-h);height:var(--control-h)}.lp-demo[data-compact="1"] .ht-fsrow__size,.lp-demo[data-compact="1"] .ht-fsrow__mode,.lp-demo[data-compact="1"] .ht-fspane__nav,.lp-demo[data-compact="1"] .ht-fspane__tools>:not(.ht-fspane__host),.lp-demo[data-compact="1"] .ht-pane__actions,.lp-demo[data-compact="1"] .ht-fsrow--head,.lp-demo[data-compact="1"] .ht-fspane__foot,.lp-demo[data-compact="1"] .ht-header__action--assistant,.lp-demo[data-compact="1"] .ht-xfer__meta{display:none}@media (width<=639px){.lp-demo:not([data-force-desktop="1"]) .lp-demo-stage--story{min-height:0}}.lp-doors-grid{align-items:stretch;gap:var(--space-6);display:grid}.lp-door-column{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.lp-story-panel,.lp-demo-stage.lp-story-panel{background:var(--surface-raised);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-panel);flex-direction:column;min-width:0;display:flex}.lp-story-panel.is-crossfading{opacity:1}.lp-story-header{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--space-10);padding:var(--space-2) var(--space-4);background:var(--surface-sunken);border-bottom:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-panel) var(--radius-panel) 0 0;color:var(--text-primary);font-size:var(--fs-13);font-weight:var(--fw-medium);flex:none;display:flex}.lp-story-intro{padding:var(--space-5) var(--space-5) var(--space-4)}.lp-story-intro h3{text-wrap:balance;color:var(--text-primary);font-family:var(--font-ui);font-size:var(--fs-16);font-weight:var(--fw-semibold);letter-spacing:0;margin:0;line-height:1.35}.lp-story-intro p{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:var(--fs-13);line-height:1.5}.lp-browser-console{margin:0 var(--space-5);padding:var(--space-4);background:var(--term-bg);color:var(--term-fg);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-control);font-family:var(--font-mono);font-size:var(--fs-13);overflow-wrap:anywhere;flex:1;line-height:1.65}.lp-browser-console p{white-space:pre-wrap;margin:0}.lp-browser-console .lp-browser-command{margin-top:var(--space-3)}.lp-browser-prompt{color:var(--text-secondary)}.lp-browser-success{color:var(--success)}.lp-browser-denied{color:var(--danger)}.lp-browser-features{margin:var(--space-4) var(--space-5);color:var(--text-secondary);font-size:var(--fs-13);gap:0;padding:0;line-height:1.5;list-style:none;display:grid}.lp-browser-features li{padding:var(--space-2) 0 var(--space-2) var(--space-3);border-top:var(--border-width) solid var(--border-subtle);position:relative}.lp-browser-features li:before{content:"";top:calc(var(--space-2) + var(--space-2));width:var(--space-1);height:var(--space-1);border-radius:var(--radius-pill);background:var(--text-secondary);position:absolute;left:0}.lp-browser-features code{font-family:var(--font-mono)}.lp-mcp-transcript{gap:var(--space-2);min-height:calc(var(--space-10) * 9);padding:0 var(--space-5) var(--space-5);font-size:var(--fs-13);flex-direction:column;line-height:1.45;display:flex}.lp-mcp-user{padding:var(--space-2) var(--space-3);border-radius:var(--radius-control) var(--radius-control) var(--radius-sm) var(--radius-control);background:var(--surface-selected);color:var(--text-primary);align-self:flex-end;margin:0}.lp-mcp-call{align-items:center;gap:var(--space-2);min-height:var(--space-10);padding:var(--space-2) var(--space-3);background:var(--surface-sunken);border-radius:var(--radius-control);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.lp-mcp-call code{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--text-primary)}.lp-mcp-args{min-width:0;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-11);overflow-wrap:anywhere}.lp-mcp-success{color:var(--success)}.lp-mcp-status{font-family:var(--font-mono);font-size:var(--fs-12)}.lp-mcp-read{background:var(--surface-sunken);border-radius:var(--radius-control)}.lp-mcp-result{margin:0 var(--space-3);padding:var(--space-2) 0 var(--space-3);border-top:var(--border-width) solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-12);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.lp-mcp-refusal{border-radius:var(--radius-control)}.lp-mcp-refusal[data-denied=true],.lp-mcp-refusal[data-denied=true] .lp-mcp-call{background:var(--danger-muted)}.lp-mcp-refusal[data-denied=true] .lp-mcp-status{color:var(--danger)}.lp-mcp-refusal p{padding:0 var(--space-3) var(--space-3);color:var(--danger);font-family:var(--font-mono);font-size:var(--fs-12);overflow-wrap:anywhere;margin:0}.lp-story-footer{justify-content:space-between;align-items:center;gap:var(--space-2);min-width:0;min-height:var(--control-h);flex-wrap:wrap;display:flex}.lp-story-footer .lp-demo-caption{font-size:var(--fs-12)}.lp-demo-controls--small{gap:var(--space-1)}.lp-demo-controls--small button{font-size:var(--fs-12);color:var(--text-primary);background:var(--surface-raised);border-color:var(--border-strong)}.lp-demo-controls--small button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.lp-demo-controls--small button:disabled{opacity:.7;color:var(--text-secondary);cursor:default}.lp-demo-controls--small button[aria-pressed=true]{background:var(--surface-selected);border-color:var(--accent)}.lp-story-disclosures{gap:var(--space-3) var(--space-5);flex-wrap:wrap;align-items:start;display:flex}.lp-story-disclosures details[open]{flex-basis:100%}.lp-story-disclosures summary,.lp-demo-transcript summary{cursor:pointer}.lp-story-enter{animation:lp-story-enter var(--dur-panel) var(--ease-out)}@keyframes lp-story-enter{0%{transform:translateY(var(--space-1))}to{transform:translateY(0)}}@media (width>=1024px){.lp-doors-grid{gap:var(--space-3) var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.lp-doors-grid>.lp-door-column,.lp-doors-grid>.lp-mcp-demo{grid-row:span 3;grid-template-rows:subgrid;gap:var(--space-3);display:grid}}@media (width<=639px){.lp-story-intro{padding:var(--space-4)}.lp-story-header{padding-inline:var(--space-3);font-size:var(--fs-12)}.lp-browser-console{margin-inline:var(--space-4);padding:var(--space-3)}.lp-browser-features{margin-inline:var(--space-4)}.lp-mcp-transcript{min-height:0;padding-inline:var(--space-4)}.lp-mcp-call{gap:var(--space-15);padding-inline:var(--space-2)}.lp-mcp-call code{font-size:var(--fs-11)}}@media (prefers-reduced-motion:reduce){.lp-story-enter{animation:none}}.lp-demo[data-reduced="1"] .lp-story-enter{animation:none}.lp-connector-steps{gap:var(--space-2);min-height:calc(var(--space-10) * 8);padding:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;list-style:none;display:grid}.lp-connector-step{min-width:0;padding:var(--space-3);border-radius:var(--radius-control);outline:var(--focus-ring-w) solid transparent;outline-offset:calc(var(--border-width) * -1);position:relative}.lp-connector-step.is-active{outline-color:var(--accent)}.lp-connector-step__heading{align-items:center;gap:var(--space-2);display:flex}.lp-connector-step h3{text-wrap:balance;font-size:var(--fs-16);font-weight:var(--fw-semibold);margin:0}.lp-connector-number{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-pill);background:var(--surface-selected);color:var(--accent);font-size:var(--fs-12);font-weight:var(--fw-semibold);flex:none;place-items:center;display:grid}.lp-connector-step:not(:last-child) .lp-connector-step__heading:after{content:"";height:var(--border-width);background:var(--border-subtle);flex:1;margin-inline-start:var(--space-2)}.lp-connector-meaning{min-height:calc(var(--space-10) + var(--space-2));margin:var(--space-3) 0 var(--space-3);color:var(--text-secondary);font-size:var(--fs-13);line-height:1.5}.lp-connector-artifact{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.lp-connector-code,.lp-connector-link,.lp-connector-policy{width:100%;padding:var(--space-3);background:var(--surface-sunken);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-control)}.lp-connector-code{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.lp-connector-code code,.lp-connector-link code{font-family:var(--font-mono);font-size:var(--fs-12);line-height:1.65}.lp-connector-link{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.lp-connector-link code{overflow-wrap:anywhere}.lp-connector-note{color:var(--text-secondary);font-size:var(--fs-12);margin:0;line-height:1.5}.lp-connector-note code{font-family:var(--font-mono)}.lp-connector-policy{gap:var(--space-3);flex-direction:column;display:flex}.lp-connector-policy__switch{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--fs-13);display:flex}.lp-connector-policy__switch button:disabled{opacity:1}.lp-connector-policy__tags{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.lp-connector-policy__tags>span:first-child{width:var(--space-8);color:var(--text-secondary);font-size:var(--fs-11)}.lp-connector-revoke{justify-content:flex-end;width:100%;display:flex}.lp-connector-revoke button[data-danger]{color:var(--danger);background:var(--surface-raised);border-color:var(--danger);font-size:var(--fs-12);transition:transform var(--dur-panel) var(--ease-out)}.lp-connector-revoke button:disabled{opacity:1;cursor:default}.lp-connector-revoke button:not(:disabled):hover{background:var(--danger-muted)}.lp-connector-artifact>a{font-size:var(--fs-12)}.lp-connector-revoked{width:100%;padding:var(--space-3);background:var(--danger-muted);border-radius:var(--radius-control)}.lp-connector-revoked p{margin:var(--space-2) 0 0;color:var(--text-primary);font-size:var(--fs-12);line-height:1.5}@media (width<=1023px){.lp-connector-steps{gap:var(--space-1);min-height:0;padding:var(--space-3);grid-template-columns:minmax(0,1fr)}.lp-connector-step{padding:var(--space-3) var(--space-3) var(--space-5) var(--space-12)}.lp-connector-number{left:var(--space-3);top:var(--space-3);z-index:1;position:absolute}.lp-connector-step:not(:last-child):before{content:"";left:calc(var(--space-6) - var(--border-width));top:calc(var(--space-3) + var(--space-6));bottom:calc(var(--space-4) * -1);width:var(--border-width);background:var(--border-subtle);position:absolute}.lp-connector-step:not(:last-child) .lp-connector-step__heading:after{display:none}.lp-connector-step__heading{min-height:var(--space-6)}.lp-connector-meaning{min-height:0;margin-top:var(--space-2)}}.lp-demo .ht-nav__count,.lp-demo .ht-xfer__meta,.lp-demo .lp-connector-number{font-variant-numeric:tabular-nums}.lp-demo .ht-ai-dock{--demo-ai-message-fs:var(--fs-13);--demo-ai-message-gap:var(--space-2);--demo-ai-row-h:calc(var(--icon-sm) + var(--space-2));border-left:var(--border-width) solid var(--border-subtle);background:var(--surface-base);flex-direction:column;flex:none;width:35%;min-width:0;min-height:0;display:flex;overflow:hidden}.lp-demo .ht-ai-header{gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-raised);border-bottom:var(--border-width) solid var(--border-subtle);flex-direction:column;flex:none;display:flex}.lp-demo .ht-ai-header__top,.lp-demo .ht-ai-header__meta,.lp-demo .ht-ai-header__actions{align-items:center;gap:var(--space-1);min-width:0;display:flex}.lp-demo .ht-ai-header__top{min-height:var(--control-h)}.lp-demo .ht-ai-header__meta{flex:auto}.lp-demo .ht-ai-header__actions{flex:none}.lp-demo .ht-ai-header__actions .ht-iconbtn{width:var(--space-6)}.lp-demo .ht-ai-header__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-12);font-weight:var(--fw-semibold);flex:0 auto;overflow:hidden}.lp-demo .ht-ai-header__meta>.ht-icon-box{color:var(--text-tertiary)}.lp-demo .ht-ai-header__target{color:var(--text-secondary);font-size:var(--fs-11);white-space:nowrap;flex:none}.lp-demo .ht-ai-feed{min-height:0;padding:var(--space-2) var(--space-3);flex-direction:column;flex:auto;justify-content:flex-end;display:flex;overflow:hidden}.lp-demo .ht-ai-feed__items{flex-direction:column;flex:none;width:100%;min-width:0;display:flex}.lp-demo .ht-ai-msg{min-width:0;margin-top:var(--demo-ai-message-gap);font-size:var(--demo-ai-message-fs);line-height:var(--lh-text);overflow-wrap:anywhere;flex:none}.lp-demo .ht-ai-feed__items>:first-child{margin-top:var(--space-0)}.lp-demo .ht-ai-msg--user{flex-direction:column;align-items:flex-end;display:flex}.lp-demo .ht-ai-msg__bubble{max-width:85%;padding:var(--space-2) var(--space-3);background:var(--surface-raised);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-1)}.lp-demo .ht-ai-msg__user-time,.lp-demo .ht-ai-msg__time{color:var(--text-tertiary);font-size:var(--fs-11)}.lp-demo .ht-ai-msg__user-time{margin-top:var(--space-05)}.lp-demo .ht-ai-msg__time{margin-left:auto}.lp-demo .ht-ai-msg__meta{align-items:center;gap:var(--space-1);margin-bottom:var(--space-1);color:var(--text-secondary);font-size:var(--fs-11);display:flex}.lp-demo .ht-ai-msg__meta strong{color:var(--text-primary);font-weight:var(--fw-semibold)}.lp-demo .ht-ai-markdown{gap:var(--space-2);flex-direction:column;display:flex}.lp-demo .ht-ai-markdown p{margin:var(--space-0)}.lp-demo .ht-ai-markdown strong{font-weight:var(--fw-semibold)}.lp-demo .ht-ai-markdown code{padding-inline:var(--space-05);font-family:var(--font-mono);font-size:var(--fs-12);background:var(--surface-sunken);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-sm)}.lp-demo .ht-ai-step{min-width:0;font-size:var(--fs-12);color:var(--text-secondary);flex:none}.lp-demo .ht-ai-step--row{align-items:center;gap:var(--space-15);height:var(--demo-ai-row-h);padding-inline:var(--space-15);display:flex}.lp-demo .ht-ai-step__chevron{color:var(--text-tertiary);display:inline-flex}.lp-demo .ht-ai-step__spinner{animation:lp-demo-spin var(--dur-loop) var(--ease-linear) infinite}.lp-demo .ht-ai-step__sudo{font-family:var(--font-mono);color:var(--warning);flex:none}.lp-demo .ht-ai-step__cmd{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono);color:var(--text-primary);flex:auto;overflow:hidden}.lp-demo .ht-ai-step__outcome{font-size:var(--fs-11);flex:none}.lp-demo .ht-ai-step--row[data-state=running] .ht-ai-step__cmd{color:var(--text-secondary)}.lp-demo .ht-ai-step--card{gap:var(--space-15);margin-block:var(--space-2) var(--space-1);padding:var(--space-2);background:var(--surface-raised);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-card);flex-direction:column;display:flex}.lp-demo .ht-ai-step__card-head{align-items:center;gap:var(--space-15);min-width:0;display:flex}.lp-demo .ht-ai-step__card-head>.ht-icon-box{color:var(--text-tertiary)}.lp-demo .ht-ai-step__card-title{min-width:0;font-weight:var(--fw-medium);color:var(--text-primary);flex:auto}.lp-demo .ht-ai-step__card-head .lp-demo-badge{padding-inline:var(--space-15)}.lp-demo .ht-ai-step__command{margin:var(--space-0);padding:var(--space-15) var(--space-2);background:var(--surface-sunken);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-button);font-family:var(--font-mono);color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere}.lp-demo .ht-ai-step__command code{font:inherit}.lp-demo .ht-ai-step__note{color:var(--text-tertiary);font-size:var(--fs-11);overflow-wrap:anywhere}.lp-demo .ht-ai-step__target{font-family:var(--font-mono);color:var(--text-secondary)}.lp-demo .ht-ai-step__why{overflow-wrap:anywhere}.lp-demo .ht-ai-step__why>span{color:var(--text-tertiary)}.lp-demo .ht-ai-step__buttons{align-items:center;gap:var(--space-1);display:flex}.lp-demo .ht-ai-step__run[data-pressed="1"]{background:var(--cta-hover);border-color:var(--accent);outline:var(--focus-ring-w) solid var(--focus-ring);outline-offset:var(--focus-ring-offset);transform:translateY(var(--border-width)) scale(.96)}.lp-demo .ht-ai-composer{padding:var(--space-2) var(--space-3) var(--space-3);border-top:var(--border-width) solid var(--border-subtle);flex:none}.lp-demo .ht-ai-composer__banner{padding:var(--space-2);margin-bottom:var(--space-2);background:var(--warning-muted);border:var(--border-width) solid var(--warning);border-radius:var(--radius-card);font-size:var(--fs-12)}.lp-demo .ht-ai-composer__box{border:var(--border-width) solid var(--border-default);border-radius:var(--radius-card);background:var(--surface-raised)}.lp-demo .ht-ai-composer__box[data-typing="1"]{border-color:var(--accent)}.lp-demo .ht-ai-composer__textarea{min-height:calc(var(--space-12) + var(--space-1));padding:var(--space-2) var(--space-3);font-size:var(--fs-13);overflow-wrap:anywhere}.lp-demo .ht-ai-composer__foot{align-items:center;gap:var(--space-1);padding:var(--space-15) var(--space-2);border-top:var(--border-width) solid var(--border-subtle);display:flex;container:demo-ai-composer/inline-size}.lp-demo .ht-ai-composer__foot>.ht-iconbtn{width:var(--space-6)}.lp-demo .ht-ai-composer__model{justify-content:space-between;align-items:center;gap:var(--space-1);min-width:0;height:var(--control-h);padding-inline:var(--space-2);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-base);font-size:var(--fs-11);white-space:nowrap;flex:auto;display:flex}.lp-demo .ht-ai-composer__model-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.lp-demo .ht-ai-composer__send[data-disabled="1"]{opacity:.5}@container demo-ai-composer (width<=280px){.lp-demo .ht-ai-composer__foot>.ht-iconbtn{display:none}}.lp-demo .ht-ai-dock[data-finished="1"]{--demo-ai-message-fs:var(--fs-11);--demo-ai-message-gap:var(--space-1);--demo-ai-row-h:calc(var(--icon-sm) + var(--space-1))}.lp-demo .ht-ai-dock[data-finished="1"] .ht-ai-markdown{gap:var(--space-1)}.lp-demo .ht-ai-dock[data-finished="1"] .ht-ai-markdown code,.lp-demo .ht-ai-dock[data-finished="1"] .ht-ai-step{font-size:var(--fs-11)}.lp-demo .ht-ai-dock[data-finished="1"] .ht-ai-step--row{height:auto;min-height:var(--demo-ai-row-h)}.lp-demo .ht-ai-dock[data-finished="1"] .ht-ai-step__cmd{white-space:normal;overflow-wrap:anywhere;overflow:visible}.lp-demo .ht-ai-dock[data-finished="1"] .ht-ai-msg__bubble{padding:var(--space-1) var(--space-2)}.lp-demo .ht-ai-dock[data-finished="1"] .ht-ai-composer__textarea{min-height:var(--space-8);font-size:var(--fs-12)}.lp-demo .ht-term [data-tone=error]{color:var(--danger)}.lp-demo[data-reduced="1"] .ht-ai-step__spinner,.lp-demo[data-compact="1"] .ht-ai-step__spinner{animation:none}@media (prefers-reduced-motion:reduce){.lp-demo .ht-ai-step__spinner{animation:none}}@media (width>=640px) and (width<=1023px){.lp-demo .lp-demo-stage[data-ai-finished="1"],.lp-demo .lp-demo-stage[data-ai-finished="1"]>.ht-shell{height:auto;min-height:var(--demo-frame-h)}.lp-demo .ht-ai-dock[data-finished="1"] .ht-ai-feed{flex:none}}@media (width<=639px){.lp-demo:not([data-force-desktop="1"]) .lp-demo-stage:not(.lp-demo-stage--story){flex-direction:column;height:24rem;min-height:0;display:flex}.lp-demo:not([data-force-desktop="1"]) .lp-demo-stage>.ht-shell{flex:auto;height:auto;min-height:0}.lp-demo:not([data-force-desktop="1"]) .ht-ai-dock,.lp-demo:not([data-force-desktop="1"]) .ht-nav,.lp-demo:not([data-force-desktop="1"]) .ht-ctx-slot,.lp-demo:not([data-force-desktop="1"]) .ht-header__search,.lp-demo:not([data-force-desktop="1"]) .ht-header__actions,.lp-demo:not([data-force-desktop="1"]) .ht-winbtns,.lp-demo:not([data-force-desktop="1"]) .ht-header__action[data-active=false],.lp-demo:not([data-force-desktop="1"]) .ht-header__action--assistant,.lp-demo:not([data-force-desktop="1"]) .ht-pane__actions{display:none}.lp-demo:not([data-force-desktop="1"]) .ht-header{gap:var(--space-2);padding-inline:var(--space-2)}.lp-demo:not([data-force-desktop="1"]) .ht-term{font-size:var(--fs-12);line-height:18px}}@media (width<=379px){.lp-demo:not([data-force-desktop="1"]) .ht-term{font-size:var(--fs-11);line-height:16px}}.lp-demo-caption__narrow{display:none}@media (width<=639px){.lp-demo:not([data-force-desktop="1"]) .lp-demo-caption__wide{display:none}.lp-demo:not([data-force-desktop="1"]) .lp-demo-caption__narrow{display:inline}}@media (width>=640px) and (width<=1023px){.lp-demo:not([data-force-desktop="1"]) .ht-header__account,.lp-demo:not([data-force-desktop="1"]) .ht-header__search .ht-kbd-group{display:none}}:root[data-material=glass] .lp-demo{--glass-opacity:.62;--glass-floor:#0000004d;--glass-tone:var(--n-1);--glass-window:color-mix(in srgb, var(--glass-tone) calc(var(--glass-opacity) * 100%), transparent);--glass-float:color-mix(in srgb, var(--n-3) 72%, transparent);--glass-blur:blur(24px) saturate(170%);--glass-rim:color-mix(in srgb, var(--n-11) 13%, transparent);--glass-highlight:color-mix(in srgb, var(--n-11) 18%, transparent);--glass-highlight-soft:color-mix(in srgb, var(--n-11) 8%, transparent);--glass-shade:#0000002e;--glass-sheen:linear-gradient(to bottom, color-mix(in srgb, var(--n-11) 6%, transparent), transparent 42%);--glass-edges:inset 0 1px 0 var(--glass-highlight), inset 0 0 0 var(--border-width) var(--glass-rim), inset 0 -1px 0 var(--glass-shade);--glass-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--glass-card:color-mix(in srgb, var(--n-11) 7%, transparent)}:root[data-material=glass] .lp-demo[data-theme=dark],:root[data-material=glass] .lp-demo[data-theme=light]{--surface-base:transparent;--surface-raised:color-mix(in srgb, var(--n-11) 4%, transparent);--surface-overlay:var(--glass-card);--surface-sunken:color-mix(in srgb, var(--n-0) 38%, transparent);--surface-hover:color-mix(in srgb, var(--n-11) 7%, transparent);--surface-active:color-mix(in srgb, var(--n-11) 11%, transparent);--surface-selected:color-mix(in srgb, var(--n-11) 12%, transparent);--interact-hover:color-mix(in srgb, var(--n-11) 9%, transparent);--interact-press:color-mix(in srgb, var(--n-11) 14%, transparent);--text-secondary:color-mix(in srgb, var(--n-11) 88%, transparent);--text-tertiary:color-mix(in srgb, var(--n-11) 72%, transparent);--border-subtle:color-mix(in srgb, var(--n-11) 9%, transparent);--border-default:color-mix(in srgb, var(--n-11) 14%, transparent);--border-strong:color-mix(in srgb, var(--n-11) 22%, transparent);--accent-muted:color-mix(in srgb, var(--accent) 20%, transparent);--success-muted:color-mix(in srgb, var(--success) 15%, transparent);--warning-muted:color-mix(in srgb, var(--warning) 15%, transparent);--danger-muted:color-mix(in srgb, var(--danger) 15%, transparent);--info-muted:color-mix(in srgb, var(--info) 15%, transparent);--running-muted:color-mix(in srgb, var(--running) 15%, transparent);--shadow-1:0 1px 2px #0000004d;--shadow-2:0 18px 40px -18px #0009, 0 6px 16px -10px #00000073;--term-bg:#080a1099}:root[data-material=glass] .lp-demo[data-theme=light]{--glass-tone:var(--n-2);--glass-floor:#ffffff59;--glass-float:color-mix(in srgb, var(--n-0) 72%, transparent);--glass-blur:blur(24px) saturate(160%);--glass-rim:color-mix(in srgb, var(--n-11) 10%, transparent);--glass-highlight:#ffffffd9;--glass-highlight-soft:#ffffff80;--glass-shade:color-mix(in srgb, var(--n-11) 6%, transparent);--glass-sheen:linear-gradient(to bottom, #ffffff59, transparent 42%);--glass-grain:none;--glass-card:color-mix(in srgb, var(--n-0) 55%, transparent);--surface-raised:color-mix(in srgb, var(--n-0) 42%, transparent);--surface-sunken:color-mix(in srgb, var(--n-0) 62%, transparent);--text-secondary:color-mix(in srgb, var(--n-11) 84%, transparent);--text-tertiary:color-mix(in srgb, var(--n-11) 68%, transparent);--surface-hover:color-mix(in srgb, var(--n-11) 6%, transparent);--surface-active:color-mix(in srgb, var(--n-11) 9%, transparent);--surface-selected:color-mix(in srgb, var(--accent) 12%, transparent);--border-default:color-mix(in srgb, var(--n-11) 15%, transparent);--border-strong:color-mix(in srgb, var(--n-11) 24%, transparent);--accent-muted:color-mix(in srgb, var(--accent) 14%, transparent);--success-muted:color-mix(in srgb, var(--success) 12%, transparent);--warning-muted:color-mix(in srgb, var(--warning) 12%, transparent);--danger-muted:color-mix(in srgb, var(--danger) 12%, transparent);--info-muted:color-mix(in srgb, var(--info) 12%, transparent);--running-muted:color-mix(in srgb, var(--running) 12%, transparent);--shadow-1:0 1px 2px #10182814;--shadow-2:0 18px 40px -18px #10182847, 0 6px 16px -10px #1018282e;--term-bg:#ffffffb3}:root[data-material=glass] .lp-demo .lp-demo-stage{background-color:var(--glass-tone);background-image:var(--glass-grain), linear-gradient(var(--glass-window), var(--glass-window)), linear-gradient(var(--glass-floor), var(--glass-floor)), radial-gradient(60% 70% at 12% 16%, color-mix(in srgb, var(--accent) 60%, transparent), transparent 72%), radial-gradient(55% 60% at 90% 22%, color-mix(in srgb, var(--running) 50%, transparent), transparent 72%), radial-gradient(70% 70% at 58% 104%, color-mix(in srgb, var(--success) 40%, transparent), transparent 72%);border-color:var(--glass-rim);box-shadow:inset 0 1px 0 var(--glass-highlight-soft)}:root[data-material=glass] .lp-demo .ht-pane__head,:root[data-material=glass] .lp-demo :is(.ht-hostrow,.ht-hostform__card,.ht-panel,.ht-fspane,.ht-xfer){box-shadow:inset 0 1px 0 var(--glass-highlight-soft)}:root[data-material=glass] .lp-demo :is(.ht-header__action[aria-pressed=true],.ht-nav__item[aria-current=page],.ht-work__tab[aria-selected=true],.ht-tab[aria-selected=true]){box-shadow:inset 0 1px 0 var(--glass-highlight), inset 0 0 0 var(--border-width) var(--glass-rim)}:root[data-material=glass] .lp-demo :is(.ht-pane__overlay-card,.ht-connect){background-color:var(--glass-float);background-image:var(--glass-sheen);border-color:var(--glass-rim);box-shadow:var(--glass-edges), var(--shadow-2);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}