/* Fake macOS Update — shared 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; }

/* macOS update layout */
.fake-mac-update { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-family: -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif; user-select: none; }
.fake-mac-update.theme-dark { background: #1d1d1f; color: #fff; }
.fake-mac-update.theme-black { background: #000; color: #fff; }
.fake-mac-update.theme-light { background: #f5f5f7; color: #1d1d1f; }
.fake-mac-update.theme-recovery { background: #2c2c2e; color: #fff; }
.mac-center { text-align: center; max-width: 720px; width: 90%; }
.mac-apple-logo { width: clamp(56px, 9vw, 110px); height: clamp(56px, 9vw, 110px); margin: 0 auto clamp(20px, 4vh, 40px); }
.mac-title { font-size: clamp(18px, 2.4vw, 32px); font-weight: 400; margin-bottom: clamp(20px, 3vh, 40px); letter-spacing: 0.2px; }
.mac-progress-track { width: 100%; max-width: 420px; height: 6px; margin: 0 auto clamp(14px, 2vh, 20px); background: rgba(255,255,255,0.18); border-radius: 3px; overflow: hidden; }
.fake-mac-update.theme-light .mac-progress-track { background: rgba(0,0,0,0.15); }
.mac-progress-fill { height: 100%; background: linear-gradient(90deg, #007aff, #4ea3ff); border-radius: 3px; transition: width 0.4s ease; }
.fake-mac-update.theme-recovery .mac-progress-fill { background: linear-gradient(90deg, #5ac8fa, #007aff); }
.mac-subtext { font-size: clamp(12px, 1.3vw, 16px); opacity: 0.7; }

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