/* TRIMARKUS Oberfläche 1.1.0 – one shared control geometry. */
body .tm-ui-close.tm-ui-close,body .tm-ui-arrow.tm-ui-arrow{
 box-sizing:border-box!important;display:inline-grid!important;place-items:center!important;
 width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;
 flex:0 0 44px!important;padding:0!important;gap:0!important;border:1px solid #87b7cf80!important;border-radius:50%!important;
 background:#173e55!important;background-image:none!important;color:#fff!important;
 box-shadow:0 3px 9px #07172526!important;font-size:0!important;line-height:1!important;text-indent:0!important;text-decoration:none!important;
 opacity:1!important;cursor:pointer;touch-action:manipulation;
 transition:background-color .2s,border-color .2s,box-shadow .2s!important;
}
body .tm-ui-close.tm-ui-close::before,body .tm-ui-close.tm-ui-close::after,
body .tm-ui-arrow.tm-ui-arrow::before,body .tm-ui-arrow.tm-ui-arrow::after{content:none!important;display:none!important}
body :is(.tm-ui-close,.tm-ui-arrow)>.tm-ui-glyph{display:block!important;width:20px!important;height:20px!important;margin:0!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important;transform-origin:50% 50%}
body :is(.tm-ui-close,.tm-ui-arrow)>.tm-ui-glyph *{pointer-events:none!important}
body :is(.tm-ui-close,.tm-ui-arrow):focus-visible{outline:3px solid #56bfe8!important;outline-offset:3px!important}
body :is(.tm-ui-close,.tm-ui-arrow):disabled,body :is(.tm-ui-close,.tm-ui-arrow)[aria-disabled=true]{opacity:.45!important;cursor:default}
@media(hover:hover){body :is(.tm-ui-close,.tm-ui-arrow):hover{background:#245c78!important;border-color:#a2dbf3!important;box-shadow:0 4px 12px #07172535!important}}
body :is(.tm-ui-close,.tm-ui-arrow)>:not(.tm-ui-glyph){display:none!important}
body :is(.tm-ui-close,.tm-ui-arrow)[hidden]{display:none!important}
/* One popup family: cyan edge, navy header, light content and shared circular controls. */
body.tm-redesign .tm-photo-dialog,body .tms-dialog{
 border:1px solid #b8d1df!important;border-top:3px solid #45b8dc!important;border-radius:17px!important;
 background:#f4f8fb!important;color:#173e55!important;box-shadow:0 26px 90px #03172780!important;
}
body.tm-redesign .tm-photo-dialog::backdrop,body .tms-dialog::backdrop{background:#031420d9;backdrop-filter:blur(7px)}
body.tm-redesign .tm-photo-dialog{width:min(1120px,calc(100% - 32px));max-width:calc(100% - 32px);max-height:calc(100svh - 32px);padding:0!important;overflow:hidden}
body.tm-redesign .tm-photo-dialog-head,body .tms-dialog .tms-dialog-bar{
 min-height:68px;padding:12px 18px;margin:0;
 background:linear-gradient(115deg,#0b2638,#173e55);border-bottom:1px solid #c1dce844;color:#d7eaf4;
}
body.tm-redesign .tm-photo-dialog-head{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center}
body .tm-ui-photo-title,body .tms-dialog .tms-view-label{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:.17em;line-height:1.3;color:#d7eaf4}
body .tm-ui-photo-title::before{content:'';width:22px;height:2px;background:#58c3e5;border-radius:2px}
body.tm-redesign .tm-photo-counter{padding:5px 9px;border:1px solid #b9dce533;border-radius:20px;color:#c4dce9;font-size:10px;letter-spacing:.06em}
body.tm-redesign .tm-photo-dialog figure{margin:0;padding:20px 66px 0;background:radial-gradient(ellipse at 50% 30%,#fff,#e9f1f6);text-align:center}
body.tm-redesign .tm-photo-dialog figure img{display:block;width:100%;height:min(62svh,calc(100svh - 190px),660px);min-height:80px;max-height:none;object-fit:contain;border-radius:7px;filter:drop-shadow(0 8px 14px #0b29351c)}
body.tm-redesign .tm-photo-dialog figcaption{min-height:3.3em;margin:0;padding:16px 0 14px;font-size:12px;font-weight:600;line-height:1.6;letter-spacing:.015em;color:#254c64}
body.tm-redesign .tm-photo-dialog .tm-photo-dialog-controls{position:absolute;inset:88px 0 62px;display:flex;align-items:center;justify-content:space-between;gap:0;padding:0 17px;margin:0;pointer-events:none}
body.tm-redesign .tm-photo-dialog .tm-photo-dialog-controls>button{pointer-events:auto}
/* All three existing photos retain their own native link and click handler. */
body.tm-redesign .tm-moment-main-link{display:block;position:relative;pointer-events:auto!important;cursor:zoom-in}
body.tm-redesign .tm-moment-contactsheet{pointer-events:none!important;filter:none!important}
body.tm-redesign .tm-moment-contactsheet .tm-moment-print{position:relative;pointer-events:auto!important;cursor:zoom-in}
body.tm-redesign .tm-moment-frame{pointer-events:none!important}
/* One 16-second rhythm replaces the unrelated old loops and abrupt hover rotation. */
body.tm-redesign .tm-moments .tm-moments-photo{
 animation:tm-ui-photo-flow 16s ease-in-out infinite!important;animation-play-state:paused!important;transform-origin:50% 55%;
}
body.tm-redesign .tm-moments .tm-moment-print{
 animation:tm-ui-print-flow 16s ease-in-out infinite!important;animation-play-state:paused!important;transform-origin:50% 55%;box-shadow:0 10px 18px #0c385124;
}
body.tm-redesign .tm-moments .tm-moment-print+.tm-moment-print{animation-delay:-4s!important}
body.tm-redesign .tm-moment-composition .tm-moments-photo img{
 animation:tm-ui-picture-drift 16s ease-in-out infinite!important;animation-play-state:paused!important;
 scale:1.055!important;transform:none!important;transition:none!important;
}
body.tm-redesign .tm-moments-visible :is(.tm-moments-photo,.tm-moment-print),
body.tm-redesign .tm-moments-visible .tm-moments-photo img{animation-play-state:running!important}
body.tm-redesign .tm-moments .tm-moment-rim-light{animation:none!important;stroke-dasharray:none;opacity:.22}
@keyframes tm-ui-photo-flow{0%,100%{translate:0 1px;rotate:-.2deg}50%{translate:0 -4px;rotate:.2deg}}
@keyframes tm-ui-print-flow{0%,100%{translate:0 1px;rotate:-.65deg}50%{translate:0 -6px;rotate:.65deg}}
@keyframes tm-ui-picture-drift{0%,100%{translate:-.55% .15%}50%{translate:.55% -.15%}}
@media(max-width:600px){
 body.tm-redesign .tm-photo-dialog{width:calc(100% - 20px);max-width:calc(100% - 20px);max-height:calc(100svh - 20px)}
 body.tm-redesign .tm-photo-dialog-head,body .tms-dialog .tms-dialog-bar{padding:10px 12px;gap:10px;min-height:64px}
 body.tm-redesign .tm-photo-dialog figure{padding:12px 0 0}
 body.tm-redesign .tm-photo-dialog figcaption{padding:14px 18px}
 body.tm-redesign .tm-photo-dialog .tm-photo-dialog-controls{inset:78px 0 62px;padding:0 10px}
}
@media(prefers-reduced-motion:reduce){
 body :is(.tm-ui-close,.tm-ui-arrow){transition:none!important}
 body .tm-moment-composition{translate:none!important}
 body.tm-redesign .tm-moments :is(.tm-moments-photo,.tm-moment-print),
 body.tm-redesign .tm-moments .tm-moments-photo img{animation:none!important;translate:none!important;rotate:none!important}
}
body.tm-redesign .tm-photo-dialog,body.tm-redesign .tm-photo-dialog *{box-sizing:border-box}