.compare-selector { color:var(--color-text); }
.cs-intro { max-width:var(--reading-max); margin-bottom:var(--sp-5); }
.cs-step { font-family:var(--font-mono); font-size:var(--text-xs); color:var(--color-secondary); }
.cs-intro h2 { font-size:var(--text-3xl); margin:var(--sp-3) 0; }
.cs-intro p,.cs-visible,.cs-meta,.cs-count,.cs-description { color:var(--color-text-muted); }
.cs-filters,.cs-selected,.cs-actions { display:flex;flex-wrap:wrap;gap:var(--sp-2); }
.cs-filter,.cs-chip { border:1px solid var(--color-border); border-radius:var(--radius-pill); background:var(--color-surface);color:var(--color-text);min-height:var(--control-min);padding:var(--sp-2) var(--sp-3); }
.cs-filter[aria-pressed=true] { background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent); }
.cs-visible { font-size:var(--text-sm);margin:var(--sp-4) 0; }
.cs-tiles { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3); }
.cs-tile { position:relative;display:flex;flex-direction:column;gap:var(--sp-3);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-4);background:var(--color-surface);cursor:pointer;min-width:0; }
.cs-tile.is-selected { border-color:var(--color-accent);background:var(--color-accent-soft);box-shadow:inset 0 0 0 1px var(--color-accent); }
.cs-tile:focus-within { outline:3px solid var(--color-focus);outline-offset:3px; }
.cs-tile input { position:absolute;inline-size:1px;block-size:1px;opacity:0; }
.cs-tile:has(input:disabled) { cursor:not-allowed; }
.cs-tile:has(input:disabled) .cs-selected-word { color:var(--color-text-muted); }
.cs-tile-main { display:flex;align-items:center;gap:var(--sp-2); }
.cs-monogram { display:grid;place-items:center;flex-shrink:0;inline-size:var(--control-min);block-size:var(--control-min);border-radius:var(--radius-sm);background:var(--color-surface-raised);font-family:var(--font-head);font-size:var(--text-xl); }
.cs-identity { flex:1;min-width:0;overflow-wrap:anywhere; }
.cs-identity strong { display:block;font-size:var(--text-lg); }
.cs-identity>span,.cs-selected-word,.cs-meta { font-size:var(--text-xs); }
.cs-selected-word { color:var(--color-accent);font-weight:var(--weight-semibold); }
.cs-description { font-size:var(--text-sm); }
.cs-tray { display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);margin-top:var(--sp-5);padding:var(--sp-4);border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:var(--radius-md); }
.cs-tray h3 { margin:0;font-size:var(--text-lg); }
.cs-count { margin:var(--sp-2) 0;font-size:var(--text-sm); }
.cs-chip { font-size:var(--text-sm);background:var(--color-accent-soft); }
.cs-status { min-height:var(--sp-4);color:var(--color-status-warn); }
.cs-actions button:disabled { color:var(--color-text-muted);background:var(--color-surface-raised);border-color:var(--color-border); }
@media(max-width:900px) { .cs-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); }.cs-tray { flex-direction:column;align-items:stretch; } }
@media(max-width:560px) { .cs-tiles { grid-template-columns:1fr; }.cs-actions { flex-direction:column; }.cs-actions button { width:100%; } }