.export-format-row{display:grid;gap:6px;margin:2px 0 0}
.export-format-row.is-triple{grid-template-columns:repeat(3,minmax(0,1fr))}
.export-format-row.is-single{grid-template-columns:minmax(140px,180px)}
.export-format-chip{
  display:flex;align-items:center;gap:6px;min-width:0;min-height:40px;padding:7px 8px;
  border:1px solid var(--border-input,#ececf0);border-radius:9px;
  background:#fff;color:var(--text-main,#20222a);font:inherit;text-align:left;
  cursor:pointer;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease;
}
.export-format-chip:hover:not(:disabled){border-color:#f2b6cb;background:#fff8fb}
.export-format-chip:focus-visible{outline:none;border-color:#ee9fbd;box-shadow:0 0 0 3px rgba(224,36,111,.14)}
.export-format-chip:disabled{opacity:.5;cursor:not-allowed}
.export-format-chip>span{display:grid;gap:1px;min-width:0;flex:1}
.export-format-chip strong{font-size:10.5px;font-weight:750;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.export-format-chip small{font-size:9px;color:#9a9aa3;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.export-format-chip input[type="checkbox"]{width:14px;height:14px;margin:0;flex:none;accent-color:var(--brand-primary,#e0246f)}
.export-format-chip:has(input:checked){border-color:#f0b1c8;background:#fff0f5;box-shadow:inset 0 0 0 1px #f8d5e2}
.export-format-chip.is-action:after{content:"›";flex:none;color:#b9b9c1;font-size:15px;line-height:1}
.export-gallery-switch{
  position:relative;display:flex;align-items:center;gap:12px;margin-top:2px;padding:10px 12px;
  border:1px solid var(--border-input,#ececf0);border-radius:10px;
  background:var(--bg-subtle,#fafafa);cursor:default;
}
.export-gallery-copy{flex:1;min-width:0;text-align:left}
.export-gallery-copy strong{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;font-weight:750;line-height:1.3;color:var(--text-main,#20222a)}
.export-gallery-reward{
  display:inline-flex;align-items:center;padding:1px 6px;border-radius:999px;
  border:1px solid #f4d0dd;background:#fff0f5;color:#b43e69;
  font-size:9px;font-weight:800;line-height:1.4;white-space:nowrap;
}
.export-gallery-help{position:static;display:inline-grid;place-items:center;width:15px;height:15px;flex:none;border:1px solid #d7d9df;border-radius:50%;background:#fff;color:#6c7280;font-size:9px;font-weight:800;line-height:1;cursor:help;outline:none}
.export-gallery-help:hover,.export-gallery-help:focus-visible{border-color:#ee9fbd;background:#fff0f5;color:#b43e69}
.export-gallery-help-pop{
  display:none;position:absolute;left:0;bottom:calc(100% + 6px);z-index:8;width:min(320px,100%);
  padding:8px 10px;border:1px solid #ececf0;border-radius:8px;background:#fff;
  box-shadow:0 8px 22px rgba(20,24,31,.14);color:#6c7280;font-size:9.5px;font-weight:500;line-height:1.6;text-align:left;
}
.export-gallery-help:hover .export-gallery-help-pop,.export-gallery-help:focus .export-gallery-help-pop{display:block}
.export-switch{position:relative;display:block;flex:none;width:38px;height:22px;cursor:pointer}
.export-switch input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.export-switch-track{
  position:absolute;inset:0;border-radius:999px;background:#dcdfe5;
  transition:background .18s ease;pointer-events:none;
}
.export-switch-track:after{
  content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;
  background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.22);transition:transform .18s ease;
}
.export-switch input:checked + .export-switch-track{background:var(--brand-primary,#e0246f)}
.export-switch input:checked + .export-switch-track:after{transform:translateX(16px)}
.export-switch input:focus-visible + .export-switch-track{box-shadow:0 0 0 3px rgba(224,36,111,.18)}
@media(max-width:520px){
  .export-format-row{gap:5px}
  .export-format-chip{min-height:38px;padding:6px;gap:4px}
  .export-format-chip strong{font-size:9.5px}
  .export-format-chip small{font-size:8px}
  .export-format-chip.is-action:after{display:none}
  .export-gallery-switch{padding:9px 10px;gap:9px}
  .export-gallery-help-pop{width:min(320px,100%)}
}