/* Fake Android Update layout */
.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: 10%; 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-android-update { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-family: Roboto, "Noto Sans", -apple-system, "Helvetica Neue", Arial, sans-serif; user-select: none; }
.fake-android-update.theme-stock { background: #0d1f0d; color: #e8f5e9; }
.fake-android-update.theme-pixel { background: #1a1a1a; color: #fff; }
.fake-android-update.theme-samsung { background: #050505; color: #fff; }
.fake-android-update.theme-bootloader { background: #000; color: #a4c639; font-family: "Roboto Mono", "Consolas", monospace; }
.droid-center { text-align: center; max-width: 720px; width: 90%; }
.droid-logo { width: clamp(70px, 11vw, 130px); height: clamp(70px, 11vw, 130px); margin: 0 auto clamp(20px, 3vh, 36px); }
.droid-title { font-size: clamp(16px, 2.2vw, 28px); font-weight: 500; margin-bottom: 6px; }
.droid-version { font-size: clamp(13px, 1.6vw, 20px); opacity: 0.85; margin-bottom: clamp(18px, 3vh, 36px); }
.droid-progress-track { width: 100%; max-width: 480px; height: 6px; margin: 0 auto clamp(12px, 2vh, 20px); background: rgba(164,198,57,0.2); border-radius: 3px; overflow: hidden; }
.fake-android-update.theme-pixel .droid-progress-track { background: rgba(255,255,255,0.18); }
.droid-progress-fill { height: 100%; background: linear-gradient(90deg, #a4c639, #b8e070); border-radius: 3px; transition: width 0.4s ease; }
.fake-android-update.theme-pixel .droid-progress-fill { background: linear-gradient(90deg, #4285f4, #5ea0ff); }
.fake-android-update.theme-samsung .droid-progress-fill { background: linear-gradient(90deg, #1428a0, #3a5ed1); }
.droid-subtext { font-size: clamp(12px, 1.4vw, 16px); opacity: 0.85; margin-bottom: 12px; }
.droid-warning { font-size: clamp(11px, 1.2vw, 14px); opacity: 0.55; letter-spacing: 0.4px; }

[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%)); }