.unipay-app-preview{top:calc(var(--up-messaging-viewport-top,0px) + var(--up-messaging-top-clearance,70px)) !important;bottom:auto !important;height:calc(var(--up-messaging-viewport-height,100dvh) - var(--up-messaging-top-clearance,70px)) !important;max-height:calc(var(--up-messaging-viewport-height,100dvh) - var(--up-messaging-top-clearance,70px)) !important;background:rgba(1,8,22,.5) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
.unipay-app-preview-panel{position:relative;isolation:isolate;max-height:100% !important;overflow-y:auto !important;background:linear-gradient(145deg,rgba(11,30,52,.97),rgba(4,17,36,.98)) !important}
.unipay-app-preview [data-app-preview-content]{position:relative;isolation:isolate;min-height:240px;overflow:hidden}
.up-app-backdrop{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;opacity:.23}
.up-app-backdrop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;animation:upAppBackdrop 18s ease-in-out infinite}
.up-app-backdrop img:nth-child(2){animation-delay:6s}.up-app-backdrop img:nth-child(3){animation-delay:12s}
@keyframes upAppBackdrop{0%,3%{opacity:0}8%,29%{opacity:1}35%,100%{opacity:0}}
.up-app-step-nav,.up-app-step-stage,.up-app-step-controls{position:relative;z-index:1}
.up-app-step-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0 8px;padding:7px;border:1px solid rgba(140,234,255,.35);border-radius:16px;background:rgba(3,20,40,.88)}
.up-app-step-nav button{min-width:0;min-height:41px;padding:8px;border:1px solid rgba(145,237,255,.28);border-radius:11px;background:rgba(35,76,99,.7);color:#ebfcff;font:700 clamp(11px,1.6vw,14px) system-ui,sans-serif;cursor:pointer}
.up-app-step-nav button[aria-current="step"]{background:linear-gradient(130deg,#127b9d,#4758ba);border-color:#baf6ff;box-shadow:0 0 13px rgba(55,218,255,.32)}
.up-app-step-panel{min-height:220px;padding:10px 12px 16px;border:1px solid rgba(132,229,255,.22);border-radius:17px;background:rgba(3,19,39,.88)}
.up-app-step-panel[hidden]{display:none !important}
.up-app-step-panel .up-app-hero{margin-top:0}
.up-app-step-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0 3px}
.up-app-step-controls button{min-height:37px;padding:7px 12px;border:1px solid rgba(150,238,255,.5);border-radius:10px;background:rgba(21,83,112,.88);color:#f3fdff;font-weight:700;cursor:pointer}
.up-app-step-controls button:disabled{opacity:.42;cursor:default}
.up-app-step-controls span{font-size:12px;color:#c8eff8}
@media(max-width:780px){.unipay-app-preview{top:calc(var(--up-messaging-viewport-top,0px) + var(--up-messaging-top-clearance,56px)) !important;height:calc(var(--up-messaging-viewport-height,100dvh) - var(--up-messaging-top-clearance,56px)) !important;max-height:calc(var(--up-messaging-viewport-height,100dvh) - var(--up-messaging-top-clearance,56px)) !important}.up-app-step-nav{gap:4px;padding:5px}.up-app-step-nav button{min-height:38px;padding:5px;font-size:11px}.up-app-step-panel{padding:8px;min-height:180px}}
@media(prefers-reduced-motion:reduce){.up-app-backdrop img{animation:none}.up-app-backdrop img:first-child{opacity:1}}