/* All supported exports stay visible together, with readable labels. */
#exportOptionsScreen[hidden],#exampleCapture[hidden] { display:none; }
.export-options-screen { width:100%; height:100%; max-width:1200px; min-height:0; margin:auto; }
.export-options-screen ul { height:100%; margin:0; padding:clamp(12px,3svh,32px) 0; list-style:none; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(0,1fr)); gap:clamp(12px,2svh,28px) 20px; }
.export-options-screen li { min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; text-align:center; }
.export-option-icon { display:flex; align-items:center; justify-content:center; width:clamp(36px,4vw,64px); height:clamp(36px,4vw,64px); color:#adc0db; }
.export-option-icon svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.export-option-icon img { display:block; width:100%; height:100%; object-fit:contain; }
.export-options-screen strong { font-size:clamp(16px,1.4vw,24px); line-height:1.25; font-weight:600; color:#eef1f7; }
.export-option-caption { font-size:clamp(13px,1vw,18px); line-height:1.4; color:#aab4c3; }
@media(max-width:760px) {
 .export-options-screen ul { grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:repeat(4,minmax(0,1fr)); padding:4px 0; gap:8px 10px; }
 .export-options-screen li { gap:5px; }
 .export-options-screen li:last-child { grid-column:2; }
 .export-option-icon { width:28px; height:28px; }
 .export-options-screen strong { font-size:13px; }
 .export-option-caption { display:none; }
}
@media(max-width:760px) and (max-height:620px) {
 .export-option-icon { width:22px; height:22px; }
 .export-options-screen strong { font-size:12px; }
 .export-options-screen ul { gap:6px 8px; }
 .export-options-screen li { gap:3px; }
}