#image-export-dialog { width:min(900px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); margin:auto; padding:20px; border:1px solid #526473; border-radius:12px; background:#141f29; color:#e6edf2; box-shadow:0 24px 80px #0009; overflow:auto; overscroll-behavior:contain; }
#image-export-dialog::backdrop { background:#040b13b8; }
#image-export-dialog [hidden] { display:none !important; }
#image-export-dialog .image-export-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
#image-export-dialog h2 { margin:0; font-size:20px; color:#e6edf2; border:0; }
#image-export-dialog button,#image-export-dialog a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 14px; border:1px solid #657685; border-radius:5px; background:transparent; color:#e6edf2; font:inherit; font-size:14px; text-decoration:none; cursor:pointer; }
#image-export-dialog .image-export-close { width:44px; padding:0; border:0; font-size:28px; }
#image-export-dialog .image-export-instructions,#image-export-dialog .image-export-status { color:#b9c5cf; font-size:13px; line-height:1.6; margin:12px 0; }
#image-export-dialog .image-export-status:empty { display:none; }
#image-export-dialog .image-export-preview { margin:16px 0; }
#image-export-dialog img { display:block; width:100%; height:auto; -webkit-touch-callout:default; user-select:auto; border-radius:3px; }
#image-export-dialog .image-export-actions { display:flex; flex-wrap:wrap; gap:10px; }
#image-export-dialog .image-export-share { background:#e2ddcc; color:#14202a; border-color:#e2ddcc; flex:1 1 100%; font-weight:600; }
#image-export-dialog :is(button,a):focus-visible { outline:2px solid #a8cae9; outline-offset:2px; }
#image-export-dialog button:disabled { opacity:.55; cursor:wait; }