.mobile-preview-bar{display:none;position:fixed;top:80px;left:0;right:0;z-index:40;background:#dc2626;color:#fff;padding:8px 12px;box-shadow:0 2px 10px #00000040;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;will-change:transform;transform:translateY(calc(-100% - 80px));transition:transform .18s ease-out}.mobile-preview-bar.dismissed{display:none!important}.mobile-preview-bar.visible{display:flex;align-items:center;gap:10px;transform:translateY(0)}.mobile-preview-bar__label{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;opacity:.95;flex-shrink:0}.mobile-preview-bar__thumb-wrap{flex:1 1 auto;height:56px;overflow:hidden;display:flex;align-items:center;justify-content:center;pointer-events:none}.mobile-preview-bar__thumb{transform:scale(.4);transform-origin:center center;will-change:transform}.mobile-preview-bar__expand{flex-shrink:0;font-size:11px;font-weight:600;background:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:4px 10px;white-space:nowrap}.mobile-preview-bar__close{flex-shrink:0;width:28px;height:28px;border-radius:999px;background:#ffffff26;border:1px solid rgba(255,255,255,.35);color:#fff;font-size:18px;line-height:1;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-preview-bar__close:hover,.mobile-preview-bar__close:focus-visible{background:#ffffff4d;outline:none}.mobile-preview-overlay{position:fixed;inset:0;z-index:100;background:#000000e0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;overflow:auto;-webkit-overflow-scrolling:touch;animation:mobilePreviewFade .18s ease-out}@keyframes mobilePreviewFade{0%{opacity:0}to{opacity:1}}.mobile-preview-overlay__close{position:absolute;top:16px;right:16px;background:#fff;color:#111827;border:none;border-radius:999px;padding:10px 18px;font-weight:600;font-size:14px;box-shadow:0 4px 12px #0000004d;cursor:pointer;z-index:1}.mobile-preview-overlay__inner{background:#dc2626;border-radius:16px;padding:28px 20px;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px #00000080}.mobile-preview-overlay__scale{transform:scale(1.6);transform-origin:center center}@media(min-width:1024px){.mobile-preview-bar,.mobile-preview-overlay{display:none!important}}