.preview{padding:var(--space-6);max-width:1600px;margin:0 auto}.preview__head h1{font-family:var(--font-display);margin:0;font-size:28px}.preview__sub{color:var(--text-secondary);margin:var(--space-1) 0 var(--space-4)}.preview__controls{gap:var(--space-4);padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap;align-items:center;display:flex;position:sticky;top:0}.preview__toggle,.preview__select{align-items:center;gap:var(--space-2);cursor:pointer;min-height:32px;font-size:13px;display:inline-flex}.preview__select select{min-height:32px;font:inherit;background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px var(--space-2)}.preview__readout{font-family:var(--font-mono);color:var(--text-tertiary);margin-inline-start:auto;font-size:11px}.preview__grid{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(440px,1fr));display:grid}.preview__case h2{font-family:var(--font-display);margin:0;font-size:16px}.preview__why{color:var(--text-tertiary);margin:2px 0 var(--space-2);font-size:12px}.preview__facts{gap:var(--space-3);margin:0 0 var(--space-2);flex-wrap:wrap;font-size:11px;display:flex}.preview__facts div{gap:var(--space-1);display:flex}.preview__facts dt{color:var(--text-tertiary)}.preview__facts dd{font-family:var(--font-mono);color:var(--foreground);margin:0}.preview__sync{grid-column:1/-1}.preview__syncrow{gap:var(--space-5);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.preview__syncrow h3{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 var(--space-2);font-size:10px}.preview__button{font:inherit;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--foreground);cursor:pointer;background:0 0;min-height:32px;font-size:12px}.preview__case h2 em{color:var(--text-tertiary);font-style:normal;font-weight:400}
