@layer tokens,base,components,utilities;@layer components{.pui-figure{margin:0;container-type:inline-size;container-name:pui}.pui-figure>figcaption{margin-block-start:var(--space-3);font-size:var(--type-caption);color:var(--text-muted)}.pui-window{display:grid;grid-template-rows:auto 1fr auto;background:var(--surface-raised);color:var(--text);font-size:var(--type-caption);line-height:var(--leading-body);border:1px solid var(--line-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);overflow:hidden}.pui-titlebar{display:flex;align-items:center;gap:var(--space-4);padding-block:var(--space-3);padding-inline:var(--space-4);border-block-end:1px solid var(--line-soft);background:var(--surface-raised)}.pui-dots{display:inline-flex;gap:var(--space-2);flex-shrink:0}.pui-dots span{inline-size:10px;block-size:10px;border-radius:var(--radius-pill);background:var(--line)}.pui-dots span:first-child{background:var(--line-strong)}.pui-title{flex:1;min-inline-size:0;font-family:var(--font-mono);font-size:var(--type-micro);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pui-demo-tag{flex-shrink:0;font-family:var(--font-mono);font-size:var(--type-micro);color:var(--text-muted);border:1px dashed var(--line);border-radius:var(--radius-pill);padding-block:2px;padding-inline:var(--space-3)}.pui-body{display:grid;grid-template-columns:auto 1fr;min-block-size:24rem}.pui-rail{display:flex;flex-direction:column;gap:var(--space-2);padding-block:var(--space-4);padding-inline:var(--space-2);border-inline-end:1px solid var(--line-soft);background:var(--surface-raised)}.pui-rail-item{position:relative;display:grid;place-items:center;inline-size:40px;block-size:40px;border-radius:var(--radius);color:var(--text-muted)}.pui-rail-item svg{inline-size:20px;block-size:20px}.pui-rail-item[data-active]{color:var(--text);background:var(--red-tint-12)}.pui-rail-item[data-active]:before{content:"";position:absolute;inset-block:8px;inset-inline-start:-8px;inline-size:2px;border-radius:var(--radius-pill);background:var(--accent)}.pui-screen{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5);background:var(--surface);min-inline-size:0}.pui-statusbar{display:flex;flex-wrap:wrap;column-gap:var(--space-5);row-gap:var(--space-1);padding-block:var(--space-2);padding-inline:var(--space-4);border-block-start:1px solid var(--line-soft);background:var(--surface-raised);font-family:var(--font-mono);font-size:var(--type-micro);color:var(--text-muted)}.pui-statusbar li{display:inline-flex;align-items:center;gap:var(--space-2);list-style:none}.pui-status-dot{inline-size:6px;block-size:6px;border-radius:var(--radius-pill);background:var(--line-strong);flex-shrink:0}.pui-status-dot[data-tone=ok]{background:var(--status-ok)}.pui-screen h3,.pui-section-label{font-family:var(--font-body);font-size:var(--type-micro);font-weight:var(--weight-bold);color:var(--text-muted);margin:0}.pui-mono,.pui-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.pui-panel{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface-raised);padding:var(--space-4)}.pui-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.pui-tick{inline-size:14px;block-size:14px;flex-shrink:0;color:var(--status-ok)}.pui-warn{inline-size:14px;block-size:14px;flex-shrink:0;color:var(--status-watch)}.pui-asset-header{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:var(--space-4);row-gap:var(--space-1);border-block-end:1px solid var(--line-soft);padding-block-end:var(--space-4)}.pui-asset-id{font-family:var(--font-mono);font-size:var(--type-h3);font-weight:var(--weight-medium);letter-spacing:0}.pui-asset-meta{font-family:var(--font-mono);font-size:var(--type-caption);color:var(--text-muted)}.pui-sparkline{margin-inline-start:auto;display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--type-micro)}.pui-sparkline svg{inline-size:84px;block-size:24px;overflow:visible}.pui-chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:var(--space-3);list-style:none;margin:0;padding:0}.pui-chip{display:flex;flex-direction:column;gap:var(--space-1);border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface-raised);padding:var(--space-3)}.pui-chip-head{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);font-size:var(--type-caption)}.pui-chip-file{font-family:var(--font-mono);font-size:var(--type-micro);color:var(--text-muted);overflow-wrap:anywhere}.pui-chip-gate{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--type-micro);color:var(--text-muted)}.pui-queue-row{display:flex;align-items:center;gap:var(--space-3);padding-block:var(--space-2);border-block-end:1px solid var(--line-soft);font-size:var(--type-micro)}.pui-queue-row:last-child{border-block-end:none}.pui-queue-file{font-family:var(--font-mono);color:var(--text);flex:1;min-inline-size:0;overflow-wrap:anywhere}.pui-queue-state{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-muted);white-space:nowrap}.pui-ribbon{display:flex;align-items:center;gap:var(--space-3);border:1px solid color-mix(in srgb,var(--status-watch) 45%,var(--surface));border-inline-start:3px solid var(--status-watch);border-radius:var(--radius);background:color-mix(in srgb,var(--status-watch) 12%,var(--surface));padding-block:var(--space-2);padding-inline:var(--space-3);font-weight:var(--weight-bold);font-size:var(--type-caption)}.pui-ribbon .pui-warn{color:var(--status-watch)}.pui-evidence-card{display:flex;flex-direction:column;gap:var(--space-2);border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface-raised);padding:var(--space-4)}.pui-evidence-card>h4{margin:0;font-family:var(--font-body);font-size:var(--type-caption);font-weight:var(--weight-bold)}.pui-evidence-card>p{margin:0;font-size:var(--type-caption);color:var(--text-muted)}.pui-evidence-card .pui-value{color:var(--text)}.pui-card-contradiction{border-color:color-mix(in srgb,var(--status-watch) 45%,var(--surface));border-inline-start:3px solid var(--status-watch)}.pui-card-tag{display:inline-flex;align-items:center;gap:var(--space-2);align-self:start;font-size:var(--type-micro);font-weight:var(--weight-bold);color:var(--status-watch)}.pui-confidence{display:flex;flex-direction:column;gap:var(--space-2)}.pui-confidence-track{position:relative;block-size:8px;border-radius:var(--radius-pill);background:var(--line-soft);overflow:visible}.pui-confidence-fill{position:absolute;inset-block:0;inset-inline-start:0;inline-size:var(--pui-confidence, 0%);border-radius:var(--radius-pill);background:var(--line-strong)}.pui-confidence-marker{position:absolute;inset-block-start:50%;inset-inline-start:var(--pui-confidence, 0%);transform:translate(calc(-50% * var(--fx-flow, 1)),-50%);inline-size:12px;block-size:12px;border-radius:var(--radius-pill);background:var(--accent);border:2px solid var(--surface)}.pui-confidence-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);font-size:var(--type-micro);color:var(--text-muted)}.pui-reviewer-row{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--space-3);row-gap:var(--space-1);font-size:var(--type-caption);color:var(--text-muted)}.pui-reviewer-row strong{color:var(--text)}.pui-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.pui-btn{min-block-size:44px;min-inline-size:44px;padding-block:var(--space-2);padding-inline:var(--space-5);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);color:var(--text);font-family:var(--font-body);font-size:var(--type-caption);font-weight:var(--weight-bold);cursor:pointer}.pui-btn:hover{border-color:var(--line-strong)}.pui-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--ink-inverse)}.pui-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.pui-btn[aria-pressed=true]{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.pui-result{display:flex;align-items:flex-start;gap:var(--space-3);border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface-raised);padding:var(--space-4);font-size:var(--type-caption)}.pui-result[hidden],.pui-audit li[hidden]{display:none}.pui-result p{margin:0;color:var(--text-muted)}.pui-result strong{color:var(--text);display:block}.pui-result[data-result=approved]{border-color:color-mix(in srgb,var(--status-approved) 45%,var(--surface))}.pui-result[data-result=rejected] .pui-result-shape{color:var(--status-risk)}.pui-result[data-result=escalated] .pui-result-shape,.pui-result[data-result=edit] .pui-result-shape{color:var(--status-watch)}.pui-result-shape{inline-size:18px;block-size:18px;flex-shrink:0;margin-block-start:2px;color:var(--text-muted)}.pui-stamp{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--status-approved);font-family:var(--font-mono);font-size:var(--type-micro);border:1.5px solid currentColor;border-radius:var(--radius-pill);padding-block:var(--space-1);padding-inline:var(--space-3);transform:rotate(-2deg)}.pui-stamp svg{inline-size:14px;block-size:14px}[data-pui-signoff][data-state=approved] .pui-stamp{animation:pui-stamp-in .4s var(--ease-out) both}@keyframes pui-stamp-in{0%{opacity:0;transform:rotate(-2deg) scale(.6)}to{opacity:1;transform:rotate(-2deg) scale(1)}}[data-pui-signoff]:not([data-state=awaiting]) [data-pui-ribbon]{display:none}.pui-audit{font-family:var(--font-mono);font-size:var(--type-micro);color:var(--text-muted)}.pui-audit li{display:flex;gap:var(--space-3);padding-block:var(--space-1);border-block-end:1px dashed var(--line-soft);overflow-wrap:anywhere}.pui-audit li:last-child{border-block-end:none}.pui-audit time{flex-shrink:0;color:var(--text)}.pui-wp-header{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--space-4);row-gap:var(--space-2);border-block-end:1px solid var(--line-soft);padding-block-end:var(--space-4)}.pui-wp-id{font-family:var(--font-mono);font-size:var(--type-h3);font-weight:var(--weight-medium)}.pui-task-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-3);padding-block:var(--space-2);border-block-end:1px solid var(--line-soft);font-size:var(--type-caption)}.pui-task-row:last-child{border-block-end:none}.pui-prio{font-family:var(--font-mono);font-size:var(--type-micro);font-weight:var(--weight-medium);border:1px solid var(--line);border-radius:var(--radius-pill);padding-block:1px;padding-inline:var(--space-2);flex-shrink:0;color:var(--text-muted)}.pui-prio[data-p="1"]{color:var(--accent-text);border-color:color-mix(in srgb,var(--accent) 45%,var(--surface));background:var(--red-tint-08)}.pui-task-title{flex:1 1 12ch;min-inline-size:0}.pui-task-meta{font-family:var(--font-mono);font-size:var(--type-micro);color:var(--text-muted);white-space:nowrap}.pui-handoff{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--space-3);row-gap:var(--space-2);border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface-raised);padding:var(--space-3) var(--space-4);font-size:var(--type-caption)}.pui-handoff .pui-mono{color:var(--text-muted);font-size:var(--type-micro)}.pui-ready-chip{display:inline-flex;align-items:center;gap:var(--space-2);margin-inline-start:auto;font-size:var(--type-micro);font-weight:var(--weight-bold);color:var(--status-ok)}.pui-exports{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}.pui-export-chip{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--type-micro);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-pill);padding-block:var(--space-1);padding-inline:var(--space-3)}[dir=rtl] .pui-window .icon-directional{transform:scaleX(-1)}@container pui (inline-size < 34rem){.pui-rail{display:none}.pui-body{grid-template-columns:1fr}.pui-screen{padding:var(--space-4)}.pui-sparkline,.pui-demo-tag{display:none}}}