.lens-opt .lens-swatch{border-radius:50%;flex:none;width:16px;height:16px;box-shadow:inset 0 0 0 1px #0101352e}.lens-opt.on .lens-swatch{box-shadow:inset 0 0 0 1px #fff9}.lens-pv{margin-top:18px}.lens-pv-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.lens-pv-title{color:var(--navy);font-size:14px;font-weight:700}.lens-pv-scenes,.lens-pv-light{flex-wrap:wrap;gap:6px;display:flex}.lens-pv-light{margin-top:10px}.lens-pv-scene{border-radius:var(--r-pill);border:1.5px solid var(--line-2);height:32px;font-family:var(--body);color:var(--ink-70);cursor:pointer;background:#fff;padding:0 14px;font-size:12.5px;font-weight:600}.lens-pv-scene.on{background:var(--navy);border-color:var(--navy);color:#fff}.lens-pv-stage{aspect-ratio:16/10;border-radius:var(--r-sm);background:var(--blue-tint);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.lens-pv-img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lens-pv-lens{clip-path:inset(0 0 0 var(--pos));position:absolute;inset:0}.lens-pv-tint{mix-blend-mode:multiply;transition:background 1.2s var(--ease-apple);position:absolute;inset:0}.lens-pv-tag{border-radius:var(--r-pill);color:#fff;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;text-overflow:ellipsis;background:#0101358c;max-width:45%;padding:5px 10px;font-size:11.5px;font-weight:600;position:absolute;top:12px;overflow:hidden}.lens-pv-tag--l{left:12px}.lens-pv-tag--r{right:12px}.lens-pv-handle{top:0;bottom:0;left:var(--pos);background:#fff;outline:none;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 0 1px #0101351f}.lens-pv-knob{width:40px;height:40px;color:var(--navy);box-shadow:var(--shadow);transition:transform var(--dur-fast) var(--ease-apple);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lens-pv-stage.is-dragging .lens-pv-knob,.lens-pv-handle:focus-visible .lens-pv-knob{transform:translate(-50%,-50%)scale(1.1)}.lens-pv-handle:focus-visible .lens-pv-knob{box-shadow:0 0 0 3px var(--blue)}.lens-pv-hint{border-radius:var(--r-pill);color:var(--navy);pointer-events:none;animation:lens-pv-nudge 2.4s var(--ease-apple) .6s 2;background:#ffffffe6;padding:5px 12px;font-size:11.5px;font-weight:600;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}@keyframes lens-pv-nudge{0%,to{transform:translate(-50%)}30%{transform:translate(calc(-50% - 10px))}60%{transform:translate(calc(10px - 50%))}}.lens-pv-note{color:var(--ink-70);margin-top:10px;font-size:13px}.lens-pv-note--solo{margin-top:12px}.lens-pv-fine{color:var(--ink-50);margin-top:6px;font-size:11.5px}@media (prefers-reduced-motion:reduce){.lens-pv-tint,.lens-pv-knob{transition:none}.lens-pv-hint{animation:none}}.lens-try-btn{border-radius:var(--r-pill);border:1.5px solid var(--navy);height:46px;color:var(--navy);font-family:var(--body);cursor:pointer;transition:background var(--dur-fast) var(--ease-apple), color var(--dur-fast) var(--ease-apple);background:#fff;align-items:center;gap:10px;margin-top:14px;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.lens-try-btn:hover{background:var(--navy);color:#fff}.lens-try-btn-sub{opacity:.65;font-size:12.5px;font-weight:500}.lens-try-overlay{z-index:80;animation:lens-try-fade var(--dur-fast) ease both;background:#01013566;position:fixed;inset:0}.lens-try{top:0;bottom:0;width:min(560px,100vw);animation:lens-try-in var(--dur) var(--ease-apple) both;background:#fff;flex-direction:column;display:flex;position:absolute;inset-inline-end:0;box-shadow:-24px 0 60px -30px #01013573}.lens-try[dir=rtl]{animation-name:lens-try-in-rtl}@keyframes lens-try-fade{0%{opacity:0}}@keyframes lens-try-in{0%{transform:translate(100%)}}@keyframes lens-try-in-rtl{0%{transform:translate(-100%)}}.lens-try-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 24px 12px;display:flex}.lens-try-title{font-family:var(--display);color:var(--navy);margin:0;font-size:26px}.lens-try-sub{color:var(--ink-50);margin:4px 0 0;font-size:13.5px}.lens-try-close{border:1.5px solid var(--line-2);width:40px;height:40px;color:var(--navy);cursor:pointer;background:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.lens-try-body{flex:1;padding:8px 24px 24px;overflow-y:auto}.lens-try-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-50);margin-bottom:8px;font-size:12.5px;font-weight:700;display:block}.lens-try-select-wrap{align-items:center;display:flex;position:relative}.lens-try-select-wrap .lens-swatch{pointer-events:none;border-radius:50%;width:18px;height:18px;position:absolute;inset-inline-start:16px;box-shadow:inset 0 0 0 1px #0101352e}.lens-try-select{border-radius:var(--r-sm);border:1.5px solid var(--line-2);appearance:none;width:100%;height:52px;font-family:var(--body);color:var(--navy);cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23010135' stroke-width='2.4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 16px center no-repeat;padding-inline:16px 40px;font-size:15px;font-weight:600}.lens-try[dir=rtl] .lens-try-select{background-position:16px}.lens-try-select:focus-visible{outline:3px solid var(--blue);outline-offset:1px}.lens-try-desc{color:var(--ink-70);margin:10px 0 0;font-size:13.5px}.lens-try .lens-pv{margin-top:16px}.lens-try .lens-pv-stage{aspect-ratio:4/3}.lens-try-hint{color:var(--ink-50);margin-top:4px;font-size:12.5px}.lens-try-foot{border-top:1px solid var(--line);padding:16px 24px 24px}.lens-try-use{width:100%}.lens-try-use small{opacity:.8;font-weight:500}@media (prefers-reduced-motion:reduce){.lens-try,.lens-try-overlay{animation:none}}.lens-try-select{text-overflow:ellipsis}@media (max-width:480px){.lens-try-head,.lens-try-body,.lens-try-foot{padding-inline:16px}.lens-try-select{font-size:14px}}.lens-pv-note--warn{border-radius:var(--r-xs);background:var(--burg-tint);color:var(--burgundy);padding:8px 12px;font-weight:600}.lens-try-views{border-radius:var(--r-pill);background:var(--ghost);border:1px solid var(--line);gap:4px;margin-top:18px;padding:4px;display:inline-flex}.lens-try-view{border-radius:var(--r-pill);height:36px;font-family:var(--body);color:var(--ink-70);cursor:pointer;transition:background var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:0;padding:0 16px;font-size:13.5px;font-weight:600}.lens-try-view.on{background:var(--navy);color:#fff}.lens-out{margin-top:16px}.lens-out-stage{aspect-ratio:16/10;border-radius:var(--r-sm);touch-action:pan-y;background:#eef3fb;position:relative;overflow:hidden}.lens-out-canvas{cursor:grab;inset:0;position:absolute!important}.lens-out-canvas:active{cursor:grabbing}.lens-out-loading,.lens-out-fallback{position:absolute;inset:0}.lens-out-loading:after{content:"";border:3px solid var(--line-2);border-top-color:var(--navy);border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;animation:.8s linear infinite lens-out-spin;position:absolute;top:50%;left:50%}@keyframes lens-out-spin{to{transform:rotate(360deg)}}.lens-out-drag{border-radius:var(--r-pill);color:var(--navy);pointer-events:none;background:#ffffffd9;padding:5px 12px;font-size:11.5px;font-weight:600;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.lens-out-next{top:12px;border-radius:var(--r-pill);border:1px solid var(--line-2);height:32px;color:var(--navy);font-family:var(--body);cursor:pointer;background:#ffffffeb;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;inset-inline-end:12px}.lens-out-next:hover{background:var(--navy);color:#fff}
