.success-poster-modal{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:20px}.success-poster-modal.hidden{display:none}.success-poster-dialog{position:relative;width:min(860px,100%);max-height:calc(100dvh - 40px);overflow:auto;border-radius:22px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.35)}.success-poster-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.success-poster-dialog h3{margin:4px 0}.success-poster-dialog header p:last-child{color:var(--muted);font-size:12px}.success-poster-layout{display:grid;grid-template-columns:360px 1fr;gap:22px;padding:22px}.success-poster-preview{display:grid;place-items:center;min-height:470px;border-radius:18px;background:#edf3f0}.success-poster-preview img{display:block;width:100%;max-height:62dvh;object-fit:contain;border-radius:16px;-webkit-touch-callout:default;user-select:auto}.success-poster-controls{display:flex;flex-direction:column;gap:13px}.success-poster-styles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.success-poster-styles button{min-height:42px;background:#f6f8f7;color:#34443e;border-color:var(--line);text-align:left}.success-poster-styles button.selected{border:2px solid #16845b;background:#edf8f3;color:#176b50}.success-poster-controls>#copy-success-poster{margin-top:auto}.success-poster-controls>p{text-align:center;color:var(--muted)}@media(max-width:700px){.success-poster-modal{align-items:end;padding:0}.success-poster-dialog{width:100%;max-height:96dvh;border-radius:22px 22px 0 0}.success-poster-layout{grid-template-columns:1fr;padding:14px}.success-poster-preview{min-height:0}.success-poster-preview img{max-height:62dvh}.success-poster-styles{display:flex;overflow-x:auto}.success-poster-styles button{flex:0 0 auto;white-space:nowrap}.success-poster-controls>#copy-success-poster{display:none}.success-poster-controls>p{display:block!important}}