:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f1115;color:#e8ecf1}.wrap{max-width:920px;margin:0 auto;padding:24px}h1{margin:0 0 8px;font-size:1.45rem}.subtitle{margin:0 0 16px;color:#9ea8b8}.videoGrid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 840px){.videoGrid{grid-template-columns:1fr 1fr}}video{width:100%;border-radius:12px;background:#000;border:1px solid #273244}.previewShell{position:relative;width:min(680px,100%);margin-top:10px;border-radius:14px;overflow:hidden;border:1px solid #273244;background:#000}.initialStart{margin:20px 0 8px;display:flex;justify-content:center}.captureHost{display:flex;justify-content:center}.previewShell:fullscreen{width:100vw;height:100vh;max-width:none;margin:0;border:none;border-radius:0}.previewVideo{border:none;border-radius:0;display:block;width:100%;height:auto}.previewShell:fullscreen .previewVideo{width:100%;height:100%;object-fit:cover}.overlayTop,.overlayBottom,.overlayCenter{position:absolute;left:0;right:0;padding:12px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.overlayTop{top:calc(env(safe-area-inset-top,0px) + 26px);justify-content:center;padding-left:16px;padding-right:16px}@supports (top: constant(safe-area-inset-top)){.overlayTop{top:calc(constant(safe-area-inset-top) + 26px)}}.overlayBottom{bottom:0;justify-content:center;gap:12px}.overlayCenter{top:50%;transform:translateY(-50%);justify-content:center}.overlayTop button,.overlayBottom button,.overlayCenter button{pointer-events:auto}.instructionBanner{background:#0f1115b8;border:1px solid rgba(116,130,152,.6);border-radius:14px;padding:10px 14px;font-size:1.02rem;line-height:1.25;font-weight:600;text-align:center;max-width:min(92vw,680px)}.timerPill{position:absolute;right:16px;top:calc(100% + 8px);background:#0f1115bf;border:1px solid rgba(116,130,152,.6);border-radius:999px;padding:6px 10px;font-size:.9rem}.timerPill.active{border-color:#f87171cc;color:#fecaca}.iconButton{background:#0f1115bf;color:#e8ecf1;border:1px solid rgba(116,130,152,.7);border-radius:999px;width:42px;height:42px;font-size:1.35rem;line-height:1;display:grid;place-items:center}.cameraSwitch{display:flex;align-items:center;gap:8px;background:#0003;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 8px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cameraLabel{background:transparent;border:0;border-radius:999px;padding:4px 8px 4px 2px;font-size:.82rem;letter-spacing:.02em;color:#f3f6fb}.iconButton.transparent{background:transparent;border-color:#ffffff73}.recordButton{min-width:220px;background:#141a23db;font-size:1.05rem;font-weight:600;padding:12px 18px}.recordButton.stop{background:#7f1d1ddb}button{background:#1f2937;color:#e8ecf1;border:1px solid #334155;border-radius:8px;padding:8px 12px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.status{margin-top:12px;padding:12px;border-radius:8px;background:#141a23;border:1px solid #273244;white-space:pre-wrap}.note{margin-top:12px;color:#9ea8b8;font-size:.92rem}.download{display:inline-block;margin-top:8px;color:#8fe8ff}.downloadGroup{display:flex;flex-wrap:wrap;gap:10px 14px}.resultSection{margin-top:16px}.previewSelector{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 10px}.sourceButton{background:#141a23d1;color:#e8ecf1;border:1px solid #334155;border-radius:8px;padding:7px 10px;font-size:.9rem}.sourceButton.active{border-color:#8fe8ff;color:#8fe8ff}.meta{margin-top:14px}.processingActions{margin-top:16px;display:flex;justify-content:center}.metadataGrid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 12px}.metadataItem{font-size:.88rem;color:#c2c9d6;background:#141a2380;border:1px solid #273244;border-radius:8px;padding:8px 10px}