.ttd-flow-host { overflow: hidden; isolation: isolate; }
.ttd-flow-layer { position: absolute; inset: 0; width: 100%; height: 100%; }
.ttd-flow-layer.is-preparing { opacity: 0; pointer-events: none; }
.ttd-flow-layer.is-entering { opacity: 0; transition: opacity var(--ttd-flow-duration, 260ms) ease; }
.ttd-flow-layer.is-visible { opacity: 1; }
.ttd-flow-layer.is-departing { transform: scale(var(--ttd-flow-scale, 1.06)); transition: transform var(--ttd-flow-duration, 260ms) ease-in; }
.is-flow-loading .ttd-flow-layer { pointer-events: none; }
.ttd-flow-status { position: absolute; z-index: 30; top: 12px; left: 50%; transform: translateX(-50%); max-width: calc(100% - 24px); padding: 9px 14px; border-radius: 12px; background: rgba(20,20,20,.85); color: white; font: 14px/1.4 system-ui,sans-serif; text-align: center; pointer-events: none; }
.ttd-flow-status[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) {
  .ttd-flow-layer.is-entering,.ttd-flow-layer.is-departing { transition: none; transform: none; }
}