.poster-export-dialog { position:fixed; inset:12px; z-index:20000; width:min(720px,calc(100% - 24px)); max-height:calc(100vh - 24px); max-height:calc(100dvh - 24px); margin:auto; padding:24px; border:1px solid var(--line); border-radius:16px; background:var(--surface); color:var(--text); overflow:auto; box-shadow:0 18px 60px rgba(0,0,0,.22); }
.poster-export-dialog::backdrop { background:rgba(12,25,17,.65); }
.poster-export-header { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.poster-export-header h2 { margin:0; font-size:22px; color:var(--ink); }
.poster-export-help { margin:16px 0; font-size:16px; line-height:1.75; }
.poster-export-picture { background:var(--canvas); padding:12px; border-radius:10px; }
.poster-export-image { display:block; width:100%; height:auto; object-fit:contain; -webkit-touch-callout:default; user-select:auto; -webkit-user-select:auto; pointer-events:auto; }
.poster-export-picture .poster-export-image { width:auto; max-width:100%; max-height:60vh; margin:auto; }
.poster-export-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:20px; }
.poster-export-actions .button { min-height:44px; text-align:center; }
.poster-export-actions [hidden] { display:none; }
.poster-export-status { margin:14px 0 0; color:var(--muted); font-size:14px; line-height:1.7; }
.ai-poster-frame .ai-poster-background,.p-poster-cover>img,#posterLiveImage { -webkit-touch-callout:none; }
.poster-canvas-mount .poster-export-image { width:auto; max-width:100%; max-height:62vh; }
@media(max-width:600px) { .poster-export-dialog { padding:16px; border-radius:12px; } .poster-export-header h2 { font-size:20px; } .poster-export-picture { padding:0; } .poster-export-picture .poster-export-image { width:100%; max-height:none; } .poster-export-actions .button { flex:1 1 150px; } }