.import-shell { width:min(1100px,calc(100% - 2rem)); margin:2rem auto; }
.import-shell h1 { font-size:clamp(2rem,5vw,3.4rem); margin:1.5rem 0 1rem; }
.import-shell h2 { font-size:2rem; }.import-shell h3 { font-size:1rem; }
.local-note { color:#555d50; border-left:3px solid #C6A15B; padding:.5rem 1rem; }
.downloads,.preview-controls { display:flex; flex-wrap:wrap; gap:1rem; justify-content:space-between; margin:1.5rem 0; }
.downloads { justify-content:start; }.downloads a { padding:.5rem 0; }
label { display:block; margin-bottom:.5rem; }input[type=file] { font:inherit; max-width:100%; padding:.75rem 0; }
#import-errors { color:#862c29; }#import-warnings { color:#705010; }li { margin:.5rem 0; overflow-wrap:anywhere; }
button[aria-selected=true],button[aria-pressed=true] { background:#e2d7c4; }
[role=tablist] { display:flex; gap:.5rem; }button { padding:.6rem 1rem; border:1px solid #c6bcae; border-radius:5px; }
.preview-nav { display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin:1rem 0; font-size:.85rem; }
.preview-host { width:min(800px,100%); margin:auto; transition:none; } .preview-host.mobile { width:min(390px,100%); }
.preview-host.mobile .card-face { padding:1.5rem; }.preview-host.mobile .card-front h2 { font-size:2.2rem; }
.table-scroll { overflow:auto; max-width:100%; margin:1.5rem 0; border:1px solid #D9CFC0; }
table { border-collapse:collapse; font-size:.8rem; }caption { text-align:left; padding:1rem; }th,td { padding:.6rem; min-width:130px; max-width:280px; overflow-wrap:anywhere; vertical-align:top; border-bottom:1px solid #D9CFC0; }th { background:#e6ddcf; }td { white-space:pre-wrap; }
.primary { display:block; margin:2rem 0 .5rem; background:#151515; color:#fff; }.primary:disabled { color:#666; background:#ddd7ca; }
@media (max-width:500px) { .preview-nav button { padding:.4rem; }.card-face { padding:1.3rem; }.card-front h2 { font-size:2.1rem; } }
@media (prefers-reduced-motion:reduce) { .flashcard { transition:none; } }