.live-video-tools{display:flex;justify-content:flex-end;align-items:center;gap:6px;padding:7px 10px;border-top:1px solid var(--line);background:var(--surface)}
.live-video-tools button{min-height:28px;padding:5px 9px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--muted);font-size:11px}
.live-video-tools button:hover{background:var(--hover);color:var(--ink)}
.live-video-tools button:disabled{opacity:.55}
.live-video-capture{width:min(880px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.live-video-capture::backdrop{background:#101713a8;backdrop-filter:blur(2px)}
.lvt-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100dvh - 28px)}
.lvt-card>header,.lvt-card>footer{display:flex;align-items:center;gap:8px;padding:11px 14px}
.lvt-card>header{justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px}
.lvt-card>header button{width:30px;height:30px;border-radius:5px;color:var(--muted);font-size:21px;line-height:1}
.lvt-card>header button:hover{background:var(--hover);color:var(--ink)}
.lvt-frame{display:grid;place-items:center;min-height:0;overflow:auto;padding:14px;background:#111714}
.lvt-image{position:relative;max-width:100%;max-height:calc(100dvh - 150px);line-height:0}
.lvt-frame canvas{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 150px);object-fit:contain;touch-action:none;cursor:crosshair}
.lvt-selection{position:absolute;border:2px solid #fff;background:#ffffff26;box-shadow:0 0 0 9999px #0006;pointer-events:none}
.lvt-card>footer{justify-content:flex-end;border-top:1px solid var(--line)}
.lvt-card>footer [data-error]{min-width:0;flex:1;color:#c45a53;font-size:11px;overflow-wrap:anywhere}
.lvt-card>footer button{min-height:32px;padding:6px 11px;border:1px solid var(--line);border-radius:6px;background:var(--surface);font-size:11px}
.lvt-card>footer button[data-save]{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:600}
.lvt-card>footer button:disabled{opacity:.5}
@media(max-width:520px){
  .live-video-capture{width:100vw;max-height:100dvh;border:0;border-radius:0}
  .lvt-card{max-height:100dvh}
  .lvt-frame{padding:8px}
  .lvt-image,.lvt-frame canvas{max-height:calc(100dvh - 125px)}
  .lvt-card>footer{gap:5px;padding:9px}
}