#constant-export-open { white-space:nowrap; }
.constant-export-dialog { width:min(860px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); padding:24px; overflow:auto; }
.constant-export-dialog[open] { display:flex; flex-direction:column; gap:16px; }
.constant-export-heading { display:flex; align-items:center; gap:12px; padding-right:40px; flex-shrink:0; }
.constant-export-heading h2 { margin:0; font-size:20px; }
#constant-export-count { color:var(--muted); font-size:12px; }
.constant-export-controls { flex-shrink:0; display:grid; grid-template-columns:minmax(0,1fr) 170px auto; gap:12px; align-items:end; }
.constant-export-controls label,.constant-export-filters label { display:flex; flex-direction:column; gap:6px; font-size:13px; color:var(--muted); min-width:0; }
.constant-export-controls select,.constant-export-filters select { width:100%; min-height:42px; color:var(--text); background:var(--bg); color-scheme:dark; }
.constant-export-filters { flex-shrink:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.constant-export-controls .constant-export-abbreviate { flex-direction:row; align-items:center; min-height:42px; white-space:nowrap; }
.constant-export-abbreviate input { accent-color:var(--ultima); }
.constant-export-note { flex-shrink:0; margin:0; color:var(--muted); font-size:12px; }
.constant-export-preview { display:flex; justify-content:center; min-height:0; overflow:hidden; }
#constant-export-image { display:block; min-height:0; max-width:100%; max-height:52dvh; width:100%; height:auto; margin:0; object-fit:contain; }
#constant-export-status { margin:0; color:var(--muted); font-size:13px; }
#constant-export-status:empty { display:none; }
.constant-export-actions { flex-shrink:0; }
.constant-export-actions .personal-button { display:block; width:100%; min-height:44px; text-align:center; background:var(--card); }
@media(max-width:540px) {
  .constant-export-dialog { padding:20px 16px; gap:12px; }
  .constant-export-controls { grid-template-columns:170px minmax(0,1fr); gap:10px; }
  .constant-export-filters { gap:8px; }
  .constant-export-filters select { padding-inline:8px; }
  .constant-export-controls label:first-child { grid-column:1 / -1; }
  .constant-export-controls .constant-export-abbreviate { min-height:42px; }
  .constant-export-heading { flex-wrap:wrap; gap:6px 10px; }
}
@media(max-height:500px) {
  .constant-export-dialog { overflow:auto; }
  .constant-export-preview { flex-shrink:0; }
  #constant-export-image { max-height:40dvh; }
}
@media(max-width:380px) {
  .constant-export-controls { grid-template-columns:minmax(0,1fr); }
}