.shot{-webkit-user-select:none;user-select:none;touch-action:none;background:#000;position:relative;overflow:hidden}.shot-bg{pointer-events:none;display:block;position:absolute;inset:0}.shot-hole{outline:2px solid var(--accent-btn);position:absolute;box-shadow:0 0 0 9999px #0c101873}.shot-hole.pick{pointer-events:none;transition:left 60ms,top 60ms,width 60ms,height 60ms;box-shadow:0 0 0 9999px #0c101847}.shot.picking{cursor:crosshair}.shot-all{box-shadow:inset 0 0 0 2px var(--accent-btn);pointer-events:none;position:absolute;inset:0}.shot-loupe{z-index:7;pointer-events:none;color:#fff;background:#12161ee6;border-radius:6px;padding:5px;font-size:12px;line-height:1.5;position:absolute;box-shadow:0 4px 14px #00000059}.shot-loupe canvas{border:1px solid #ffffffb3;display:block}.shot-loupe dl{grid-template-columns:auto 1fr;gap:0 10px;margin:5px 2px 2px;display:grid}.shot-loupe dt{color:#ffffffa6}.shot-loupe dd{text-align:right;font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:5px;margin:0;display:flex}.shot-loupe dd i{border-radius:2px;width:10px;height:10px;box-shadow:0 0 0 1px #fff9}.shot-loupe p{color:#ffffffa6;max-width:120px;margin:0 2px;font-size:11.5px}.shot-size{z-index:4;color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#0c1018c7;border-radius:4px;padding:2px 8px;font-size:12px;position:absolute}.shot-canvas{cursor:crosshair;position:absolute}.shot-canvas.shot-t-text{cursor:text}.shot-canvas.shot-t-move{cursor:move}.shot-grips{z-index:3;pointer-events:none;position:absolute}.shot-grip{background:var(--accent-btn);pointer-events:auto;touch-action:none;border:1px solid #fff;border-radius:1px;width:8px;height:8px;margin:-5px 0 0 -5px;position:absolute}.shot-grip:after{content:"";position:absolute;inset:-5px}.shot-grip.g-nw{cursor:nwse-resize;top:0;left:0}.shot-grip.g-n{cursor:ns-resize;top:0;left:50%}.shot-grip.g-ne{cursor:nesw-resize;top:0;left:100%}.shot-grip.g-e{cursor:ew-resize;top:50%;left:100%}.shot-grip.g-se{cursor:nwse-resize;top:100%;left:100%}.shot-grip.g-s{cursor:ns-resize;top:100%;left:50%}.shot-grip.g-sw{cursor:nesw-resize;top:100%;left:0}.shot-grip.g-w{cursor:ew-resize;top:50%;left:0}.shot-type{resize:none;background:0 0;border:1px dashed #fffc;outline:none;min-width:120px;padding:0 2px;font-weight:600;line-height:1.35;position:absolute;overflow:hidden}.shot-bar{background:var(--surface);width:max-content;max-width:calc(100% - 16px);box-shadow:var(--shadow);z-index:5;border-radius:10px;flex-wrap:wrap;align-items:center;gap:2px;padding:5px 6px;display:flex;position:absolute}.shot-bar .btn.primary.sm{margin-left:4px}.shot-bar .sbtn{width:28px;height:28px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.shot-bar .sbtn:hover{background:var(--surface-2)}.shot-bar .sbtn.on{background:var(--accent-soft);color:var(--accent)}.shot-bar .sbtn:disabled{opacity:.4;cursor:default}.shot-w{background:currentColor;border-radius:50%;display:inline-block}.shot-sep{background:var(--line);width:1px;height:18px;margin:0 4px}.shot-c{cursor:pointer;border:2px solid #0000;border-radius:50%;width:16px;height:16px;margin:0 1px;padding:0;box-shadow:inset 0 0 0 1px #0000001f}.shot-c.on{border-color:var(--accent)}.shot-ocr{background:var(--surface);width:320px;max-width:calc(100% - 16px);max-height:min(420px,70vh);box-shadow:var(--shadow);z-index:6;border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px 14px;display:flex;position:absolute;overflow-y:auto}.shot-ocr-h{justify-content:space-between;align-items:center;display:flex}.shot-ocr-t{white-space:pre-wrap;word-break:break-word;max-height:180px;margin:0;font-size:13px;line-height:1.6;overflow-y:auto}.shot-ocr .select.sm{height:28px;padding:0 22px 0 8px;font-size:12px}.shot-modal{background:var(--bg);border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden}.shot-wrap{z-index:90;background:var(--scrim);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shot-blank{background:#000;position:fixed;inset:0}:is(body:has(.shot),body:has(.shot-blank),body:has(.shot-panel),body:has(.shot-recbar:not(.fixed))){margin:0;overflow:hidden}.shot-bar .sbtn.lbl{gap:4px;width:auto;padding:0 8px;font-size:12px}.shot-panel{background:var(--surface);color:var(--ink);box-sizing:border-box;border:1px solid var(--line);-webkit-app-region:drag;-webkit-user-select:none;user-select:none;border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px 12px;display:flex;position:fixed;inset:0}.shot-panel-h{justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;display:flex}.shot-panel-h .muted{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.shot-panel-pv{background:var(--surface-2);-webkit-app-region:no-drag;border-radius:6px;flex:1;min-height:0;overflow:hidden auto}.shot-panel-pv canvas{margin:0 auto;display:block}.shot-panel-s{min-height:18px;color:var(--ink-2);align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.shot-panel .row.end{-webkit-app-region:no-drag;justify-content:flex-end}.shot-recbar{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-sizing:border-box;-webkit-app-region:drag;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:0 8px 0 12px;display:flex;position:fixed;inset:0}.shot-recbar.fixed{z-index:95;height:44px;box-shadow:var(--shadow);inset:auto 20px 20px auto}.shot-recbar .sbtn,.shot-recbar .btn{-webkit-app-region:no-drag}.shot-recbar .sbtn{width:28px;height:28px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.shot-recbar .sbtn:hover{background:var(--surface-2)}.shot-recbar .sbtn.on{background:var(--accent-soft);color:var(--accent)}.shot-recbar .sbtn:disabled{opacity:.4;cursor:default}.shot-rec-dot{background:#e04848;border-radius:50%;flex:none;width:8px;height:8px;animation:1.2s ease-in-out infinite shot-rec-blink;box-shadow:0 0 0 3px #e0484838}.shot-recbar.paused .shot-rec-dot{background:var(--ink-3,#8a94a6);box-shadow:none;animation:none}@keyframes shot-rec-blink{0%,to{opacity:1}50%{opacity:.35}}.shot-rec-t{font-variant-numeric:tabular-nums;min-width:42px;font-size:13px}.shot-recbar .btn.shot-rec-stop{color:#fff;background:#e04848;border-color:#e04848;margin-left:auto}.shot-recbar .btn.shot-rec-stop:hover{filter:brightness(1.08)}.shot-edit{flex-direction:column;align-items:center;gap:10px;max-width:100%;display:flex}.shot-bar.out{justify-content:center;position:static}