/* Main opens the camera; no activity-mode chooser. */
body.cuepiko-camera-active{overflow:hidden}
#cuepiko-app.cp-camera-open>header,#cuepiko-app.cp-camera-open>nav,#cuepiko-app.cp-camera-open>.cp-disclaimer,#cuepiko-app.cp-camera-open>[data-message]{display:none!important}
#cuepiko-app.cp-camera-open main{padding:0;min-height:0}
#cuepiko-app .cp-camera-screen{position:fixed;inset:0;z-index:999999;background:#020d19;color:#f2f8ff;height:100vh;height:100dvh;overflow:hidden;isolation:isolate;font:14px/1.5 system-ui,sans-serif}
#cuepiko-app .cp-camera-visual{position:absolute;inset:0;transition:bottom .2s,top .2s}
#cuepiko-app .cp-camera-feed{width:100%;height:100%;object-fit:contain;background:#020d19;display:block}
#cuepiko-app .cp-camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:90px 18px 180px;background:radial-gradient(ellipse at 50% 42%,#075281,#071a2f 60%,#020c18);gap:18px}
#cuepiko-app .cp-camera-placeholder .cp-table-art{width:min(100%,480px);height:auto;transform:rotate(-8deg);filter:drop-shadow(0 20px 30px #0008)}
#cuepiko-app .cp-camera-placeholder>span{font-size:10px;letter-spacing:2px;color:#a9d3ee}
#cuepiko-app .cp-camera-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:max(14px,env(safe-area-inset-top)) 15px 12px;background:linear-gradient(#03101aed,#03101a85,transparent);z-index:4;min-height:81px}
#cuepiko-app .cp-camera-brand{font-size:23px;font-weight:750;flex:1;letter-spacing:-.6px}
#cuepiko-app .cp-camera-brand>span{color:#11baff}
#cuepiko-app .cp-camera-brand small{display:block;font-size:11px;letter-spacing:0;color:#c5d8eb;font-weight:400;margin-top:1px}
#cuepiko-app .cp-camera-icon{height:43px;width:43px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff29;background:#0b2035b8;color:#fff;padding:9px;flex-shrink:0}
#cuepiko-app .cp-camera-icon[data-cam=close] .cp-icon{transform:rotate(180deg)}
#cuepiko-app .cp-camera-icon .cp-icon{width:23px;height:23px}
#cuepiko-app .cp-camera-chips{display:flex;gap:7px;position:absolute;top:90px;left:15px;right:15px;align-items:flex-start;z-index:3;pointer-events:none;flex-wrap:wrap}
#cuepiko-app .cp-camera-chip{display:flex;align-items:center;gap:5px;font-size:10px;background:#061b2ed9;border:1px solid #a6d4ff38;border-radius:30px;padding:5px 9px;color:#e6f3ff;max-width:100%;overflow-wrap:anywhere}
#cuepiko-app .cp-camera-chip .cp-icon{width:12px;height:12px}
#cuepiko-app .cp-camera-crosshair{position:absolute;left:50%;top:44%;width:42px;height:42px;border:1px solid #ffffff55;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
#cuepiko-app .cp-camera-crosshair:before,#cuepiko-app .cp-camera-crosshair:after{content:'';position:absolute;background:#ffffff88}
#cuepiko-app .cp-camera-crosshair:before{width:1px;height:12px;left:50%;top:15px}
#cuepiko-app .cp-camera-crosshair:after{height:1px;width:12px;top:50%;left:15px}
#cuepiko-app .cp-camera-bottom{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#020c18e6 28%,#020c18);padding:25px 16px max(12px,env(safe-area-inset-bottom));z-index:4}
#cuepiko-app .cp-camera-note{max-width:500px;margin:0 auto 12px;padding:9px 12px;text-align:center;font-size:12px;color:#d4e4f3;background:#061b2ac9;border:1px solid #5588a33d;border-radius:10px;line-height:1.5}
#cuepiko-app .cp-camera-note[data-error=true]{background:#552d3eea;color:#fff0f2;border-color:#c37087}
#cuepiko-app .cp-camera-tools{display:flex;align-items:center;justify-content:space-evenly;gap:18px;margin:0 auto 8px;max-width:430px}
#cuepiko-app .cp-camera-tool{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;max-width:120px;padding:7px 4px;margin:0;border:0;background:transparent;color:white;min-height:60px;font-size:11px;cursor:pointer}
#cuepiko-app .cp-camera-tool>.cp-icon{width:25px;height:25px}
#cuepiko-app .cp-shutter{width:72px;height:72px;flex-shrink:0;padding:5px;border:2px solid #85d9ff;border-radius:50%;background:#0b4878;color:white;box-shadow:0 0 22px #008dff44}
#cuepiko-app .cp-shutter>span{display:block;border-radius:50%;height:100%;width:100%;background:linear-gradient(145deg,#50cdff,#008cff);border:2px solid #c1efff99}
#cuepiko-app .cp-shutter:active{transform:scale(.95)}
#cuepiko-app .cp-camera-footnote{text-align:center;font-size:10px;color:#8faec6;margin-top:8px}
#cuepiko-app .cp-frozen-stage{position:absolute;inset:0}
#cuepiko-app .cp-frozen-stage>img{position:absolute;width:100%;height:100%;object-fit:contain;max-height:none;max-width:none;display:block;border-radius:0}
#cuepiko-app .cp-mark-layer{position:absolute;inset:0;pointer-events:none}
#cuepiko-app .cp-mark-layer .cp-mark{width:27px;height:27px;font-size:12px;box-shadow:0 2px 10px #0008;background:#008bfa;border-color:white}
#cuepiko-app .cp-mark-layer .cp-point-0{background:#f3f4e7;color:#1c293a}
#cuepiko-app .cp-mark-layer .cp-point-1{background:#ffd33b;color:#1c293a}
#cuepiko-app .cp-mark-layer .cp-point-2{background:#081727;color:#fff}
#cuepiko-app .is-frozen .cp-camera-crosshair{display:none}
#cuepiko-app .is-frozen .cp-camera-visual{top:125px;bottom:330px}
#cuepiko-app .is-frozen.is-panel-collapsed .cp-camera-visual{bottom:210px}
#cuepiko-app .cp-camera-sheet{max-width:550px;margin:auto;border:1px solid #39607e;border-radius:20px;background:#0b2137f5;padding:0 14px 13px;box-shadow:0 -8px 35px #0005}
#cuepiko-app .cp-camera-sheet h3{font-size:16px;margin:0}
#cuepiko-app .cp-sheet-handle{background:transparent;display:block;width:100%;border:0;padding:10px;margin:0;min-height:25px}
#cuepiko-app .cp-sheet-handle>span{display:block;width:35px;height:4px;border-radius:8px;background:#637e95;margin:auto}
#cuepiko-app .cp-camera-text{background:transparent;border:0;padding:8px 0;color:#8edbff;font-size:12px}
#cuepiko-app .cp-marker-choices{display:flex;gap:6px;margin:10px 0}
#cuepiko-app .cp-marker-choices button{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #35516a;background:#102b43;color:#d1e0ef;border-radius:9px;padding:9px 4px;font-size:11px;min-height:43px}
#cuepiko-app .cp-marker-choices button[aria-pressed=true]{background:#07558b;border-color:#27bdff;color:white}
#cuepiko-app .cp-marker-choices button.has-point{box-shadow:inset 0 -2px #5bc4f7}
#cuepiko-app .cp-dot-white,#cuepiko-app .cp-dot-yellow{display:block;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff,#c6d1da)}
#cuepiko-app .cp-dot-yellow{background:radial-gradient(circle at 35% 25%,#fff3a3,#ffbb00)}
#cuepiko-app .cp-guide-unavailable{border-top:1px solid #35516a;padding-top:10px;margin-top:10px}
#cuepiko-app .cp-guide-unavailable p{font-size:11px;margin:7px 0 10px;color:#b7cce0}
#cuepiko-app .cp-sheet-content>.cp-row{flex-wrap:nowrap;gap:6px}
#cuepiko-app .cp-sheet-content .cp-button{font-size:11px;min-height:41px;padding:8px;flex:1}
#cuepiko-app .cp-sheet-content .cp-button .cp-icon{width:17px;height:17px}
#cuepiko-app .cp-sheet-content>small{display:block;font-size:10px;margin-top:7px;color:#a5c0d7}
#cuepiko-app .is-panel-collapsed .cp-sheet-content{display:none}
#cuepiko-app .cp-camera-dialog{color:#f2f8ff;background:#0b2036;border:1px solid #45708f;border-radius:20px;padding:20px;max-width:390px;width:calc(100% - 30px);max-height:calc(100dvh - 40px);position:fixed;inset:0;margin:auto;box-shadow:0 20px 80px #0008}
#cuepiko-app .cp-camera-dialog::backdrop{background:#0009}
#cuepiko-app .cp-camera-dialog p{font-size:12px}
#cuepiko-app .cp-camera-dialog h3{font-size:17px;margin:0}
@media(min-width:800px){#cuepiko-app .cp-camera-bottom{padding-left:30px;padding-right:30px}#cuepiko-app .cp-camera-top{padding-left:28px;padding-right:28px}#cuepiko-app .cp-camera-chips{left:28px}}
@media(max-height:600px) and (min-width:560px){#cuepiko-app .cp-camera-bottom{overflow-y:auto;scrollbar-width:thin}#cuepiko-app .cp-guide-unavailable p{display:none}#cuepiko-app .cp-marker-choices{margin:6px 0}#cuepiko-app .cp-marker-choices button{padding:6px 3px;min-height:36px}#cuepiko-app .cp-camera-sheet h3{font-size:14px}#cuepiko-app .cp-camera-footnote{margin-top:5px}}
@media(max-height:600px) and (min-width:560px){#cuepiko-app .cp-camera-bottom{width:330px;left:auto;top:75px;bottom:0;padding:5px 12px;background:linear-gradient(90deg,transparent,#020c18d9)}#cuepiko-app .cp-camera-top{padding:8px 14px;min-height:60px}#cuepiko-app .cp-camera-chips{top:65px;right:340px}#cuepiko-app .cp-camera-placeholder{padding:65px 350px 20px 20px}#cuepiko-app .cp-camera-brand{font-size:20px}#cuepiko-app .cp-camera-brand small{font-size:10px}#cuepiko-app .is-frozen .cp-camera-visual{inset:65px 340px 10px 0}#cuepiko-app .is-frozen.is-panel-collapsed .cp-camera-visual{bottom:10px}#cuepiko-app .cp-camera-note{font-size:11px;margin-bottom:6px;padding:7px}#cuepiko-app .cp-camera-tools{gap:5px}#cuepiko-app .cp-shutter{width:60px;height:60px}#cuepiko-app .cp-camera-sheet{padding:0 10px 9px}#cuepiko-app .cp-guide-unavailable{padding-top:5px;margin-top:5px}#cuepiko-app .cp-sheet-handle{padding:7px;min-height:20px}}