/* Preview-only styles. Everything here is removed or replaced before launch. */

/* video.js chrome without video.js: hide its controls, keep the native video filling the frame */
.video-js .vjs-control-bar, .video-js .vjs-big-play-button, .video-js .vjs-loading-spinner,
.video-js .vjs-text-track-display, .video-js .vjs-modal-dialog, .video-js .vjs-poster,
.video-js .vjs-error-display, .video-js .vjs-title-bar { display: none !important; }
.video-js video.vjs-tech { width: 100%; height: 100%; object-fit: cover; }

/* Placeholder marking (hidden in ?compare=1 screenshot mode) */
html:not(.compare-mode):not(.ls-launch) [data-placeholder] { outline: 2px dashed #f59e0b !important; outline-offset: 3px; }
html.ls-launch .pv-badge, html.ls-launch .pv-chat-bubble, html.ls-launch .pv-modal { display: none !important; }
[data-feature-hidden] { display: none !important; }

.pv-badge { position: fixed; left: 8px; bottom: 8px; z-index: 2147483000; background: #111; color: #fde68a;
  font: 600 12px/1.3 system-ui, sans-serif; padding: 6px 10px; border-radius: 6px; max-width: 70vw; pointer-events: none; }
html.compare-mode .pv-badge { display: none; }

.pv-chat-bubble { position: fixed; right: 20px; bottom: 20px; z-index: 2147482000; width: 64px; height: 64px; border-radius: 50%;
  border: 2px dashed #f59e0b; background: #e5e7eb; color: #374151; cursor: pointer; display: flex; flex-direction: column;
  align-items: center; justify-content: center; font: 600 9px/1.1 system-ui, sans-serif; padding: 0; }
.pv-chat-icon { font-size: 20px; line-height: 1; }
html.compare-mode .pv-chat-label { display: none; }

.pv-modal { position: fixed; inset: 0; z-index: 2147483600; background: rgba(0,0,0,.55); display: none;
  align-items: center; justify-content: center; padding: 16px; }
.pv-modal.open { display: flex; }
.pv-modal-card { background: #fff; color: #111; max-width: 440px; width: 100%; border-radius: 12px; padding: 22px;
  font: 15px/1.5 system-ui, sans-serif; border-top: 6px solid #f59e0b; }
.pv-modal-tag { font: 700 11px/1 system-ui, sans-serif; letter-spacing: .08em; color: #b45309; margin-bottom: 8px; }
.pv-modal-card h3 { margin: 0 0 8px; font-size: 18px; }
.pv-modal-card button { margin-top: 14px; background: #111; color: #fff; border: 0; border-radius: 8px; padding: 8px 16px; cursor: pointer; }

.pv-mobile-drawer { display: none; position: fixed; top: 0; left: 0; right: 0; z-index: 2147482500; background: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.15); padding: 70px 24px 24px; flex-direction: column; gap: 4px; }
.pv-mobile-drawer.open { display: flex; }
.pv-mobile-link { display: block; padding: 12px 4px; font: 600 17px/1.2 Montserrat, system-ui, sans-serif; color: #000;
  text-decoration: none; border-bottom: 1px solid #eee; }

.pv-drawer-close { position: absolute; top: 14px; right: 16px; width: 40px; height: 40px; border: 0; background: transparent;
  font: 32px/1 system-ui, sans-serif; color: #000; cursor: pointer; }