/* Shared Lens experience. Header sizing remains in its desktop/mobile stylesheets. */
.lens-camera-overlay{display:none;position:fixed;inset:0;z-index:20000;overflow:hidden;background:#080808;color:#fff}
.lens-camera-overlay.open{display:flex;flex-direction:column}
.lens-camera-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:10px 18px;background:rgba(0,0,0,.72)}
.lens-camera-title{font-size:22px;font-weight:800;letter-spacing:.4px}
.lens-camera-close{width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.lens-camera-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#111}
.lens-camera-video{width:100%;height:100%;object-fit:cover;background:#111}
.lens-camera-status{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);max-width:calc(100% - 32px);padding:8px 12px;border-radius:7px;background:rgba(0,0,0,.72);font-size:14px;text-align:center}
.lens-camera-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;padding:20px max(22px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));background:#090909}
.lens-camera-upload{justify-self:end;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:0;border-radius:50%;background:#fff;color:#111;font-size:25px;cursor:pointer}
.lens-camera-capture{display:flex;align-items:center;justify-content:center;width:88px;height:88px;padding:0;border:5px double #111;border-radius:50%;outline:4px solid #fff;background:#fff;color:#111;cursor:pointer}
.lens-camera-capture svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.lens-camera-spacer{width:64px;height:64px}

@media(min-width:601px){
  .lens-camera-overlay{padding:24px;background:rgba(10,7,9,.92)}
  .lens-camera-shell{display:flex;flex-direction:column;width:min(760px,calc(100vw - 48px));height:min(760px,calc(100vh - 48px));margin:auto;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:#080808;box-shadow:0 24px 70px rgba(0,0,0,.55)}
  .lens-camera-stage{min-height:360px}
}
@media(max-width:600px){
  .lens-camera-shell{display:flex;flex:1;min-height:0;flex-direction:column;width:100%;height:100%}
  .lens-camera-topbar{padding-top:calc(10px + env(safe-area-inset-top))}
  .lens-camera-title{font-size:20px}
  .lens-camera-controls{gap:16px}
  .lens-camera-upload{width:58px;height:58px}
  .lens-camera-capture{width:82px;height:82px}
  .lens-camera-spacer{width:58px;height:58px}
}