#ttc-design .poster-dialog{width:min(940px,calc(100vw - 32px));max-width:940px;height:min(920px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #d9e1ee;border-radius:18px;margin:auto;background:white;color:#142849;box-shadow:0 20px 80px #14284933}#ttc-design .poster-dialog[open]{display:flex;flex-direction:column}.poster-dialog::backdrop{background:#14284988}.poster-dialog .picker-head{padding:20px 24px 12px;align-items:flex-start}.poster-meta{padding:0 24px 16px;font-size:14px;color:#53617a}.poster-meta strong{color:#142849}.poster-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 24px;background:#f5f7fc;border-block:1px solid #d9e1ee;flex-shrink:0}.poster-zoom{display:flex;gap:8px;align-items:center}.poster-stage{flex:1;min-height:0;overflow:auto;background:#e8edf5;overscroll-behavior:contain;padding:20px;touch-action:pan-x pan-y pinch-zoom}.poster-stage:focus-visible{outline:3px solid #2453a6;outline-offset:-3px}.poster-image{display:block;width:100%;height:auto;margin:0 auto;box-shadow:0 4px 18px #14284922;max-width:none}.poster-image.zoomed{width:1080px}.poster-state{height:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:20px}.poster-state p{max-width:400px;color:#53617a}.spinner{width:38px;height:38px;border:4px solid #d9e1ee;border-top-color:#2453a6;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none;border-style:dotted}}.poster-dialog .modal-actions{flex-shrink:0;padding:16px 24px;display:flex;justify-content:space-between;border-top:1px solid #d9e1ee;gap:12px}.poster-dialog .modal-actions p{font-size:12px;max-width:480px;color:#53617a}.poster-dialog .modal-actions a{white-space:nowrap}
#ttc-design .poster-dialog [hidden]{display:none!important}.ready-note{font-size:12px;color:#53617a}.poster-zoom{flex-shrink:0}.poster-zoom .tc-btn{white-space:nowrap}#poster-download{white-space:nowrap}.calendar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media(max-width:700px){#ttc-design .poster-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:14px}.poster-dialog .picker-head{padding:16px 16px 10px}.poster-meta{padding:0 16px 12px}.poster-tools{padding:8px 12px}.poster-stage{padding:12px}.poster-dialog .modal-actions{padding:12px;flex-direction:column}.poster-dialog .modal-actions a{width:100%}.ready-note{max-width:120px;font-size:11px}.poster-zoom{gap:6px}.poster-zoom #fit{padding:10px}.poster-dialog .picker-head h2{font-size:20px}#ttc-design .tc-heading{flex-wrap:wrap;gap:16px}}

.poster-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.poster-buttons .tc-btn{white-space:nowrap}.poster-dialog .modal-actions{flex-wrap:wrap}.poster-dialog #share-help,.poster-dialog #share-error{flex-basis:100%;max-width:none;margin:0}.poster-dialog #share-error{color:#a32b2b}@media(max-width:700px){.poster-buttons{width:100%;flex-direction:column}.poster-buttons .tc-btn{width:100%;justify-content:center}.poster-dialog .modal-actions{gap:8px}.poster-dialog #share-help{font-size:12px}}
@media(max-width:700px){.poster-dialog .modal-actions{flex-wrap:nowrap}.poster-dialog #share-help,.poster-dialog #share-error{flex-basis:auto}.poster-buttons{flex-shrink:0;gap:8px}}
