/* Lens choice */
.bp-see{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:0;border-radius:999px;background:#F3F3F3;color:#0E1311;font:600 14px/20px var(--font,Figtree,sans-serif);cursor:pointer}
.bp-see svg{width:34px;height:20px;padding:3px 4px;border-radius:999px;background:#FFC423;fill:#0E1311}
.bp-see:hover{background:#E9E9E9}
/* Sheet */
.bp-sheet{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center}
.bp-sheet[hidden]{display:none}
.bp-panel{width:100%;max-width:520px;max-height:94svh;overflow:auto;background:#fff;color:#0E1311;border-radius:16px 16px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));display:grid;gap:12px}
.bp-sheet.in .bp-panel{animation:bp-up .45s cubic-bezier(.2,.7,.1,1)}
@keyframes bp-up{from{transform:translateY(100%)}to{transform:none}}
.bp-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.bp-head h2{font:700 20px/1.2 var(--font,Figtree,sans-serif);margin:0}
.bp-close{width:44px;height:44px;border-radius:50%;border:1px solid #E6E6E6;background:#fff;font-size:26px;line-height:1;cursor:pointer;flex:none;color:#0E1311}
.bp-intro{margin:0;font-size:15px;line-height:22px;color:#3A3D3B}
.bp-stage{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#111;touch-action:pan-y;user-select:none}
.bp-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}
.bp-b{clip-path:inset(0 0 0 var(--x))}
.bp-line{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:#fff}
.bp-knob{position:absolute;top:50%;left:var(--x);width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:#FFC423;display:grid;place-items:center;pointer-events:none}
.bp-knob svg{width:46px;height:22px;fill:#0E1311}
.bp-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.bp-range:focus-visible ~ .bp-knob{outline:3px solid #fff;outline-offset:3px}
.bp-tag{position:absolute;top:12px;padding:6px 10px;border-radius:4px;background:rgba(0,0,0,.55);color:#fff;font:600 12px/1 var(--font,Figtree,sans-serif);pointer-events:none}
.bp-tag-a{left:12px}.bp-tag-b{right:12px;background:#FFC423;color:#0E1311}
.bp-note{margin:0;font-size:12px;color:#8E8E8E}
.bp-foot{display:grid;gap:10px}
.bp-foot p{margin:0;font-size:15px;line-height:22px}
.bp-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 22px;border:0;border-radius:4px;background:#FFC423;color:#0E1311;font:700 15px/1 var(--font,Figtree,sans-serif);text-decoration:none;cursor:pointer}
@media(min-width:900px){.bp-sheet{align-items:center}.bp-panel{border-radius:16px}}
@media(prefers-reduced-motion:reduce){.bp-sheet.in .bp-panel{animation:none}}
.lens-block .bp-see{margin-top:10px}
html.bp-open{overflow:hidden}
.bp-sheet *{box-sizing:border-box}
.bp-see{min-height:44px}
.bp-solo{margin-top:12px}