.app{flex:0 0 auto;width:min(680px,100%);margin:0 auto;padding:32px 20px 48px;text-align:center}h1{margin:0 0 4px;font-size:2rem}.subtitle{margin:0 0 24px;color:#9aa0a6;font-size:.9rem}.stage{position:relative;aspect-ratio:4 / 3;border-radius:16px;overflow:hidden;background:#000;border:3px solid transparent;transition:border-color .15s ease}.stage.closed{border-color:#ff5252}.video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.video-screen{transform:none;object-fit:contain}.source-pick{display:flex;flex-direction:column;gap:12px;align-items:center}.source-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.source-label{font-size:.9rem;opacity:.8;margin-right:auto}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0009}.overlay button,.reset{cursor:pointer;border:none;border-radius:999px;font-weight:600}.overlay button{padding:14px 28px;font-size:1rem;background:#4c8bf5;color:#fff}.overlay button:disabled{opacity:.6;cursor:default}.badge{position:absolute;top:12px;left:12px;padding:8px 14px;border-radius:999px;font-weight:700;font-size:.9rem;letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge-open{background:#2ecc71d9;color:#04240f}.badge-closed{background:#ff5252e6;color:#fff}.panel{margin-top:24px;display:grid;gap:16px;text-align:left}.metric-head{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:6px}.metric-val{font-variant-numeric:tabular-nums;color:#9aa0a6}.bar{position:relative;height:12px;border-radius:6px;background:#22262e;overflow:hidden}.bar-fill{height:100%;background:#4c8bf5;transition:width .06s linear}.bar-fill.over{background:#ff5252}.bar-threshold{position:absolute;top:0;bottom:0;width:2px;background:#e8eaed;opacity:.5}.counter{display:flex;align-items:baseline;gap:8px;margin-top:8px}.counter-value{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums}.counter-label{color:#9aa0a6}.reset{margin-left:auto;padding:6px 14px;background:#22262e;color:#e8eaed}.hint{color:#9aa0a6}.error{color:#ff8a80}.calib-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:4px;background:#000000b8;text-align:center}.calib-instruction{margin:0;font-size:1.3rem;font-weight:700;letter-spacing:.02em}.calib-count{margin:0;font-size:3rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.calib-hint{margin:0;color:#9aa0a6;font-size:.85rem}.calib{border-top:1px solid #22262e;padding-top:16px;display:grid;gap:12px}.calib-row{display:flex;align-items:center;gap:8px}.calib-btn{cursor:pointer;border:none;border-radius:999px;font-weight:600;padding:10px 20px;font-size:.95rem;background:#4c8bf5;color:#fff}.calib-btn:disabled{opacity:.6;cursor:default}.calib-row .reset{margin-left:0}.calib-fail{margin:0;color:#ffcc80;font-size:.85rem}.calib-result{display:grid;gap:8px}.calib-result-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.85rem}.calib-result-label{min-width:72px;color:#9aa0a6}.calib-chip{padding:4px 10px;border-radius:999px;font-variant-numeric:tabular-nums;background:#22262e}.calib-open{background:#2ecc712e;color:#7ee2a8}.calib-closed{background:#ff52522e;color:#ff9d9d}.calib-th{background:#4c8bf533;color:#a9c6ff;font-weight:600}.no-face-toggle{display:flex;align-items:center;gap:8px;border-top:1px solid #22262e;padding-top:16px;font-size:.9rem;color:#e8eaed;cursor:pointer}.shots{position:sticky;top:0;flex:0 0 340px;height:100vh;padding:16px;overflow-y:auto;text-align:left;background:#14171d;border-right:1px solid #22262e}.shots-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;font-size:.9rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#9aa0a6}.shots-empty{margin:0;font-size:.85rem;line-height:1.5;color:#6b7079}.shot{margin:0 0 14px;border-radius:10px;overflow:hidden;background:#1b1f27;border:1px solid #22262e}.shot img{display:block;width:100%}.shot figcaption{display:flex;flex-direction:column;gap:2px;padding:8px 10px;font-size:.78rem;color:#9aa0a6}.shot figcaption strong{font-size:.9rem;color:#ff9d9d}@media (max-width: 1400px){#root{flex-direction:column;align-items:center}.shots{position:static;flex:none;width:min(680px,100vw);height:auto;border-right:none;border-bottom:1px solid #22262e;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.shots-head{width:100%;margin-bottom:0}.shot{width:200px;margin:0}}:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0f1115;color:#e8eaed}#root{display:flex;align-items:flex-start;min-height:100vh}