.media-choice-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;color:var(--ink)}
.media-choice-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px 12px}
.media-choice-dialog>header h2{margin:0;font-size:20px}
.media-choice-dialog .dialog-body{padding:8px 24px 24px}
.media-choice-options{display:grid;gap:10px}
.media-choice-options>button{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:17px 18px;min-width:0;white-space:normal;text-align:left;border:1px solid transparent;border-radius:10px;background:var(--ui-surface,#f5f7f9);color:var(--ink);line-height:1.5}
.media-choice-options>button:hover{background:var(--ui-hover,#eef1f5);border-color:var(--ui-control,#d8dee7)}
.media-choice-options strong{font-size:15px;font-weight:600}
.media-choice-options span,.media-choice-dialog .media-choice-note{font-size:12px;color:var(--ui-muted,#66707e);line-height:1.6}
.media-choice-dialog .media-choice-note{margin:14px 0 0}
.image-groups-list{display:grid;gap:30px;margin-block:24px;min-width:0}
.image-groups-list:empty{display:none}
.image-group{min-width:0;max-width:100%}
.image-group-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:10px}
.image-group-header h2{font-size:14px;font-weight:600;line-height:1.5;margin:0 auto 0 0}
.image-group-header>.image-group-original{flex-basis:100%;margin-top:0}
.image-group .quiet{background:transparent;border-color:transparent;border-radius:7px;color:var(--ui-muted,#66707e)}
.image-group .quiet:hover{background:var(--ui-hover,#eef1f5);color:var(--ink)}
.image-group button:disabled{opacity:.4;cursor:default}
.image-group-original{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0;max-width:100%;font-size:12px;line-height:1.5;color:var(--ui-muted,#66707e)}
.image-group-filename{min-width:0;overflow-wrap:anywhere;flex:1 1 150px}
.image-group-download{color:var(--accent-text);text-decoration:none;white-space:nowrap;padding-block:6px}
.image-group-download:hover{text-decoration:underline}
.image-group-slide{display:flex;align-items:center;justify-content:center;position:relative;min-width:0;min-height:160px;height:min(60vh,600px);padding:8px;background:var(--ui-surface,#f5f7f9);border-radius:8px}
.image-group-slide img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.image-group-navigation{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px}
.image-group-navigation button{min-height:36px;min-width:58px}
.image-group-count{min-width:64px;text-align:center;font-size:12px;color:var(--ui-muted,#66707e);font-variant-numeric:tabular-nums}
.image-group-expanded{display:grid;gap:22px;min-width:0}
.image-group-expanded figure{min-width:0;margin:0}
.image-group-expanded img{display:block;max-width:100%;height:auto;margin-inline:auto}
.image-group-expanded figcaption{margin-top:6px}
.image-group-error,.image-group-action-error{font-size:12px;line-height:1.6;color:var(--ui-muted,#66707e)}
.image-group [hidden]{display:none!important}
@media(max-width:700px){
 .media-choice-dialog>header{padding:18px 18px 10px}
 .media-choice-dialog .dialog-body{padding:8px 18px 20px}
 .image-group-slide{height:min(55vh,440px);min-height:140px;padding:4px}
 .image-group .quiet,.image-group-download{min-height:40px}
 .image-group-download{display:inline-flex;align-items:center}
 .image-group-original{gap:4px 10px}
}
@media print{
 .image-group-header button,.image-group-navigation,.image-group-original button,.image-group-download{display:none}
 .image-group-slide{height:auto;background:transparent}
 .image-group-slide img{height:auto;max-height:none}
 .image-group-expanded figure{break-inside:avoid}
}