@layer design{.metadata-pill{--pill-color:initial;--pill-bg:color-mix(in srgb,var(--text-primary) 8%,transparent);--pill-fg:var(--text-secondary);--pill-border:transparent;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--space-1);max-width:min(100%,44ch);min-height:28px;padding:var(--space-1) var(--space-3);border:1px solid var(--pill-border);border-radius:999px;background:var(--pill-bg);color:var(--pill-fg);font:var(--text-dense)}.metadata-pill[data-tone=outline]{--pill-bg:transparent;--pill-fg:var(--text-secondary);--pill-border:var(--border-default)}.metadata-pill[data-tone=strong]{--pill-bg:var(--text-primary);--pill-fg:var(--surface-panel);--pill-border:var(--text-primary)}.metadata-pill[data-tone=attention]{--pill-bg:var(--accent);--pill-fg:var(--text-on-accent);--pill-border:var(--accent)}.metadata-pill[data-tone=attention-soft]{--pill-bg:color-mix(in srgb,var(--accent) 14%,var(--surface-panel));--pill-fg:color-mix(in srgb,var(--accent) 60%,var(--text-primary));--pill-border:transparent}.metadata-pill[data-color]{--pill-bg:color-mix(in srgb,var(--pill-color) 14%,var(--surface-panel));--pill-fg:color-mix(in srgb,var(--pill-color) 45%,var(--text-primary));--pill-border:color-mix(in srgb,var(--pill-color) 30%,var(--surface-panel))}.metadata-pill[data-color][data-tone=attention]{--pill-bg:var(--pill-color);--pill-fg:var(--pill-on-color,var(--text-inverse));--pill-border:var(--pill-color)}.metadata-status{display:inline-flex;align-items:center;gap:var(--space-1);min-width:0}.metadata-status:is([data-state=done],[data-state=waiting]){color:var(--text-muted)}.metadata-status>svg{flex:none;width:14px;height:14px}.metadata-pill>svg{flex:none;width:1em;height:1em}.metadata-pill-text{flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap}.metadata-pill[data-size=compact]{min-height:20px;padding:0 var(--space-2);line-height:18px}.metadata-pill[data-size=compact]>svg{width:12px;height:12px}[data-text=preserve]{white-space:pre-wrap;overflow-wrap:anywhere}[data-lines="1"],[data-lines="2"],[data-lines="3"]{display:block;max-height:calc(var(--text-lines) * 1lh);overflow:hidden}[data-lines="1"]{--text-lines:1}[data-lines="2"]{--text-lines:2}[data-lines="3"]{--text-lines:3}}@layer design{:is([data-overflow-fade],.overflow-fade):not([data-overflow-mode=ellipsis]){text-overflow:clip!important}:is([data-overflow-fade],.overflow-fade){--overflow-fade-size:20px;--overflow-fade-direction:to right;display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:clip;white-space:nowrap}:is([data-overflow-fade],.overflow-fade)[data-overflow=true]{mask-image:linear-gradient(var(--overflow-fade-direction),#000 0 calc(100% - var(--overflow-fade-size)),transparent 100%);-webkit-mask-image:linear-gradient(var(--overflow-fade-direction),#000 0 calc(100% - var(--overflow-fade-size)),transparent 100%)}:is([data-overflow-fade],.overflow-fade)[data-overflow=true]:dir(rtl){--overflow-fade-direction:to left}:is([data-overflow-fade],.overflow-fade)[data-overflow=true][data-overflow-direction=ltr]{--overflow-fade-direction:to right}:is([data-overflow-fade],.overflow-fade)[data-overflow=true][data-overflow-direction=rtl]{--overflow-fade-direction:to left}:is([data-overflow-fade],.overflow-fade)[data-overflow=true][data-overflow-axis=vertical]{--overflow-fade-direction:to bottom}:is([data-overflow-lines],[data-lines])[data-overflow=true]{--overflow-fade-direction:to right;-webkit-mask:linear-gradient(#000,#000) top /100% calc(100% - 1lh) no-repeat,linear-gradient(var(--overflow-fade-direction),#000 calc(100% - 6ch),transparent) bottom /100% 1lh no-repeat;mask:linear-gradient(#000,#000) top /100% calc(100% - 1lh) no-repeat,linear-gradient(var(--overflow-fade-direction),#000 calc(100% - 6ch),transparent) bottom /100% 1lh no-repeat}:is([data-overflow-lines],[data-lines])[data-overflow=true]:dir(rtl){--overflow-fade-direction:to left}:is([data-overflow-lines],[data-lines])[data-overflow=true][data-overflow-direction=ltr]{--overflow-fade-direction:to right}:is([data-overflow-lines],[data-lines])[data-overflow=true][data-overflow-direction=rtl]{--overflow-fade-direction:to left}:is([data-overflow-fade],.overflow-fade):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}[data-overflow-mode=ellipsis]{text-overflow:ellipsis}[data-overflow-mode=ellipsis],[data-overflow-mode=wrap]{mask-image:none!important;-webkit-mask-image:none!important}[data-overflow-mode=wrap]{white-space:normal;overflow:visible;overflow-wrap:anywhere}}