:root{--simulator-bg: #0b0f14;--simulator-panel: #101922;--simulator-text: #e7edf3;--simulator-muted: #a7b3c2;--simulator-border: rgba(255, 255, 255, .12);--simulator-accent: #137fec}.lens-simulator-container{max-width:1200px;margin:0 auto;padding:40px 20px;font-family:var(--font-body-family, ui-sans-serif, system-ui, sans-serif)}.lens-simulator-header{text-align:center;margin-bottom:32px}.lens-simulator-header h1{font-size:clamp(28px,4vw,42px);font-weight:900;margin-bottom:12px;letter-spacing:-.02em}.lens-simulator-header p{color:var(--simulator-muted, #666);font-size:15px}.lens-simulator-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:36px;align-items:start}@media (max-width: 900px){.lens-simulator-grid{grid-template-columns:1fr}}.simulator-controls{display:flex;flex-direction:column;gap:28px}.scene-selector h3,.lens-selector h3{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;margin-bottom:12px;color:var(--simulator-muted, #666)}.scene-list{display:flex;gap:10px;flex-wrap:wrap}.scene-item{border:2px solid transparent;border-radius:10px;overflow:hidden;cursor:pointer;transition:all .15s ease;width:72px;height:54px;position:relative;background:#eee}.scene-item img{width:100%;height:100%;object-fit:cover}.scene-item:hover{transform:translateY(-2px);border-color:#00000026}.scene-item.active{border-color:var(--simulator-accent, #137fec);box-shadow:0 0 0 2px #137fec40}.lens-section{margin-bottom:16px}.lens-section-title{font-size:13px;font-weight:700;margin-bottom:10px;color:var(--simulator-muted, #666)}.lens-list{display:flex;flex-wrap:wrap;gap:10px}.lens-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;gap:6px;text-align:center;padding:8px;border-radius:12px;border:1px solid transparent;background:#00000005;transition:all .15s ease;width:72px}.lens-item:hover{transform:translateY(-2px);border-color:#00000014;background:#0000000a}.lens-item.active{background:#137fec1a;border-color:#137fec99}.lens-swatch{width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,.1);position:relative;overflow:hidden}.lens-swatch-image{width:100%;height:100%;object-fit:contain;display:block}.lens-swatch-inner{width:100%;height:100%}.lens-name{font-size:11px;color:#333;line-height:1.2;font-weight:600}.lens-item.active .lens-name{color:#000}.simulator-preview{position:relative;width:100%;border-radius:16px;overflow:hidden;background:#000;aspect-ratio:16 / 9;box-shadow:0 4px 20px #00000026;-webkit-user-select:none;user-select:none;touch-action:none;--split: .5}.preview-top-labels{position:absolute;top:12px;left:0;right:0;display:flex;justify-content:space-between;padding:0 16px;z-index:10;pointer-events:none;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.preview-top-labels .label-left,.preview-top-labels .label-right{background:#0000008c;color:#fff;padding:6px 10px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preview-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.tint-layer{position:absolute;top:0;bottom:0;left:calc(var(--split) * 100%);right:0;background:var(--tint-color, transparent);opacity:var(--tint-opacity, 0);mix-blend-mode:var(--tint-blend-mode, multiply);pointer-events:none;transition:background .2s ease,opacity .2s ease}.simulator-handle{position:absolute;top:0;left:calc(var(--split) * 100%);transform:translate(-50%);height:100%;width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;cursor:ew-resize}.handle-line{display:block!important;position:absolute!important;top:0!important;bottom:0!important;left:50%!important;transform:translate(-50%)!important;width:2px!important;background:#fff!important;box-shadow:0 0 4px #00000080!important;z-index:1!important;pointer-events:none}.simulator-preview,.tint-layer,.simulator-handle,.handle-line,.handle-grip{will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}@media (max-width: 899px){.handle-line{box-shadow:0 0 2px #00000080!important}}.handle-grip{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;gap:4px;z-index:2;transition:transform .15s ease,background .15s ease}.simulator-handle:hover .handle-grip,.simulator-handle:focus .handle-grip{transform:scale(1.1);background:#000000bf}.arrow{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent}.arrow-left{border-right:7px solid rgba(255,255,255,.85);margin-right:2px}.arrow-right{border-left:7px solid rgba(255,255,255,.85);margin-left:2px}.lens-info-panel{margin-top:20px;background:#f8f9fa;padding:20px 24px;border-radius:12px;border:1px solid rgba(0,0,0,.06)}.lens-info-title{font-size:18px;font-weight:700;margin:0 0 6px}.lens-info-desc{font-size:14px;color:#666;margin:0 0 16px;line-height:1.5}.lens-cta-button{display:inline-block;background:#000;color:#fff;padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:600;font-size:14px;transition:background .2s ease,transform .15s ease}.lens-cta-button:hover{background:#222;transform:translateY(-1px)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/pages-tinted-lens-simulator.css.map */