.spx-view-card,.spx-view-card *{box-sizing:border-box}.spx-view-card{background:var(--surface);border:.5px solid var(--border-subtle);border-radius:var(--radius-lg);min-height:0;box-shadow:var(--shadow-sm);font-family:var(--font-sans);color:var(--text);flex-direction:column;display:flex;overflow:hidden}.spx-view-card__tabs{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:.5px solid var(--border-subtle);white-space:nowrap;display:flex;overflow-x:auto}.spx-view-card__tab{padding:3px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0}.spx-view-card__tab:hover{background:var(--state-hover);color:var(--text)}.spx-view-card__tab.is-active{background:var(--state-hover);color:var(--text);font-weight:var(--weight-medium)}.spx-view-card__tab:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.spx-view-card__add{color:var(--text-tertiary);font-size:var(--text-sm);cursor:pointer;padding:3px var(--space-1);background:0 0;border:0}.spx-view-card__add:hover{color:var(--text)}.spx-view-card__chip{font-size:var(--text-xs);color:var(--accent-text);background:var(--accent-subtle);padding:2px var(--space-2);border-radius:var(--radius-full);align-items:center;gap:4px;display:inline-flex}.spx-view-card__chip-x{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.6rem}.spx-view-card__spacer{min-width:var(--space-2);flex:1}.spx-view-card__body{gap:var(--space-4);min-height:0;padding:var(--space-4);flex-direction:column;flex:1;display:flex;overflow:auto}@media (prefers-reduced-motion:reduce){.spx-view-card__tab{transition:none}}