/* HIT CMS v8.3I DEV01B — Landscape Pre-Load readiness progress polish. */
.preload-upload-card,.preload-native-card{border:1px dashed #cbd3df;border-radius:12px;padding:14px;background:#fbfcfe}.preload-video-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.preload-video-name{font-size:12px;color:var(--muted);max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preload-native-copy{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.preload-native-copy strong{font-size:13px}.preload-native-copy span{font-size:11px;line-height:1.55;color:var(--muted)}.preload-stage-note{border-left:3px solid #9eb4ca;padding-left:14px}
.preload-preview{width:270px;height:480px;margin:0 auto 4px;background:#000;border-radius:15px;overflow:hidden;position:relative;box-shadow:0 12px 30px rgba(5,35,69,.18);display:grid;place-items:center;transition:width .25s ease,height .25s ease,aspect-ratio .25s ease}.preload-preview[data-orientation="landscape"]{width:min(100%,560px);height:auto;aspect-ratio:16/9;border-radius:12px}.preload-preview video{position:absolute;inset:0;width:100%;height:100%;object-fit:var(--preload-fit,cover);background:#000}.preload-preview-logo{display:none;position:relative;z-index:2;max-width:55%;max-height:62%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.18))}.preload-preview-empty{position:relative;z-index:2;color:#fff;font-size:10px;letter-spacing:.16em;text-align:center;line-height:1.7;opacity:.72;padding:24px}.preload-preview-badge{position:absolute;left:14px;right:14px;bottom:14px;z-index:3;background:rgba(0,0,0,.58);border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#fff;padding:7px 10px;font-size:8px;letter-spacing:.1em;text-align:center;backdrop-filter:blur(4px)}.preload-progress-demo{height:3px;background:rgba(255,255,255,.2);margin-top:6px;border-radius:99px;overflow:hidden}.preload-progress-demo i{display:block;height:100%;width:74%;background:#fff;border-radius:inherit;animation:preloadDemo 2.8s ease-in-out infinite}@keyframes preloadDemo{0%{transform:translateX(-110%)}65%,100%{transform:translateX(145%)}}

/* Landscape mirrors the actual kiosk readiness indicator. Portrait styling remains unchanged. */
.preload-preview[data-orientation="landscape"] .preload-preview-badge{left:50%;right:auto;bottom:18px;transform:translateX(-50%);width:min(220px,64%);background:transparent;border:0;border-radius:0;padding:0;color:#fff;font-size:8px;font-weight:700;letter-spacing:.1em;text-shadow:0 1px 5px rgba(0,0,0,.65);backdrop-filter:none}
.preload-preview[data-orientation="landscape"] .preload-progress-demo{height:3px;margin-top:8px;background:rgba(255,255,255,.22)}
.preload-preview[data-orientation="landscape"] .preload-progress-demo i{width:56%;animation:none;transform:none;background:#fff}