.client-preview{--cp-window-title:#a9c5f8;--cp-title-ink:#1c355d;--cp-brand-ink:#18191d;--cp-nav:#d0defb;--cp-nav-ink:#1c355d;--cp-nav-active:#aec7f7;--cp-nav-active-ink:#18191d;--cp-canvas:#fbf9ff;--cp-card:#fbf9ff;--cp-card-shadow:0 .15cqw .9cqw #1828501a;--cp-panel:#f3f2f8;--cp-tile:#f1f0f6;--cp-ink:#18191d;--cp-muted:#626a79;--cp-blue:#2b59a8;--cp-active:#d9e5fb;--cp-tile-active:#d9e5fb;--cp-on-active:#2b59a8;--cp-chip:#eceaf4;--cp-shape-ink:#4a5162;--cp-shape-active-ink:#f4f7ff;--cp-mark-bg:#fbf9ff;--cp-window-border:#18191d1a;--cp-window-shadow:0 3cqw 6cqw -1.5cqw #15233c59;--cp-outline:#18191d1a;--cp-chart:#e6e9f6}:root[data-theme=dark] .client-preview{--cp-window-title:#1c4487;--cp-title-ink:#dfe8fa;--cp-brand-ink:#fff;--cp-nav:#1a3b78;--cp-nav-ink:#c9d6f2;--cp-nav-active:#2a58a8;--cp-nav-active-ink:#fff;--cp-canvas:#0f1012;--cp-card:#1b1c21;--cp-card-shadow:none;--cp-panel:#25262c;--cp-tile:#2b2c32;--cp-ink:#f2f3f7;--cp-muted:#a9acb7;--cp-blue:#a7bdf3;--cp-active:#1e468f;--cp-tile-active:#1e468f;--cp-on-active:#d3e0fc;--cp-chip:#2b2c32;--cp-shape-ink:#e8edf8;--cp-shape-active-ink:#17315f;--cp-mark-bg:#17181c;--cp-window-border:#ffffff1f;--cp-window-shadow:0 3cqw 6cqw -1.5cqw #00000073;--cp-outline:#ffffff12;--cp-chart:#272b37}:root:root .client-preview[data-scheme=material]{--cp-window-title:color-mix(in oklab, var(--md-sys-color-primary) 34%, var(--md-sys-color-primary-container));--cp-title-ink:var(--md-sys-color-on-primary-container);--cp-brand-ink:var(--md-sys-color-on-primary-container);--cp-nav:var(--md-sys-color-primary-container);--cp-nav-ink:var(--md-sys-color-on-primary-container);--cp-nav-active:color-mix(in oklab, var(--md-sys-color-primary) 30%, var(--md-sys-color-primary-container));--cp-nav-active-ink:var(--md-sys-color-on-primary-container);--cp-canvas:var(--md-sys-color-surface);--cp-card:var(--md-sys-color-surface-container);--cp-panel:var(--md-sys-color-surface-container-high);--cp-tile:var(--md-sys-color-surface-container-highest);--cp-ink:var(--md-sys-color-on-surface);--cp-muted:var(--md-sys-color-on-surface-variant);--cp-blue:var(--md-sys-color-primary);--cp-active:var(--md-sys-color-primary-container);--cp-tile-active:var(--md-sys-color-primary-container);--cp-on-active:var(--md-sys-color-on-primary-container);--cp-chip:var(--md-sys-color-surface-container-highest);--cp-shape-ink:var(--md-sys-color-on-surface-variant);--cp-shape-active-ink:var(--md-sys-color-on-primary-container);--cp-mark-bg:var(--md-sys-color-surface-container-lowest);--cp-window-border:var(--md-sys-color-outline-variant);--cp-outline:var(--md-sys-color-outline-variant);--cp-chart:var(--md-sys-color-surface-container-high)}.client-preview{width:100%;min-width:0;color:var(--cp-ink);text-align:left;font-family:Inter,system-ui,PingFang SC,sans-serif;font-size:1.4cqw;line-height:1.35;container-type:inline-size}.cp-window{aspect-ratio:5/3;border:1px solid var(--cp-window-border);background:var(--cp-canvas);box-shadow:var(--cp-window-shadow);border-radius:2.5cqw;flex-direction:column;display:flex;position:relative;overflow:hidden}.cp-titlebar{background:var(--cp-window-title);height:3.9cqw;color:var(--cp-title-ink);flex:none;align-items:center;padding-inline:2.4cqw;font-size:1.45cqw;display:flex;position:relative}.cp-traffic-lights{gap:.85cqw;margin-right:3.3cqw;display:flex}.cp-traffic-lights i{border-radius:50%;width:1.35cqw;height:1.35cqw}.cp-traffic-lights i[data-color=close]{background:#ff5f57}.cp-traffic-lights i[data-color=minimize]{background:#febc2e}.cp-traffic-lights i[data-color=zoom]{background:#28c840}.cp-menus{align-items:center;gap:2.6cqw;display:flex}.cp-brand{white-space:nowrap;align-items:center;gap:.75cqw;display:flex;position:absolute;left:50%;transform:translate(-50%)}.cp-brand img{object-fit:contain;width:1.8cqw;height:2cqw}.cp-brand strong{color:var(--cp-brand-ink);font-size:1.6cqw;font-weight:700}.cp-nav{background:var(--cp-nav);flex:none;align-items:center;height:4.5cqw;padding-inline:1.15cqw;display:flex}.cp-nav-item{min-width:0;height:3.45cqw;color:var(--cp-nav-ink);font:inherit;white-space:nowrap;background:0 0;border:0;border-radius:2cqw;align-items:center;gap:.9cqw;padding-inline:1.65cqw;font-size:1.5cqw;font-weight:500;display:flex}.client-preview .cp-nav-item,.client-preview .cp-tile{font:inherit}.client-preview .cp-nav-item{font-size:1.5cqw;font-weight:500}.cp-nav-item:disabled{cursor:default}.cp-nav-item[data-active=true]{background:var(--cp-nav-active);color:var(--cp-nav-active-ink)}.cp-nav-item svg{flex:none;width:1.6cqw;height:1.6cqw}.cp-dashboard{box-sizing:border-box;flex:1;grid-template-rows:15cqw 15cqw minmax(0,1fr);align-content:start;gap:1.55cqw;min-height:0;padding:1.55cqw;display:grid}.cp-metrics-grid,.cp-feature-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1.55cqw;min-width:0;display:grid}.cp-card{background:var(--cp-card);min-width:0;box-shadow:var(--cp-card-shadow);border-radius:2.8cqw;position:relative;overflow:hidden}.cp-metric-card{flex-direction:column;grid-column:span 3;justify-content:space-between;padding:1.55cqw 1.55cqw 1.6cqw;display:flex}.cp-sparkline{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cp-sparkline svg{width:100%;height:100%;overflow:visible}.cp-sparkline-slide{will-change:transform;height:100%}.cp-sparkline-stretch{transform-origin:bottom;will-change:transform;width:100%;height:100%}.cp-sparkline-area{fill:var(--cp-chart)}.cp-sparkline-line{fill:none;stroke:var(--cp-blue)}.cp-metric-heading{z-index:1;align-items:center;gap:.75cqw;min-width:0;font-size:1.6cqw;font-weight:600;display:flex}.cp-metric-heading svg{flex:none;width:1.65cqw;height:1.65cqw}.cp-metric-heading span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cp-metric-value{z-index:1;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:2.55cqw;font-weight:700;overflow:hidden}.cp-metric-total{z-index:1;min-height:1.9cqw;color:var(--cp-ink);white-space:nowrap;font-size:1.35cqw}.cp-feature-card{flex-direction:column;padding:1.55cqw 1.5cqw 1.15cqw;display:flex}.cp-proxy-card,.cp-mode-card,.cp-core-card{grid-column:span 4}.cp-feature-heading{align-items:center;gap:1.1cqw;min-width:0;min-height:2.4cqw;margin-bottom:1.2cqw;display:flex}.cp-feature-heading h2{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;align-items:center;gap:.8cqw;min-width:0;margin:0;font-size:1.6cqw;font-weight:600;display:flex;overflow:hidden}.cp-feature-heading h2 svg{flex:none;width:1.65cqw;height:1.65cqw}.cp-status-chip{text-align:center;background:var(--cp-active);min-width:0;height:2.1cqw;color:var(--cp-on-active);text-overflow:ellipsis;white-space:nowrap;border-radius:1.1cqw;flex:0 auto;padding-inline:.85cqw;font-size:1.3cqw;font-weight:500;line-height:2.1cqw;display:block;overflow:hidden}.cp-proxy-state[data-state=off]{background:var(--cp-tile);color:var(--cp-muted)}.cp-tiles{flex:1;gap:.85cqw;min-height:0;display:flex}.cp-tile{background:var(--cp-tile);min-width:0;color:var(--cp-ink);font:inherit;cursor:pointer;border:0;border-radius:1.65cqw;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:.75cqw;padding:.5cqw;transition:flex-grow .28s,background-color .2s;display:flex;position:relative}.cp-tile[data-active=true]{background:var(--cp-tile-active);flex-grow:1.45}.cp-tile-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.2cqw;overflow:hidden}.cp-mode-tile .cp-tile-label{font-size:1.5cqw}.cp-mode-tile[data-active=true]{flex-grow:1.2}.cp-tile-check{width:1.05cqw;height:1.05cqw;color:var(--cp-on-active);position:absolute;top:.9cqw;right:1cqw}.cp-shape-icon{width:3.3cqw;height:3.3cqw;color:var(--cp-shape-ink);place-items:center;display:grid;position:relative}.cp-shape-icon>svg:not(.cp-shape-blob){width:2.3cqw;height:2.3cqw;position:relative}.cp-shape-icon[data-active=true]{color:var(--cp-shape-active-ink)}.cp-shape-icon[data-active=true]>svg:not(.cp-shape-blob){width:1.75cqw;height:1.75cqw}.cp-shape-blob{width:100%;height:100%;fill:var(--cp-blue);position:absolute;inset:0}.cp-core-state{background:var(--cp-chip);max-width:52%;color:var(--cp-ink)}.cp-core-state[data-running=false]{color:var(--cp-muted)}.cp-core-panel{background:var(--cp-panel);min-width:0;min-height:0;color:inherit;text-align:left;border-radius:1.65cqw;flex:1;grid-template-rows:minmax(0,1fr) 3.5cqw;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:1.2cqw;padding:.95cqw 1cqw 0;display:grid}.cp-core-mark{background:var(--cp-mark-bg);border-radius:1.2cqw;place-items:center;width:3.7cqw;height:3.7cqw;display:grid}.cp-core-mark img{object-fit:contain;width:3.1cqw;height:3.1cqw}.cp-core-info{flex-direction:column;gap:.15cqw;min-width:0;display:flex}.cp-core-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:1.65cqw;line-height:1.25;overflow:hidden}.cp-core-info>span{color:var(--cp-muted);text-overflow:ellipsis;white-space:nowrap;font-size:1.3cqw;overflow:hidden}.cp-core-running{background:var(--cp-active);height:2.2cqw;color:var(--cp-on-active);white-space:nowrap;border-radius:1.2cqw;align-items:center;gap:.6cqw;padding-inline:1cqw;font-size:1.3cqw;display:flex}.cp-core-running i{background:currentColor;border-radius:50%;width:.6cqw;height:.6cqw}.cp-core-running[data-running=false]{background:var(--cp-tile);color:var(--cp-muted)}.cp-core-channel{border-top:1px solid var(--cp-outline);min-width:0;height:100%;color:var(--cp-ink);grid-column:1/-1;align-items:center;gap:.65cqw;font-size:1.3cqw;display:flex}.cp-core-channel>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cp-core-channel strong{white-space:nowrap;margin-left:auto;font-weight:500}.cp-core-channel svg{flex:none;width:1.3cqw;height:1.3cqw}.cp-tile:focus-visible{outline:2px solid var(--cp-blue);outline-offset:2px}.cp-connections-card{grid-column:span 8}.cp-quota-card{isolation:isolate;grid-column:span 4}.cp-count{background:var(--cp-chip);height:2.1cqw;color:var(--cp-muted);font-variant-numeric:tabular-nums;border-radius:1.1cqw;padding-inline:.85cqw;font-size:1.25cqw;line-height:2.1cqw}.cp-connection-list{flex-direction:column;flex:1;gap:.7cqw;min-height:0;margin:0;padding:0;list-style:none;display:flex}.cp-connection-list li{background:var(--cp-panel);border-radius:1.4cqw;flex:1;align-items:center;gap:1cqw;min-width:0;padding-inline:1cqw;display:flex}.cp-connection-mark{background:var(--cp-tile);width:2.6cqw;height:2.6cqw;color:var(--cp-muted);border-radius:.9cqw;flex:none;place-items:center;display:grid}.cp-connection-mark svg{width:1.6cqw;height:1.6cqw}.cp-connection-text{flex-direction:column;flex:1;min-width:0;display:flex}.cp-connection-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:1.35cqw;font-weight:500;overflow:hidden}.cp-connection-text span,.cp-connection-rate{color:var(--cp-muted);white-space:nowrap;font-size:1.15cqw}.cp-connection-rate{font-variant-numeric:tabular-nums;gap:1.4cqw;display:flex}.cp-quota-wave{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.cp-quota-wave path{fill:var(--cp-active);opacity:.55;animation:6s linear infinite cp-wave}.cp-quota-wave path+path{opacity:.8;animation-duration:9s;animation-direction:reverse}.cp-quota-percent{letter-spacing:-.02em;margin-top:auto;font-size:3.2cqw;font-weight:700}.cp-quota-summary{color:var(--cp-ink);white-space:nowrap;font-size:1.3cqw}@keyframes cp-wave{to{transform:translate(-50%)}}@media (width<=639px){.cp-window{border-radius:3cqw}}@media (prefers-reduced-motion:reduce){.client-preview *,.client-preview :before,.client-preview :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.m3f{--m3f-ease:cubic-bezier(.2, 0, 0, 1);--m3f-ease-decel:cubic-bezier(.05, .7, .1, 1);--m3f-shape-xl:28px;--m3f-shape-l:16px;--m3f-shape-m:12px;--m3f-shape-s:8px;--m3f-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--m3f-elevation-2:0 1px 2px color-mix(in oklab, var(--md-sys-color-shadow,#000) 30%, transparent), 0 2px 6px 2px color-mix(in oklab, var(--md-sys-color-shadow,#000) 15%, transparent);--m3f-elevation-3:0 1px 3px color-mix(in oklab, var(--md-sys-color-shadow,#000) 30%, transparent), 0 4px 8px 3px color-mix(in oklab, var(--md-sys-color-shadow,#000) 15%, transparent);z-index:1;padding-block:56px 32px;scroll-margin-top:96px;position:relative}.m3f-heading{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:20px 64px;margin-bottom:48px;display:grid}.m3f-heading h2{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(40px,4.8vw,64px);font-weight:400;line-height:1.08}.m3f-word{will-change:transform;display:inline-block}.m3f-morph{vertical-align:-.1em;block-size:.92em;inline-size:.92em;color:var(--md-sys-color-on-primary);place-items:center;margin-inline-start:.12em;display:inline-grid;position:relative}.m3f-morph svg:first-child{block-size:100%;inline-size:100%;fill:var(--md-sys-color-primary);position:absolute;inset:0;overflow:visible}.m3f-morph .m3f-svg{block-size:.5em;inline-size:.5em;position:relative}.m3f-heading p{max-width:44ch;color:var(--md-sys-color-on-surface-variant);text-wrap:pretty;justify-self:end;padding-bottom:6px;font-size:18px;line-height:28px}.m3f-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.m3f-card{--tone:var(--md-sys-color-primary);--tone-container:var(--md-sys-color-primary-container);--on-tone-container:var(--md-sys-color-on-primary-container);--on-tone:var(--md-sys-color-on-primary);border-radius:var(--m3f-shape-xl);background:var(--md-sys-color-surface-container);min-inline-size:0;color:var(--md-sys-color-on-surface);isolation:isolate;transition:background-color .6s var(--m3f-ease), color .6s var(--m3f-ease);flex-direction:column;grid-column:span 6;gap:28px;padding:32px;display:flex;position:relative}.m3f-card[data-tone=secondary]{--tone:var(--md-sys-color-secondary);--tone-container:var(--md-sys-color-secondary-container);--on-tone-container:var(--md-sys-color-on-secondary-container);--on-tone:var(--md-sys-color-on-secondary)}.m3f-card[data-tone=tertiary]{--tone:var(--md-sys-color-tertiary);--tone-container:var(--md-sys-color-tertiary-container);--on-tone-container:var(--md-sys-color-on-tertiary-container);--on-tone:var(--md-sys-color-on-tertiary)}.m3f-card[data-wide]{grid-column:1/-1;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;padding:40px;display:grid}.m3f-copy{flex-direction:column;align-items:flex-start;gap:12px;min-inline-size:0;display:flex}.m3f-copy h3{letter-spacing:0;text-wrap:balance;margin-top:12px;font-size:24px;font-weight:400;line-height:32px}.m3f-copy p{letter-spacing:.25px;max-width:60ch;color:var(--md-sys-color-on-surface-variant);text-wrap:pretty;font-size:14px;line-height:20px}.m3f-card[data-wide] .m3f-copy{justify-content:center;padding-block:8px}.m3f-card[data-wide] .m3f-copy h3{margin-top:20px;font-size:clamp(28px,2.6vw,36px);line-height:1.2}.m3f-card[data-wide] .m3f-copy p{letter-spacing:.5px;font-size:16px;line-height:24px}.m3f-card[data-wide] .m3f-extra{inline-size:100%;padding-top:20px}.m3f-card:not([data-wide]) .m3f-extra{margin-top:-12px;margin-inline-start:-12px}.m3f-glow{z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.m3f-badge{block-size:56px;inline-size:56px;color:var(--on-tone);flex:none;place-items:center;display:grid;position:relative}.m3f-card[data-wide] .m3f-badge{block-size:72px;inline-size:72px}.m3f-badge-shape{block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:visible}.m3f-badge-shape path{fill:var(--tone);transition:fill .6s var(--m3f-ease)}.m3f-badge-icon{display:grid;position:relative}.m3f-badge .m3f-svg{block-size:26px;inline-size:26px}.m3f-card[data-wide] .m3f-badge .m3f-svg{block-size:32px;inline-size:32px}.m3f-stage{isolation:isolate;border-radius:24px;flex-direction:column;flex:1;min-inline-size:0;display:flex;position:relative}.m3f-stage[data-shader]{perspective:1400px;background:radial-gradient(60% 70% at 85% 15%, var(--md-sys-color-primary-container) 0%, transparent 70%), radial-gradient(55% 65% at 10% 90%, var(--md-sys-color-tertiary-container) 0%, transparent 70%), var(--md-sys-color-surface-container-high);transition:background-color .6s var(--m3f-ease);justify-content:center;padding:clamp(20px,3.4vw,48px);overflow:hidden}.m3f-demo{z-index:1;background:var(--md-sys-color-surface-container-lowest);min-inline-size:0;color:var(--md-sys-color-on-surface);transition:background-color .6s var(--m3f-ease), color .6s var(--m3f-ease);border-radius:24px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden;container:m3f-demo/inline-size}.m3f-stage[data-shader] .m3f-demo{box-shadow:var(--m3f-elevation-3);flex:none}.m3f-points{gap:12px;margin:0;padding:0;list-style:none;display:grid}.m3f-points li{align-items:center;gap:12px;font-size:16px;line-height:24px;display:flex}.m3f-points .m3f-svg{background:var(--tone-container);block-size:24px;inline-size:24px;color:var(--on-tone-container);border-radius:50%;padding:3px}.m3f-svg{flex:none;block-size:18px;inline-size:18px}.m3f-label{letter-spacing:.5px;color:var(--md-sys-color-on-surface-variant);font-size:12px;font-weight:500;line-height:16px;display:block}.m3f-hint{letter-spacing:.4px;color:var(--md-sys-color-on-surface-variant);margin:0;font-size:12px;line-height:16px}.m3f-group{gap:12px;display:grid}.m3f button:focus-visible,.m3f [role=radio]:focus-visible,.m3f [role=button]:focus-visible,.m3f a:focus-visible,.m3f input:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:2px}.m3f-button{block-size:40px;font:inherit;letter-spacing:.1px;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding-inline:24px;font-size:14px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.m3f-button-text{color:var(--md-sys-color-primary);background:0 0;padding-inline:12px}.m3f-button:before,.app-rail button:before,.app-pills button:before,.tr-row:before,.tr-view-all:before,.app-toolbar-select:before,.pi-step:before,.db-tile button:before,.db-pill button:before,.db-pill-edit:before,.db-icon:before,.cm-item-main:before,.cm-icon:before,.cm-check:before,.mu-tiles button:before,.mu-modes button:before,.mu-swatches button:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .2s var(--m3f-ease);background:currentColor;position:absolute;inset:0}.m3f-button:hover:before,.app-rail button:hover:before,.app-pills button:hover:before,.tr-row:hover:before,.tr-view-all:hover:before,.app-toolbar-select:hover:before,.pi-step:hover:before,.db-tile button:hover:before,.db-pill button:hover:before,.db-pill-edit:hover:before,.db-icon:hover:before,.cm-item-main:hover:before,.cm-icon:hover:before,.cm-check:hover:before,.mu-tiles button:hover:before,.mu-modes button:hover:before{opacity:.08}.m3f-button:active:before,.app-rail button:active:before,.app-pills button:active:before,.tr-row:active:before,.app-toolbar-select:active:before,.pi-step:active:before,.db-tile button:active:before,.db-pill button:active:before,.db-icon:active:before,.cm-item-main:active:before,.cm-icon:active:before,.cm-check:active:before,.mu-tiles button:active:before,.mu-modes button:active:before{opacity:.12}.m3f-demo{font-size:13px;line-height:18px}.m3f-frame{--frame-h:400px;flex:1 0 var(--frame-h);min-block-size:0;position:relative}.m3f-frame-inner{position:absolute;inset:0;overflow:hidden}.m3f-traffic .m3f-frame{--frame-h:430px}.m3f-profiles .m3f-frame,.m3f-dashboard .m3f-frame{--frame-h:440px}.m3f-material .m3f-frame,.m3f-material .m3f-frame-inner,.hero-showcase .m3f-frame,.hero-showcase .m3f-frame-inner{flex:none;block-size:auto;position:relative;inset:auto;overflow:visible}.m3f-cores .m3f-frame,.m3f-logs .m3f-frame{--frame-h:420px}.m3f-cursor{z-index:20;pointer-events:none;block-size:0;inline-size:0;position:absolute;inset:0 auto auto 0}.m3f-cursor svg{transform-origin:5px 3px;filter:drop-shadow(0 2px 3px #00000059);block-size:22px;inline-size:22px;position:absolute;inset:-3px auto auto -5px;overflow:visible}.m3f-cursor path{fill:#fff;stroke:#111;stroke-width:1.4px;stroke-linejoin:round}.m3f-cursor-ring{background:var(--md-sys-color-primary);border-radius:50%;block-size:36px;inline-size:36px;position:absolute;inset:-18px auto auto -18px}.app-page{block-size:100%;min-block-size:0;display:flex}.app-page-main{flex-direction:column;flex:1;min-inline-size:0;display:flex;position:relative}.app-page-head{align-items:center;gap:8px;min-block-size:32px;padding:14px 16px 6px;display:flex}.app-page-head h4{margin:0;margin-inline-end:auto;font-size:15px;font-weight:500;line-height:20px}.app-page-scroll{flex-direction:column;flex:1;gap:10px;min-block-size:0;padding:4px 16px 72px;display:flex}.app-rail{background:var(--md-sys-color-surface-container-low);flex-direction:column;flex:none;gap:4px;inline-size:72px;padding:12px 4px;display:flex}.app-rail[data-compact]{gap:6px;inline-size:56px}.app-rail button{color:var(--md-sys-color-on-surface-variant);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:4px 0;font-size:11px;line-height:14px;display:flex;position:relative}.app-rail button:before{border-radius:999px;block-size:32px;inset:4px 8px auto}.app-rail button[aria-selected=true]{color:var(--md-sys-color-on-surface)}.app-rail-icon{border-radius:999px;place-items:center;block-size:32px;inline-size:48px;display:grid;position:relative}.app-rail[data-compact] .app-rail-icon{inline-size:40px}.app-rail-pill{border-radius:inherit;background:var(--md-sys-color-secondary-container);position:absolute;inset:0}.app-rail button[aria-selected=true] .app-rail-icon{color:var(--md-sys-color-on-secondary-container)}.app-rail-icon .m3f-svg{block-size:20px;inline-size:20px;position:relative}.app-rail-label{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;overflow:hidden}.app-toolbar{z-index:2;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;inset:auto 12px 12px}.app-pills,.app-toolbar-group{background:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant);box-shadow:0 6px 16px color-mix(in oklab, var(--md-sys-color-shadow,#000) 14%, transparent);border-radius:999px;flex:none;align-items:center;gap:2px;padding:4px;display:inline-flex}.pi .app-pills,.pi-detail .app-pills{box-shadow:none;align-self:stretch}.app-pills button{block-size:30px;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding-inline:12px;font-size:12px;font-weight:500;position:relative}.app-pills button[aria-checked=true]{color:var(--md-sys-color-on-secondary-container)}.app-pills-pill{border-radius:inherit;background:var(--md-sys-color-secondary-container);position:absolute;inset:0}.app-pills-label{position:relative}.app-toolbar-select{block-size:30px;color:var(--md-sys-color-primary);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:2px;padding-inline:12px 6px;font-size:12px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}span.app-toolbar-select{cursor:default}.app-toolbar-select .m3f-svg{block-size:18px;inline-size:18px;color:var(--md-sys-color-on-surface-variant)}.app-search{background:var(--md-sys-color-surface-variant);block-size:38px;min-inline-size:0;color:var(--md-sys-color-on-surface-variant);box-shadow:0 6px 16px color-mix(in oklab, var(--md-sys-color-shadow,#000) 14%, transparent);border-radius:999px;flex:1;align-items:center;gap:8px;padding-inline:14px 6px;display:flex;position:relative}.app-search input{min-inline-size:0;color:var(--md-sys-color-on-surface);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:12px}.app-search input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.8}.app-search input::-webkit-search-cancel-button{display:none}.app-search:focus-within{outline:2px solid var(--md-sys-color-primary)}.app-search-clear{block-size:28px;inline-size:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.app-switch{border:2px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface-container-highest);cursor:pointer;block-size:26px;inline-size:44px;transition:background-color .25s var(--m3f-ease), border-color .25s var(--m3f-ease);border-radius:999px;flex:none;padding:0;position:relative}.app-switch-handle{background:var(--md-sys-color-outline);block-size:14px;inline-size:14px;transition:inline-size .3s var(--m3f-ease), block-size .3s var(--m3f-ease), inset-inline-start .3s var(--m3f-ease), background-color .25s var(--m3f-ease);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:50%;inset-inline-start:4px;transform:translateY(-50%)}.app-switch .m3f-svg{opacity:0;block-size:14px;inline-size:14px;color:var(--md-sys-color-primary);transition:opacity .2s var(--m3f-ease)}.app-switch[aria-checked=true]{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary)}.app-switch[aria-checked=true] .app-switch-handle{background:var(--md-sys-color-on-primary);block-size:20px;inline-size:20px;inset-inline-start:18px}.app-switch[aria-checked=true] .m3f-svg{opacity:1}.app-spark{inline-size:100%;display:block;overflow:visible}.app-spark-fill{fill:currentColor;opacity:.16}.app-spark-line{fill:none;stroke:currentColor;stroke-width:1.5px}.m3f mark{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);border-radius:3px}.tr-summary{font-variant-numeric:tabular-nums;color:var(--md-sys-color-on-surface-variant);font-size:11px}.tr-filter{background:var(--md-sys-color-secondary-container);block-size:26px;color:var(--md-sys-color-on-secondary-container);font:inherit;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:4px;padding-inline:10px 6px;font-size:12px;display:inline-flex}.tr-filter .m3f-svg{block-size:16px;inline-size:16px}.tr-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.tr-stat{background:var(--md-sys-color-surface-container);border-radius:16px;align-items:center;gap:8px;min-inline-size:0;padding:8px;display:flex}.tr-stat[data-wide]{background:color-mix(in oklab, var(--md-sys-color-primary-container) 70%, var(--md-sys-color-surface-container));grid-column:span 2}.tr-stat-icon{background:var(--md-sys-color-secondary-container);block-size:32px;inline-size:32px;color:var(--md-sys-color-on-secondary-container);border-radius:12px;flex:none;place-items:center;display:grid}.tr-stat-icon .m3f-svg{block-size:16px;inline-size:16px}.tr-stat-text{min-inline-size:0;display:grid}.tr-stat-text small{text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface-variant);font-size:11px;line-height:14px;overflow:hidden}.tr-stat-figure{align-items:flex-end;gap:10px;min-inline-size:0;display:flex}.tr-stat-figure b{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:500;line-height:24px;overflow:hidden}.tr-stat-split{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--md-sys-color-on-surface-variant);font-size:10px;line-height:12px;display:grid}.tr-stat-split i,.tr-row-meta i{color:var(--md-sys-color-outline);margin-inline-end:3px;font-style:normal}.tr-view{min-block-size:0}.tr-overview{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px;display:grid}.tr-rank{background:var(--md-sys-color-surface-container);border-radius:20px;flex-direction:column;gap:4px;padding:10px;display:flex}.tr-rank header{min-inline-size:0;color:var(--md-sys-color-on-surface-variant);align-items:center;gap:6px;padding-inline:4px;display:flex}.tr-rank header .m3f-svg{block-size:16px;inline-size:16px}.tr-rank h4{text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface);margin:0;font-size:13px;font-weight:500;overflow:hidden}.tr-count{background:color-mix(in oklab, var(--md-sys-color-on-surface) 8%, transparent);font-variant-numeric:tabular-nums;border-radius:999px;padding-inline:6px;font-size:11px;line-height:16px}.tr-view-all{block-size:26px;color:var(--md-sys-color-primary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;margin-inline-start:auto;padding-inline:8px;font-size:11px;font-weight:500;position:relative}.tr-rows{gap:2px;display:grid}.tr-row{inline-size:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;transition:background-color .2s var(--m3f-ease);background:0 0;border:0;border-radius:12px;gap:2px;padding:7px 10px;display:grid;position:relative}.tr-row[data-first]{background:color-mix(in oklab, var(--md-sys-color-secondary-container) 60%, transparent)}.tr-row[aria-pressed=true]{background:var(--md-sys-color-secondary-container)}.tr-row-top{justify-content:space-between;align-items:baseline;gap:10px;min-inline-size:0;display:flex}.tr-row-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.tr-row-name[data-mono]{font-family:var(--m3f-mono);font-size:12px}.tr-row-value{font-variant-numeric:tabular-nums;flex:none;font-size:13px}.tr-row[data-first] .tr-row-value{color:var(--md-sys-color-primary);font-weight:500}.tr-row-meta{font-variant-numeric:tabular-nums;white-space:nowrap;min-inline-size:0;color:var(--md-sys-color-on-surface-variant);gap:10px;font-size:11px;line-height:14px;display:flex;overflow:hidden}.tr-others{color:var(--md-sys-color-on-surface-variant);margin:0;padding:4px 10px;font-size:11px}.tr-paths{background:var(--md-sys-color-surface-container);border-radius:20px;padding:10px 12px 12px}.tr-paths-head{color:var(--md-sys-color-primary);gap:16px;margin-bottom:8px;font-size:12px;font-weight:500;display:flex}.tr-paths-head span{align-items:center;display:inline-flex}.tr-paths-head .m3f-svg{color:var(--md-sys-color-on-surface-variant)}.tr-sankey svg{block-size:auto;inline-size:100%;display:block;overflow:visible}.tr-bands path{fill:var(--md-sys-color-primary);opacity:.22;transition:opacity .25s var(--m3f-ease)}.tr-bands path[data-dim]{opacity:.05}.tr-node{cursor:pointer;outline:none}.tr-node rect{fill:var(--md-sys-color-primary);transition:opacity .25s var(--m3f-ease)}.tr-node[data-col="1"] rect{fill:var(--md-sys-color-tertiary)}.tr-node[data-col="2"] rect{fill:var(--md-sys-color-secondary)}.tr-node text{fill:var(--md-sys-color-on-surface);paint-order:stroke;stroke:var(--md-sys-color-surface-container);stroke-width:3px;stroke-linejoin:round;transition:opacity .25s var(--m3f-ease);font-size:10.5px}.tr-node[data-dim] rect,.tr-node[data-dim] text{opacity:.35}.tr-node[data-active] text,.tr-node[aria-pressed=true] text{font-weight:600}.tr-node:focus-visible rect{stroke:var(--md-sys-color-secondary);stroke-width:3px}.tr-caption{color:var(--md-sys-color-on-surface-variant);margin:8px 0 0;font-size:11px;line-height:15px}.pi{scrollbar-width:thin;flex-direction:column;gap:8px;block-size:100%;padding:16px;display:flex;overflow:auto}.pi-meta{color:var(--md-sys-color-on-surface-variant);margin:0;font-size:12px}.pi-grid{flex:1;gap:12px;min-block-size:0;display:grid}.pi-steps,.pi-detail{flex-direction:column;gap:8px;min-inline-size:0;display:flex}.pi-toggle{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.pi-list{flex-direction:column;gap:2px;display:flex}.pi-step{color:inherit;font:inherit;text-align:start;cursor:pointer;transition:background-color .2s var(--m3f-ease);background:0 0;border:0;border-radius:10px;align-items:flex-start;gap:8px;padding:5px 10px;font-size:12px;line-height:18px;display:flex;position:relative;overflow:hidden}.pi-step[aria-current=step]{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.pi-step-index{color:var(--md-sys-color-on-surface-variant);font-variant-numeric:tabular-nums;flex:none}.pi-step-label{flex:1;min-inline-size:0}.pi-step-log{block-size:16px;inline-size:16px;color:var(--md-sys-color-on-surface-variant)}.pi-chip-wrap{white-space:nowrap}.pi-chip{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);border-radius:6px;padding:0 6px;font-size:11px;line-height:17px;display:inline-block}.pi-arrow{margin-inline:4px}.pi-list[data-mode=chain]{background:var(--md-sys-color-surface-container-low);border-radius:12px;align-items:center;gap:18px;max-block-size:252px;padding:12px;overflow:auto}.pi-list[data-mode=chain] .pi-step{background:var(--md-sys-color-surface-container-highest);text-align:center;border-radius:10px;flex-direction:column;flex:none;align-items:center;inline-size:min(170px,100%);padding:8px 10px;overflow:visible}.pi-list[data-mode=chain] .pi-step[aria-current=step]{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.pi-list[data-mode=chain] .pi-step[data-quiet]{opacity:.72}.pi-list[data-mode=chain] .pi-step:not(:last-child):after{content:"";background:var(--md-sys-color-outline);block-size:18px;inline-size:1px;position:absolute;inset:100% auto auto 50%}.pi-list[data-mode=chain] .pi-step-index{background:color-mix(in oklab, currentColor 12%, transparent);border-radius:50%;place-items:center;block-size:18px;inline-size:18px;font-size:10px;display:grid}.pi-detail h4{margin:0;font-size:14px;font-weight:500;line-height:20px}.pi-fields{color:var(--md-sys-color-on-surface-variant);flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:12px;display:flex}.pi-fields code{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);font-family:var(--m3f-mono);border-radius:6px;padding:2px 6px;font-size:11px}.pi-more{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-radius:999px;padding:1px 6px;font-size:11px}.pi-none{color:var(--md-sys-color-on-surface)}.pi-output{gap:6px;display:grid}.pi-note{color:var(--md-sys-color-on-surface-variant);margin:0;font-size:12px}.pi-code{background:var(--md-sys-color-surface-container);max-block-size:168px;font-family:var(--m3f-mono);border-radius:12px;align-content:start;margin:0;padding:6px 0;font-size:11px;line-height:18px;display:grid;overflow:auto}.pi-code>span{white-space:pre;padding-inline:10px;display:block}.pi-code i{text-align:end;inline-size:2.4em;color:var(--md-sys-color-outline);user-select:none;margin-inline-end:8px;font-style:normal;display:inline-block}.pi-diff i{inline-size:2.6em;margin-inline-end:4px}.pi-hunk{color:var(--md-sys-color-on-surface-variant);background:color-mix(in oklab, var(--md-sys-color-primary) 10%, transparent)}.pi-diff span[data-mark=add]{background:oklab(61.685% -.127433 .0708618/.22)}.pi-diff span[data-mark=del]{background:color-mix(in oklab, var(--md-sys-color-error) 20%, transparent)}.pi-logs span{white-space:pre-wrap}@container m3f-demo (width>=460px){.pi{overflow:hidden}.pi-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,176px) minmax(0,1fr)}.pi-steps,.pi-detail{min-block-size:0}.pi-list{scrollbar-width:thin;flex:1;min-block-size:0;overflow:auto}.pi-list[data-mode=chain]{max-block-size:none}.pi-output{flex:1;grid-template-rows:auto minmax(0,1fr);min-block-size:0}.pi-code{max-block-size:none}}.db{block-size:100%;position:relative}.db-grid{scrollbar-width:none;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:38px;grid-auto-flow:dense;padding:14px;gap:8px;block-size:100%;padding-bottom:64px;display:grid;overflow:auto}.db-tile{background:var(--md-sys-color-surface-container);border-radius:18px;flex-direction:column;gap:2px;min-inline-size:0;padding:10px 12px;display:flex;position:relative}.db[data-editing] .db-tile{outline:1px dashed color-mix(in oklab, var(--md-sys-color-outline) 60%, transparent);outline-offset:2px}.db-title{min-inline-size:0;color:var(--md-sys-color-on-surface);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.db-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-title .m3f-svg{block-size:16px;inline-size:16px;color:var(--md-sys-color-on-surface-variant)}.db-metric{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700;line-height:24px}.db-meta{color:var(--md-sys-color-on-surface-variant);font-size:10px}.db-spark{block-size:46%;color:var(--md-sys-color-primary);pointer-events:none;position:absolute;inset:auto 0 0}.db-tile[data-visual=rate] .db-spark,.db-tile[data-visual=spark] .db-spark{border-radius:0 0 18px 18px;overflow:hidden}.db-toggles{flex:1;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;margin-top:4px;display:grid}.db-tile .db-toggles button{background:var(--md-sys-color-surface-container-highest);min-inline-size:0;color:var(--md-sys-color-on-surface-variant);font:inherit;cursor:pointer;transition:background-color .25s var(--m3f-ease), color .25s var(--m3f-ease);border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10px;line-height:12px;display:flex;position:relative;overflow:hidden}.db-tile .db-toggles button .m3f-svg{block-size:16px;inline-size:16px}.db-tile .db-toggles button[aria-pressed=true],.db-tile .db-toggles button[aria-checked=true]{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.db-core{background:var(--md-sys-color-surface-container-highest);border-radius:12px;align-items:center;gap:8px;margin-top:auto;padding:6px 8px;display:flex}.db-core img{border-radius:8px;block-size:28px;inline-size:28px}.db-core>span:nth-child(2){flex:1;min-inline-size:0;display:grid}.db-core b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.db-core small{color:var(--md-sys-color-on-surface-variant);font-size:10px}.db-running{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:999px;flex:none;padding:2px 8px;font-size:10px}.db-quota{background:var(--md-sys-color-secondary-container);border-radius:999px;block-size:6px;margin-top:auto;display:block;overflow:hidden}.db-quota i{border-radius:inherit;background:var(--md-sys-color-primary);block-size:100%;display:block}.db-bars{flex:1;align-items:flex-end;gap:3px;margin-top:4px;display:flex}.db-bars i{background:var(--md-sys-color-primary);opacity:.75;border-radius:3px 3px 1px 1px;flex:1}.db-rows{align-content:start;gap:2px;margin-top:4px;font-size:11px;display:grid}.db-rows>span{border-radius:8px;justify-content:space-between;gap:8px;padding:3px 6px;display:flex}.db-rows>span:first-child{background:color-mix(in oklab, var(--md-sys-color-secondary-container) 60%, transparent)}.db-rows span span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-rows b{font-variant-numeric:tabular-nums;flex:none;font-weight:500}.db-close{z-index:2;border:1px solid color-mix(in oklab, var(--md-sys-color-outline) 30%, transparent);background:var(--md-sys-color-surface-container-highest);block-size:26px;inline-size:26px;color:var(--md-sys-color-on-surface);cursor:pointer;box-shadow:var(--m3f-elevation-2);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;inset:-6px -6px auto auto}.db-close .m3f-svg{block-size:14px;inline-size:14px}.db-pill{z-index:3;border:1px solid color-mix(in oklab, var(--md-sys-color-surface-variant) 50%, transparent);background:color-mix(in oklab, var(--md-sys-color-surface-variant) 55%, transparent);backdrop-filter:blur(16px);white-space:nowrap;border-radius:999px;align-items:center;gap:16px;block-size:48px;padding-inline:8px;display:flex;position:absolute;inset:auto auto 14px 50%;translate:-50%}.db-pill button,.db-pill-edit{block-size:32px;font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:4px;padding-inline:12px;font-size:12px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.db-pill .m3f-svg{block-size:16px;inline-size:16px}.db-pill-raised{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);box-shadow:var(--m3f-elevation-2)}.db-pill-flat{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.db-pill.db-pill-edit{block-size:40px;color:var(--md-sys-color-on-surface);gap:6px;padding-inline:16px}.db-scrim{z-index:4;background:color-mix(in oklab, var(--md-sys-color-scrim,#000) 32%, transparent);align-items:flex-end;display:flex;position:absolute;inset:0}.db-sheet{background:var(--md-sys-color-surface-container-low);max-block-size:86%;inline-size:100%;color:var(--md-sys-color-on-surface);border-radius:24px 24px 0 0;flex-direction:column;gap:10px;padding:6px 14px 14px;display:flex}.db-handle{background:var(--md-sys-color-outline-variant);border-radius:999px;align-self:center;block-size:4px;inline-size:32px;margin-block:4px 2px}.db-sheet-head{justify-content:space-between;align-items:center;font-size:15px;display:flex}.db-sheet .app-search{box-shadow:none;flex:none}.db-icon{background:var(--md-sys-color-surface-container-highest);block-size:30px;inline-size:30px;color:var(--md-sys-color-on-surface);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.db-icon .m3f-svg{block-size:16px;inline-size:16px}.db-library{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px;min-block-size:0;display:grid;overflow:auto}.db-entry{background:var(--md-sys-color-surface-container-high);border-radius:14px;align-items:center;gap:8px;min-inline-size:0;padding:6px 6px 6px 10px;font-size:12px;display:flex}.db-entry>.m3f-svg{block-size:18px;inline-size:18px;color:var(--md-sys-color-on-surface-variant)}.db-entry>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.db-entry small{color:var(--md-sys-color-on-surface-variant);font-size:10px}.db-add:disabled{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);cursor:default}.db-empty{text-align:center;color:var(--md-sys-color-on-surface-variant);grid-column:1/-1;margin:16px 0}.mu-controls{gap:10px;max-inline-size:360px;display:grid}.mu-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.mu-label{font-size:14px;font-weight:500}.mu-hex{font-family:var(--m3f-mono);color:var(--md-sys-color-on-surface-variant);align-items:center;gap:6px;font-size:12px;display:inline-flex}.mu-hex i{border-radius:50%;block-size:12px;inline-size:12px}.mu-swatches{grid-template-columns:repeat(4,36px);gap:10px;margin-bottom:8px;display:grid}.mu-swatches button{background:var(--swatch);color:#fff;cursor:pointer;block-size:36px;inline-size:36px;transition:border-radius .3s var(--m3f-ease), transform .2s var(--m3f-ease);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.mu-swatches button .m3f-svg{opacity:0;filter:drop-shadow(0 1px 1px #00000059);transition:opacity .2s var(--m3f-ease), transform .3s var(--m3f-ease);transform:scale(.5)}.mu-swatches button[aria-checked=true]{box-shadow:0 0 0 3px var(--md-sys-color-surface-container), 0 0 0 5px var(--md-sys-color-on-surface);border-radius:12px}.mu-swatches button[aria-checked=true] .m3f-svg{opacity:1;transform:none}.mu-swatches button:hover{transform:scale(1.08)}.mu-modes{border:1px solid var(--md-sys-color-outline);border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.mu-modes button{border:0;border-inline-start:1px solid var(--md-sys-color-outline);block-size:40px;color:var(--md-sys-color-on-surface);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding-inline:8px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.mu-modes button:first-child{border-inline-start:0}.mu-modes button[aria-checked=true]{color:var(--md-sys-color-on-secondary-container)}.mu-modes-pill{background:var(--md-sys-color-secondary-container);position:absolute;inset:0}.mu-modes .m3f-svg,.mu-modes span:not(.mu-modes-pill){position:relative}.m3f-material .m3f-stage[data-shader] .m3f-demo{box-shadow:none;background:0 0;border-radius:0;overflow:visible}.cm{scrollbar-width:thin;flex-direction:column;gap:8px;block-size:100%;padding:16px;display:flex;overflow:auto}.cm-section{color:var(--md-sys-color-on-surface-variant);padding-inline:4px;font-size:12px}.cm-card{background:var(--md-sys-color-surface-container);border-radius:22px;flex-direction:column;flex:1;gap:10px;padding:10px;display:flex}.cm-current,.cm-item{align-items:center;gap:4px;min-inline-size:0;display:flex;position:relative}.cm-item{border-radius:14px}.cm-current{background:var(--md-sys-color-surface-container-highest);border-radius:16px;gap:12px;padding:10px 10px 10px 14px}.cm-current img{border-radius:12px;flex:none;block-size:44px;inline-size:44px}.cm-text{flex:1;gap:2px;min-inline-size:0;display:grid}.cm-text b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.cm-text small{white-space:nowrap;color:var(--md-sys-color-on-surface-variant);align-items:center;gap:4px;font-size:12px;display:flex;overflow:hidden}.cm-item .cm-text small{color:var(--md-sys-color-primary)}.cm-newer b{color:#2e9d55;font-size:inherit;font-weight:500}.cm-state{color:#2e9d55!important}.cm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.cm-item-main{min-inline-size:0;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:14px;flex:1;align-items:center;gap:10px;padding:8px;display:flex;position:relative;overflow:hidden}.cm-item-main:disabled{cursor:progress}.cm-item-main img{border-radius:10px;flex:none;block-size:36px;inline-size:36px}.cm-item .cm-text b{font-size:13px}.cm-icon{border:1px solid var(--md-sys-color-outline);block-size:34px;inline-size:34px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.cm-item .cm-icon{background:var(--md-sys-color-secondary-container);block-size:30px;inline-size:30px;color:var(--md-sys-color-on-secondary-container);border-color:#0000;margin-inline-end:4px}.cm-icon .m3f-svg{block-size:18px;inline-size:18px}.cm-progress{z-index:-1;border-radius:inherit;background:color-mix(in oklab, var(--md-sys-color-primary) 12%, transparent);clip-path:inset(0 100% 0 0);position:absolute;inset:0}[data-busy]>.cm-progress{animation:cm-fill 1.1s var(--m3f-ease) forwards}.cm-current,.cm-item{isolation:isolate}.cm-footer{justify-content:flex-end;margin-top:auto;display:flex}.cm-check{background:var(--md-sys-color-primary);block-size:36px;color:var(--md-sys-color-on-primary);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding-inline:18px;font-size:13px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.cm-check .m3f-svg{block-size:16px;inline-size:16px}@container m3f-demo (width<=420px){.cm-grid{grid-template-columns:minmax(0,1fr)}}.lg-list{scrollbar-width:thin;flex-direction:column;flex:1;min-block-size:0;padding:6px 0 64px;display:flex;overflow:auto}.lg-row{border-bottom:1px solid color-mix(in oklab, var(--md-sys-color-outline-variant) 60%, transparent);gap:6px;padding:10px 14px;display:grid}.lg-head{align-items:center;gap:8px;min-inline-size:0;display:flex}.lg-head time{font-family:var(--m3f-mono);color:var(--md-sys-color-on-surface-variant);font-variant-numeric:tabular-nums;font-size:11px}.lg-badge{background:color-mix(in oklab, var(--md-sys-color-surface-variant) 50%, transparent);color:var(--md-sys-color-on-surface-variant);letter-spacing:.04em;text-transform:uppercase;border-radius:6px;flex:none;padding:3px 6px;font-size:10px;font-weight:600;line-height:1}.lg-badge[data-level=info]{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.lg-badge[data-level=warn]{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.lg-badge[data-level=error],.lg-badge[data-level=fatal]{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.lg-target{font-family:var(--m3f-mono);text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface-variant);font-size:11px;overflow:hidden}.lg-message{font-family:var(--m3f-mono);overflow-wrap:anywhere;font-size:12px;line-height:18px}.lg-empty{color:var(--md-sys-color-on-surface-variant);justify-items:center;gap:12px;margin:auto;padding:24px;font-size:13px;display:grid}.lg-empty span{background:var(--md-sys-color-secondary-container);block-size:56px;inline-size:56px;color:var(--md-sys-color-on-secondary-container);border-radius:18px;place-items:center;display:grid}.lg-empty .m3f-svg{block-size:28px;inline-size:28px}.lg .app-toolbar{gap:6px}.lg .app-pills button{padding-inline:10px}.m3f-shader{z-index:0;pointer-events:none;opacity:0;transition:opacity .9s var(--m3f-ease);display:block;position:absolute;inset:0;overflow:hidden}.m3f-shader[data-shown]{opacity:1}.m3f-shader-canvas{block-size:100%;inline-size:100%;position:absolute;inset:0}.m3f-spin{animation:.9s linear infinite m3f-rotate}@keyframes m3f-rotate{to{transform:rotate(360deg)}}@keyframes cm-fill{to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.m3f *,.m3f :before{transition-duration:.01ms!important;animation:none!important}}@media (width<=1079px){.m3f-card[data-wide]{grid-template-columns:minmax(0,1fr);gap:32px;padding:32px}.m3f-card[data-wide] .m3f-extra{padding-top:8px}.m3f-heading{grid-template-columns:minmax(0,1fr)}.m3f-heading p{justify-self:start}}@media (width<=959px){.m3f-card{grid-column:1/-1}}@media (width<=639px){.m3f{padding-top:32px}.m3f-grid{gap:12px}.m3f-card,.m3f-card[data-wide]{border-radius:24px;gap:24px;padding:20px}.m3f-demo{border-radius:20px}.m3f-stage[data-shader]{margin-inline:-8px;padding:12px}.m3f-heading{margin-bottom:32px}.m3f-heading p{font-size:16px;line-height:24px}.m3f-traffic .m3f-frame{--frame-h:500px}}@container m3f-demo (width<=520px){.app-rail{inline-size:56px}.app-rail-label{display:none}.app-rail-icon{inline-size:40px}.app-page-scroll{padding-inline:10px}.tr-overview{grid-template-columns:minmax(0,1fr)}.tr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.app-toolbar{flex-wrap:wrap;justify-content:flex-end}span.app-toolbar-select{display:none}.db-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.db-tile[style*=span\ 8]{grid-column:span 4!important}}@container m3f-demo (width<=400px){.tr-stat-split{display:none}.app-page-scroll{padding-bottom:112px}.tr-row-meta span:last-child{display:none}}.home-site{--home-bg:var(--md-sys-color-surface);--home-ink:var(--md-sys-color-on-surface);--home-muted:var(--md-sys-color-on-surface-variant);--home-accent:var(--md-sys-color-primary);--home-accent-ink:var(--md-sys-color-on-primary);--home-line:var(--md-sys-color-outline-variant);--home-panel:var(--md-sys-color-primary-container);--home-panel-ink:var(--md-sys-color-on-primary-container);--home-surface-low:var(--md-sys-color-surface-container-low);--home-surface:var(--md-sys-color-surface-container);--home-surface-high:var(--md-sys-color-surface-container-high);--home-secondary:var(--md-sys-color-secondary-container);--home-secondary-ink:var(--md-sys-color-on-secondary-container);--home-tertiary:var(--md-sys-color-tertiary-container);--home-tertiary-ink:var(--md-sys-color-on-tertiary-container);--home-radius-xl:28px;--home-radius-l:20px;--home-radius-m:16px;color:var(--home-ink);background:var(--home-bg);-webkit-font-smoothing:antialiased;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}.home-site *,.home-site :before,.home-site :after{box-sizing:border-box}.home-site h1,.home-site h2,.home-site h3,.home-site p,.home-site figure{margin:0}.home-site a{color:inherit;text-decoration:none}.home-site button{font:inherit}.home-site a:focus-visible,.home-site button:focus-visible,.home-site select:focus-visible{outline:3px solid var(--home-accent);outline-offset:5px}.home-container{width:min(1320px,100% - 112px);margin-inline:auto}.home-site section[id],#home-content{scroll-margin-top:110px}.home-skip-link{z-index:100;background:var(--home-bg);border:1px solid var(--home-accent);border-radius:12px;padding:12px 20px;position:fixed;top:12px;left:16px;transform:translateY(-200%)}.home-skip-link:focus{transform:none}.home-button{letter-spacing:.15px;white-space:nowrap;border-radius:28px;justify-content:center;align-items:center;gap:8px;min-height:56px;padding:0 24px;font-size:16px;font-weight:500;transition:border-radius .35s cubic-bezier(.2,0,0,1),box-shadow .25s cubic-bezier(.2,0,0,1),background-color .25s;display:inline-flex;position:relative;overflow:hidden}.home-button:before{content:"";opacity:0;pointer-events:none;background:currentColor;transition:opacity .2s;position:absolute;inset:0}.home-button:hover:before{opacity:.08}.home-button:focus-visible:before,.home-button:active:before{opacity:.12}.home-button:active{border-radius:14px}.home-button-primary{background:var(--home-accent);color:var(--home-accent-ink)!important}.home-button-primary:hover{box-shadow:0 1px 3px 1px #0000001f}.home-button-tonal{background:var(--home-secondary);color:var(--home-secondary-ink)!important}.home-button span{font-size:20px;display:inline-flex}.home-text-link{align-items:center;gap:18px;font-weight:500;display:inline-flex}.home-text-link>span{transition:transform .25s}.home-text-link:hover>span{transform:translate(3px,-3px)}.home-hero h1>span{display:block}.hero-name{color:var(--home-accent)}.hero-period{color:var(--home-ink)}.section-heading{max-width:860px;margin-bottom:66px}.section-heading h2,.download-heading h2,.blog-heading h2{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(40px,4.8vw,64px);font-weight:400;line-height:1.08}.section-heading p{color:var(--home-muted);max-width:820px;margin-top:26px;font-size:clamp(18px,2.1vw,26px);line-height:1.7}.visual-caption{letter-spacing:.06em;opacity:.62;justify-content:space-between;padding-bottom:24px;font-size:11px;display:flex}.preview-widget{border-radius:var(--home-radius-l);background:var(--md-sys-color-surface-container-lowest);min-width:0;color:var(--md-sys-color-on-surface);min-height:165px;padding:24px;position:relative;overflow:hidden}.preview-widget svg{stroke:currentColor;stroke-width:2px;opacity:.65;width:58%;position:absolute;bottom:18px;right:-5px}.connection-dots{grid-template-columns:repeat(8,6px);gap:5px;margin-top:15px;display:grid}.connection-dots span{opacity:.4;background:currentColor;border-radius:50%;width:6px;height:6px}.connection-dots span:nth-child(3n){opacity:.9}.preview-core-symbol{color:var(--md-sys-color-tertiary);margin-top:12px;font-size:36px;line-height:1;display:block}.home-download{background:var(--home-surface-low);padding-block:112px 80px}.download-heading{justify-content:space-between;align-items:flex-end;gap:32px 60px;display:flex}.download-heading p{color:var(--home-muted);margin-top:16px;font-size:18px}.download-version{background:var(--home-tertiary);height:40px;color:var(--home-tertiary-ink);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:12px;flex:none;align-items:center;gap:10px;padding:0 16px 0 14px;font-size:14px;font-weight:500;display:inline-flex}.download-version i{background:currentColor;border-radius:50%;width:8px;height:8px;animation:2.4s cubic-bezier(.2,0,0,1) infinite download-pulse}.download-version small{border-left:1px solid color-mix(in srgb, currentColor 30%, transparent);opacity:.85;padding-left:10px;font-size:13px;font-weight:400}@keyframes download-pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb, currentColor 0%, transparent);transform:scale(.75)}}.platform-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:56px;display:grid}.platform-item{border-radius:var(--home-radius-xl);background:var(--home-surface-high);flex-direction:column;align-items:flex-start;min-width:0;padding:32px;transition:background-color .4s cubic-bezier(.2,0,0,1),color .4s cubic-bezier(.2,0,0,1);display:flex}.platform-item[data-current]{background:var(--home-panel);color:var(--home-panel-ink)}.platform-symbol{place-items:center;width:72px;height:72px;font-size:36px;display:grid;position:relative}.platform-shape{width:100%;height:100%;fill:var(--md-sys-color-surface-container-lowest);transition:transform .6s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:0}.platform-item:hover .platform-shape{transform:rotate(45deg)scale(1.06)}.platform-symbol>svg[data-icon]{position:relative}.platform-item h3{letter-spacing:-.01em;margin-top:28px;font-size:32px;font-weight:400;line-height:40px}.platform-actions{gap:8px;width:100%;margin-top:auto;padding-top:32px;display:grid}.platform-action,.platform-guide{justify-content:space-between;gap:12px;min-height:56px;padding:0 8px 0 20px;font-size:14px}.platform-actions .home-button>span{background:color-mix(in srgb, currentColor 14%, transparent);border-radius:50%;place-items:center;width:40px;height:40px;font-size:20px;transition:border-radius .4s cubic-bezier(.34,1.56,.64,1),background-color .25s,color .25s;display:grid}.platform-actions .home-button>span svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.platform-actions .home-button:hover>span,.platform-actions .home-button:focus-visible>span{border-radius:14px}.platform-guide:hover>span svg,.platform-guide:focus-visible>span svg{transform:rotate(-45deg)}.platform-item[data-current] .platform-action{background:var(--home-accent);color:var(--home-accent-ink)!important}.platform-guide{border:1px solid color-mix(in srgb, currentColor 28%, transparent);padding-right:7px;color:var(--home-muted)!important}.platform-guide:hover>span{background:var(--home-accent);color:var(--home-accent-ink)}.platform-item[data-current] .platform-guide{color:inherit!important}.download-notes{color:var(--home-muted);justify-content:space-between;align-items:center;gap:32px;margin-top:28px;padding-top:28px;font-size:13px;display:flex}.home-blog{padding-block:120px}.blog-heading{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.blog-heading p{color:var(--home-muted);margin-top:24px}.blog-list{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px;display:grid}.blog-list img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--home-radius-l);width:100%;height:auto;margin-bottom:24px}.blog-list time{color:var(--home-muted);font-size:12px}.blog-list h3{margin-top:12px;font-size:24px;font-weight:500}.blog-list p{color:var(--home-muted);margin-top:12px;font-size:15px}.home-footer{grid-template-columns:1fr 1fr;gap:60px;padding-top:76px;padding-bottom:30px;display:grid}.footer-brand{align-items:center;gap:12px;font-size:20px;font-weight:600;display:inline-flex}.home-footer p{color:var(--home-muted);margin-top:16px;font-size:13px}.home-footer nav{flex-wrap:wrap;place-content:start flex-end;gap:28px;padding-top:8px;font-size:13px;display:flex}.home-footer nav a:hover,.platform-guide:hover{color:var(--home-accent)!important}.footer-bottom{border-top:1px solid var(--home-line);color:var(--home-muted);grid-column:1/-1;justify-content:space-between;gap:24px;padding-top:26px;font-size:11px;display:flex}@media (width<=1199px){.home-container{width:calc(100% - 80px)}}@media (width<=959px){.home-container{width:calc(100% - 56px)}.preview-widget{padding:18px}.platform-list{grid-template-columns:minmax(0,1fr)}}@media (width<=639px){.home-container{width:calc(100% - 40px)}.section-heading{margin-bottom:32px}.section-heading h2,.download-heading h2{font-size:38px}.section-heading p{margin-top:18px;font-size:18px}.visual-caption{padding-bottom:20px;font-size:10px}.home-download{padding-block:70px 44px}.download-heading{display:block}.download-heading h2{font-size:38px}.download-heading p{margin-top:18px;font-size:16px}.download-version{margin-top:24px}.platform-list{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:36px}.platform-item{border-radius:24px;grid-template-columns:56px minmax(0,1fr);align-items:center;column-gap:16px;padding:20px;display:grid}.platform-symbol{width:56px;height:56px;font-size:28px}.platform-item h3{margin:0;font-size:24px;line-height:32px}.platform-actions{grid-column:1/-1;padding-top:20px}.download-notes{flex-direction:column;align-items:flex-start;gap:16px;font-size:12px}.home-footer{padding-top:48px;display:block}.home-footer nav{justify-content:flex-start;gap:24px;padding-block:28px;font-size:12px}.footer-brand{font-size:18px}.footer-bottom{flex-wrap:wrap;gap:12px;padding-top:20px;font-size:10px}.footer-bottom>span:nth-child(2){display:none}.home-blog{padding-block:70px}.blog-heading{display:block}.blog-heading .home-text-link{margin-top:24px}.blog-list{grid-template-columns:1fr;gap:36px}}@media (prefers-reduced-motion:reduce){.home-site *,.home-site :before,.home-site :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.home-button:active,.home-text-link:hover>span{transform:none}}@keyframes home-arrive{0%{transform:translateY(16px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.hero-heading-row{animation:.7s cubic-bezier(.2,.7,.2,1) both home-arrive}}.home-hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);align-items:center;gap:32px 64px;padding-top:96px;padding-bottom:48px;display:grid}.hero-heading-row{min-width:0;display:block}.home-hero h1{letter-spacing:-.04em;font-size:clamp(56px,5.6vw,84px);font-weight:500;line-height:1}.hero-intro{max-width:440px;margin-top:32px;padding:0}.hero-positioning{font-size:clamp(20px,1.7vw,24px)}.hero-description{margin-top:14px!important}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-intro .home-button{margin:0}.hero-docs{width:auto}.home-button-secondary{box-shadow:inset 0 0 0 1px var(--md-sys-color-outline);background:0 0;color:var(--home-accent)!important}.hero-showcase{min-width:0;padding:0}.hero-scroll{grid-column:1/-1;margin-top:16px}@media (width<=1199px){.home-hero{gap:32px;padding-top:80px}.home-hero h1{font-size:clamp(54px,6vw,72px)}}@media (width<=959px){.home-hero{grid-template-columns:1fr;gap:44px;padding-top:56px}.hero-heading-row{max-width:620px}.home-hero h1{font-size:clamp(52px,8vw,72px)}.hero-intro{max-width:520px;margin-top:26px}.hero-scroll{margin-top:0}}@media (width<=639px){.home-hero{gap:36px;padding-top:44px;padding-bottom:44px}.home-hero h1{font-size:clamp(48px,12vw,66px)}.hero-positioning{font-size:20px}.hero-intro .home-button{min-height:48px;padding:0 20px;font-size:15px}.hero-docs{margin-left:0;display:inline-flex}}.platform-symbol svg[data-icon]{width:1em;height:1em;display:block}.platform-symbol [data-icon=logos\:apple] path{fill:var(--home-ink)}.home-site svg[data-icon]{vertical-align:middle;flex-shrink:0;display:inline-block}.home-site [data-icon=logos\:github-icon] path{fill:currentColor}.home-footer nav a{align-items:center;gap:8px;display:inline-flex}.source-code-icon{font-size:18px}#home-content{position:relative}.home-backdrop{z-index:0;pointer-events:none;background:radial-gradient(60% 55% at 78% 30%, var(--md-sys-color-primary-container) 0%, transparent 70%), radial-gradient(45% 50% at 12% 8%, var(--md-sys-color-tertiary-container) 0%, transparent 70%), radial-gradient(50% 45% at 40% 85%, var(--md-sys-color-secondary-container) 0%, transparent 70%);opacity:.8;height:min(1040px,130vh);position:absolute;inset:0 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.home-backdrop-canvas{width:100%;height:100%;position:absolute;inset:0}.home-hero{z-index:1;position:relative}.home-backdrop-host{opacity:0;transition:opacity 1.2s cubic-bezier(.2,0,0,1);display:block;position:absolute;inset:0}.home-backdrop-host[data-shown]{opacity:1}.home-download{isolation:isolate;position:relative;overflow:hidden}.home-backdrop-download{opacity:1;background:radial-gradient(55% 70% at 85% 20%, var(--md-sys-color-primary-container) 0%, transparent 70%), radial-gradient(50% 60% at 10% 90%, var(--md-sys-color-secondary-container) 0%, transparent 70%);height:auto;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 28% 72%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 28% 72%,#0000 100%)}.home-download>.home-container{z-index:1;position:relative}