:root{color-scheme:light dark;--bg: #0b0c10;--fg: #e5e7eb;--muted: #9aa0a6;--accent: #2563eb}.app-header,.app-footer{padding:12px clamp(12px,4vw,24px);border-bottom:1px solid #1f2937}.app-footer{border-top:1px solid #1f2937;border-bottom:none;color:var(--muted)}.app-header h1{margin:0 0 8px;font-size:18px}.controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.control{display:inline-flex;gap:6px;align-items:center}input[type=url],select{min-width:min(52vw,420px);padding:6px 8px;border-radius:6px;border:1px solid #374151;background:#111827;color:var(--fg)}input[type=range]{width:160px}button{-webkit-appearance:none;appearance:none;border:1px solid #374151;background:#111827;color:var(--fg);padding:6px 10px;border-radius:6px;cursor:pointer}button:hover{border-color:#4b5563}.stage{display:grid;place-items:center;padding:10px}.video-wrap{position:relative;width:min(100vw,720px);aspect-ratio:3/4;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 6px 24px #0006}video,.overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.overlay{pointer-events:none}.watch{position:absolute;top:50%;left:50%;width:220px;height:auto;transform-origin:50% 50%;pointer-events:none;opacity:.98}.hint{position:absolute;left:50%;bottom:12px;transform:translate(-50%);background:#111827b8;color:var(--fg);padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid rgba(255,255,255,.1)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/watch-tryon.css.map */