.pc{background:var(--surface);border:1px solid var(--line-4);border-radius:8px;flex-direction:column;gap:10px;margin:0;padding:14px 16px 12px;display:flex}.pc figcaption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:13.5px;display:flex}.pc .title{color:var(--text);font-weight:600}.pc .unit{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.pc-controls{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.pc-sizes{flex-wrap:wrap;gap:4px;display:inline-flex}.pc-size{border:1px solid var(--line-5);color:var(--text-muted);font:inherit;font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:5px;padding:4px 9px;font-size:11px}.pc-size[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#e3a85b26}.pc-regen{background:var(--accent);color:var(--surface);font:inherit;cursor:pointer;border:none;border-radius:6px;padding:5px 11px;font-size:12px;font-weight:600}.pc-regen:hover:not(:disabled){background:var(--accent-hover)}.pc-size:disabled,.pc-regen:disabled{cursor:default}.pc-plot svg{width:100%;height:auto;display:block;overflow:visible}.pc-plot polyline{transition:opacity .15s,stroke-width .15s}.pc-hover{font-family:var(--font-mono);color:var(--text-muted);min-height:16px;font-size:11px}.pc .legend{font-family:var(--font-mono);flex-wrap:wrap;gap:5px;margin:0;padding:0;font-size:11px;list-style:none;display:flex}.pc-pill{border:1px solid var(--line-4);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;display:flex}.pc-pill[data-on=true]{border-color:var(--text-soft);background:#ffffff0f}.pc-swatch{border-radius:50%;flex:none;width:8px;height:8px}.pc .lbl{color:var(--text-soft)}.pc .mid{font-family:var(--font-mono);color:var(--text-dim);font-size:11px}.pc .note{color:var(--text-muted);text-wrap:pretty;font-size:13px;line-height:1.55}