.image-video-surface{position:relative;display:block;max-width:100%;overflow:hidden;line-height:0;border-radius:.5rem}
.image-video-surface>img,.image-video-surface>picture,.image-video-surface>picture>img{display:block;max-width:100%;height:auto;margin-inline:auto}
.image-viewport-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .12s linear;pointer-events:none}
.image-viewport-video.is-playing{opacity:1}
.image-media-detail figure{margin:0 auto 1.5rem;max-width:667px;text-align:center}
.image-media-detail figcaption{margin-top:.5rem;font-size:.875rem}
.image-media-animation{padding-top:1rem;border-top:1px solid #d9e2ec}
.image-media-downloads{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}
.image-video-toggle{margin-top:.65rem}
.image-card-share-status{font-size:.8rem;line-height:1.4;white-space:normal}
.image-media-upload li{overflow-wrap:anywhere}
.gif-actions button{cursor:pointer;color:inherit;font:inherit;border:0;background:transparent;padding:.25rem .5rem}
[data-ecard-choices] label{display:inline-block;margin:.5rem 1rem .5rem 0}
[data-ecard-panel][hidden]{display:none!important}
[data-share-file][aria-busy=true]{opacity:.65;cursor:progress}
@media(prefers-reduced-motion:reduce){.image-viewport-video{transition:none}}

.image-media-static>img,[data-ecard-panel]>img{display:block;max-width:100%;height:auto;margin-inline:auto}

/* Variant controls use one shared layout for detail pages and greeting cards. */
.media-selector{display:grid;gap:1rem;min-width:0}.media-selector-preview,.media-selector-controls{min-width:0}.media-player-surface{width:min(100%,500px,calc(68vh * var(--media-ratio,0.666666667)));margin-inline:auto;background:transparent;aspect-ratio:var(--media-ratio,0.666666667)}.media-player-surface>img{width:100%;height:100%;object-fit:contain}.media-player-surface>.image-viewport-video{width:100%;height:100%;transition:none}.media-section{margin-block:1rem 2rem;scroll-margin-top:5rem}.media-section h2{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.media-playback{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.65rem}.media-selector fieldset{padding:0;margin:0 0 .75rem;border:0;min-width:0}.media-selector legend{font-weight:600;margin-bottom:.35rem}.media-choices{display:flex;gap:.4rem;flex-wrap:wrap}.media-choice{min-height:44px;padding:.5rem .75rem;border:1px solid #a3b0be;border-radius:.5rem;color:#123b60;background:#fff;font:inherit;cursor:pointer}.media-choice[aria-pressed=true]{background:#123b60;color:white;border-color:#123b60}.media-choice:focus-visible{outline:3px solid #c77900;outline-offset:2px}.media-actions{display:grid;gap:.65rem}.media-actions>a,.media-actions>button{min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;white-space:normal}.media-status{font-size:.875rem;line-height:1.45;overflow-wrap:anywhere}.media-status:empty{display:none}.media-summary{font-size:.9rem;margin:.75rem 0}.media-selector-controls{padding:.8rem;border-radius:.5rem;background:#fff;color:#123b60}.media-audio-choice{display:grid;gap:.4rem;text-align:left}.media-audio-choice select{min-height:44px;max-width:100%;font:inherit}.media-admin-files{display:grid;gap:1rem;margin:1rem 0}.media-admin-row{padding:.75rem;background:#fff;color:#123b60;border:1px solid #b7c7d7;border-radius:.5rem;overflow-wrap:anywhere}.media-admin-row label{display:block;margin:.5rem 0}.media-admin-row select{max-width:100%;min-height:40px}.media-admin-row video{max-width:100%;max-height:220px}.media-admin-row fieldset{padding:.5rem;border:1px solid #ccd5dd}.media-review{font-size:.875rem;color:#8a4a00}.image-media-upload input[type=file]{max-width:100%;margin:.75rem 0}.image-category-pause{margin:.5rem 0;white-space:nowrap}.media-selector [hidden],[data-ecard-music][hidden],[data-media-playback][hidden]{display:none!important}.ecard-media-display .media-player-surface{max-width:500px}.image-viewport-video:fullscreen{opacity:1;background:#000;pointer-events:auto}.media-player-surface:fullscreen{max-height:none;width:100%;height:100%}
@media(min-width:1024px){.image-media-detail .media-selector{grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);align-items:start}.media-selector-controls{position:sticky;top:5rem}}
@media(max-width:380px){.media-choice{padding:.5rem;font-size:.9rem}}

#ngx_detail #ngximages{display:block}#ngx_detail #ngximages>div+div{margin-top:1.5rem}

.media-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.media-choice{overflow-wrap:anywhere}

/* A decoded video replaces its poster, including when paused. */
.media-player-surface.has-video-frame>img{visibility:hidden}
.media-player-surface>[hidden]{display:none!important}
.media-playback .btn-yellow,.ecard-media-display .btn-yellow{color:#123b60}
[data-upload-media-status]{white-space:pre-line}
.media-admin-row .media-delete-permanently{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;margin-top:.5rem;padding:.55rem .8rem;border:1px solid #b42318;border-radius:.5rem;background:#fff;color:#b42318;font:inherit;white-space:normal;cursor:pointer}
.media-admin-row .media-delete-permanently:hover{background:#fff1f0}
.media-admin-row .media-delete-permanently:focus-visible{outline:3px solid #b42318;outline-offset:2px}
.media-admin-row .media-delete-permanently:disabled{opacity:.6;cursor:wait}