/* 웹 찍기 화면(#liveCam) 꾸밈 — livecam.js 가 열 때 <link> 로 부른다(11-08 · 운영 보안 머리글 style-src 'self' 가 스크립트로 만든 <style> 을 막아 꾸밈이 통째로 빠졌다 · 사장님 카톡 사진) */
#liveCam{position:fixed;inset:0;margin:0;max-width:none;max-height:none;width:100%;height:100%;border:0;padding:0;background:#000;color:#fff;font:400 15px/1.5 system-ui,-apple-system,"Malgun Gothic",sans-serif;z-index:60}
#liveCam::backdrop{background:#000}
#liveCam video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0b0e14}
#liveCam .lc-quad{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
#liveCam .lc-quad[data-state=none]{display:none}
#liveCam .lc-quad polygon{fill:rgba(16,77,253,.18);stroke:#3b82f6;stroke-width:3;stroke-linejoin:round;transition:fill .2s}
#liveCam .lc-quad[data-state=locked] polygon{fill:rgba(16,77,253,.34);stroke:#60a5fa}
#liveCam .lc-quad circle{fill:#fff;stroke:#104dfd;stroke-width:3}
#liveCam .lc-top{position:absolute;left:0;right:0;top:0;padding:max(12px,env(safe-area-inset-top)) 16px 8px;background:rgba(10,14,22,.72);display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
#liveCam .lc-state{flex:1 1 12em;margin:0;font-weight:600}
#liveCam .lc-btn{min-width:44px;min-height:44px;border:0;border-radius:22px;background:rgba(255,255,255,.16);color:#fff;font:600 15px/1.2 inherit;padding:8px 14px}
#liveCam .lc-btn.strong{background:#104dfd}
#liveCam .lc-btn.pulse{box-shadow:0 0 0 4px rgba(255,255,255,.55)}
#liveCam .lc-toggle{border:1px solid rgba(255,255,255,.5);background:transparent;font-size:.8125rem}
#liveCam .lc-mid{position:absolute;left:16px;right:16px;top:50%;transform:translateY(-50%);display:grid;justify-items:center;gap:12px;text-align:center}
#liveCam .lc-mid p{margin:0;max-width:30em}
#liveCam .lc-mid .lc-sub{color:#d6dbe5;font-size:.8125rem}
#liveCam .lc-hint{position:absolute;left:16px;right:16px;bottom:calc(max(20px,env(safe-area-inset-bottom)) + 104px);margin:0;padding:8px 12px;border-radius:8px;background:rgba(10,14,22,.72);font-size:.8125rem;text-align:center}
#liveCam .lc-bottom{position:absolute;left:0;right:0;bottom:0;padding:12px 16px max(16px,env(safe-area-inset-bottom));background:rgba(10,14,22,.72);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
#liveCam .lc-shutter{width:72px;height:72px;border-radius:50%;border:5px solid #fff;background:#104dfd;color:#fff;font:700 13px/1 inherit}
#liveCam .lc-shutter.pulse{box-shadow:0 0 0 6px rgba(255,255,255,.45)}
#liveCam .lc-shutter:disabled{opacity:.4}
#liveCam .lc-count{justify-self:start;font-weight:700}
#liveCam .lc-done{justify-self:end}
#liveCam .lc-done:disabled{background:rgba(255,255,255,.18);color:#b3b3b3}
#liveCam .lc-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;transition:opacity .15s}
#liveCam .lc-ask{position:absolute;left:16px;right:16px;top:50%;transform:translateY(-50%);border-radius:16px;background:#fff;color:#111;padding:20px;display:grid;gap:12px}
#liveCam .lc-ask p{margin:0}
#liveCam .lc-ask .lc-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
#liveCam .lc-ask .lc-btn{background:#eef0f4;color:#111}
#liveCam .lc-ask .lc-btn.strong{background:#104dfd;color:#fff}
#liveCam [hidden]{display:none!important}
