/* Fake iOS Update */
.fake-screen-preview-wrapper { position: relative; width: 100%; border-radius: 8px; overflow: hidden; background: #000; }
.fake-screen-preview { width: 100%; min-height: 320px; aspect-ratio: 16/9; display: flex; align-items: center; justify-content: center; background: #000; color: #fff; }
.preview-fullscreen-icon { position: absolute; top: 10px; right: 10px; background: rgba(0,0,0,0.6); border: none; border-radius: 8px; padding: 8px; width: 36px; height: 36px; display: none; align-items: center; justify-content: center; cursor: pointer; color: #fff; z-index: 10; }
.preview-fullscreen-icon:hover { background: rgba(0,0,0,0.85); transform: scale(1.08); }
.fake-screen-fullscreen { position: fixed; inset: 0; width: 100vw; height: 100vh; z-index: 99999; background: #000; display: none; align-items: center; justify-content: center; }
.fake-screen-fullscreen #fullscreenContent { width: 100%; height: 100%; }
.exit-hint { position: absolute; top: 20px; right: 20px; background: rgba(255,255,255,0.92); color: #000; padding: 8px 16px; border-radius: 6px; font-size: 14px; font-weight: 500; z-index: 10; animation: fadeInOut 4s ease-in-out; }
@keyframes fadeInOut { 0%,100% { opacity: 0; } 10%,90% { opacity: 1; } }

.fake-progress-slider { --value: 5%; height: 8px; background: #e9ecef; border-radius: 4px; outline: none; -webkit-appearance: none; }
.fake-progress-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; background: #052c65; border-radius: 50%; cursor: pointer; }
.fake-progress-slider::-webkit-slider-runnable-track { height: 8px; background: linear-gradient(to right, #052c65 0%, #052c65 var(--value, 0%), #e9ecef var(--value, 0%)); border-radius: 4px; }
.fake-progress-slider::-moz-range-thumb { width: 20px; height: 20px; background: #052c65; border-radius: 50%; cursor: pointer; border: none; }
.fake-progress-slider::-moz-range-progress { height: 8px; background: #052c65; border-radius: 4px; }

.fake-ios-update { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-family: -apple-system, "SF Pro Text", "Helvetica Neue", Arial, sans-serif; user-select: none; }
.fake-ios-update.theme-black { background: #000; color: #fff; }
.fake-ios-update.theme-white { background: #fff; color: #000; }
.ios-center { text-align: center; max-width: 540px; width: 90%; }
.ios-logo { width: clamp(48px, 7vw, 84px); height: clamp(48px, 7vw, 84px); margin: 0 auto clamp(20px, 4vh, 40px); }
.ios-progress-ring { width: clamp(90px, 12vw, 140px); height: clamp(90px, 12vw, 140px); margin: 0 auto clamp(20px, 3vh, 32px); }
.ios-title { font-size: clamp(17px, 2vw, 24px); font-weight: 500; margin-bottom: 8px; letter-spacing: -0.2px; }
.ios-subtext { font-size: clamp(13px, 1.4vw, 17px); opacity: 0.75; }

[data-bs-theme="dark"] .fake-progress-slider { background: #343a40; }
[data-bs-theme="dark"] .fake-progress-slider::-webkit-slider-runnable-track { background: linear-gradient(to right, #6ea8fe 0%, #6ea8fe var(--value, 0%), #343a40 var(--value, 0%)); }