.cam{gap:20px;display:grid}.cam-grid{grid-template-columns:minmax(0,1.62fr) minmax(300px,1fr);gap:16px;display:grid}.cam-grid>.cam-view{aspect-ratio:auto;min-height:340px}.cam-view{aspect-ratio:16/9;background:var(--tile);isolation:isolate;border-radius:24px;display:grid;position:relative;overflow:hidden}.cam-view[data-phase=live]{background:#14110f}.cam-view[data-phase=error]{aspect-ratio:auto}.cam-view video{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease-out);position:absolute;inset:0}.cam-view[data-phase=live] video{opacity:1}.cam-view video.is-mirror{transform:scaleX(-1)}.cam-flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.cam-chips{pointer-events:none;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:14px;left:14px}.cam-chips span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-family:var(--font-mono);font-variant-numeric:tabular-nums;background:#14110f8c;border-radius:999px;padding:5px 10px;font-size:12.5px}.cam .media-switch.is-over{min-height:34px;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#14110f8c;padding:0 12px 0 8px;font-size:13px;position:absolute;bottom:14px;left:14px}.cam .media-switch.is-over .media-switch-track{background:#ffffff47}.cam .media-switch.is-over[aria-pressed=true] .media-switch-track{background:var(--accent)}.cam-side{align-content:start;gap:12px;display:grid}.cam-stats{grid-template-columns:1fr 1fr}.cam .tool-stat b{white-space:nowrap;font-size:clamp(21px,2.1vw,26px)}.cam .tool-stat[data-tone=warn] b{color:var(--accent)}.cam-light{overflow:hidden}.cam .media-card .tool-seg{background:var(--surface);box-shadow:var(--ring)}.cam .media-card .tool-seg button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:none}.cam .media-card .tool-seg button:disabled{opacity:.35;cursor:not-allowed}.cam-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.cam-segs{flex-wrap:wrap;gap:8px;display:flex}.cam-light-bar{height:10px;box-shadow:var(--ring);background:linear-gradient(90deg,#2b2621,#8f867a 45%,#f6f1e8);border-radius:999px;margin:4px 9px 0;position:relative}.cam-light-bar span{transition:transform .6s var(--ease-out), opacity .3s;position:absolute;inset:0}.cam-light-bar i{background:var(--surface);width:18px;height:18px;box-shadow:0 0 0 2px var(--ink), 0 3px 8px #19161340;border-radius:50%;margin:-9px 0 0 -9px;position:absolute;top:50%;left:0}.cam-light-scale{color:var(--muted);justify-content:space-between;margin-top:-4px;font-size:11.5px;font-weight:600;display:flex}.cam-snap{align-items:center;gap:12px;display:flex}.cam-snap img{aspect-ratio:16/9;object-fit:cover;width:96px;box-shadow:var(--ring);background:#14110f;border-radius:10px}.cam-meter{background:var(--surface);height:10px;box-shadow:var(--ring);border-radius:999px;overflow:hidden}.cam-meter span{border-radius:inherit;background:var(--ink);transform-origin:0;height:100%;display:block;transform:scaleX(0)}@media (max-width:1099px){.cam-cards{grid-template-columns:1fr 1fr}.cam-cards>:last-child{grid-column:1/-1}}@media (max-width:899px){.cam-grid{grid-template-columns:1fr}.cam-grid>.cam-view{aspect-ratio:16/9;min-height:0}.cam-grid>.cam-view[data-phase=error]{aspect-ratio:auto}}@media (max-width:679px){.cam-view{border-radius:20px}.cam-cards{grid-template-columns:1fr}.cam-chips{top:10px;left:10px}.cam .media-switch.is-over{bottom:10px;left:10px}}