.pf-dialog{box-sizing:border-box;position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;background:#171312;color:#fff;overflow:hidden}.pf-dialog[open]{display:flex;flex-direction:column}.pf-dialog::backdrop{background:#171312}.pf-dialog *{box-sizing:border-box}.pf-head{height:44px;flex:none;display:flex;gap:8px;align-items:center;padding:4px 12px;background:#211a18}.pf-head strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:auto}.pf-dialog button{min-height:34px;padding:5px 12px;border:1px solid #66524b;border-radius:6px;background:#302724;color:white;white-space:nowrap;font-size:13px}.pf-dialog button:disabled{opacity:.4}.pf-dialog input,.pf-dialog select{min-width:0;min-height:32px;padding:4px 7px;border:1px solid #66524b;border-radius:5px;background:#302724;color:#fff;font-size:14px;width:100%;margin:0}.pf-head select{width:100px}.pf-clock,.pf-time{font:700 21px ui-monospace,monospace;font-variant-numeric:tabular-nums;white-space:nowrap}.pf-stage{position:relative;flex:1;min-height:0;overflow:hidden;display:grid;place-items:center;background:#080808}.pf-stage video,.pf-record-canvas{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.pf-record-canvas{z-index:1}.pf-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#ffdb58;z-index:2;pointer-events:none}.pf-overlay{position:absolute;top:10px;left:12px;padding:4px 8px;background:#0008;border-radius:5px;font-size:11px;z-index:3}.pf-status{position:absolute;bottom:8px;left:12px;right:12px;width:fit-content;max-width:calc(100% - 24px);margin:0;padding:7px 10px;background:#211e;border-radius:6px;color:#fff;font-size:12px;z-index:4;pointer-events:none}.pf-status:empty{display:none}.pf-empty{font-size:14px;color:#b7aaa4}.pf-dock{flex:none;padding:6px 12px max(6px,env(safe-area-inset-bottom));background:#211a18}.pf-controls,.pf-review-controls{display:flex;gap:6px;justify-content:center;align-items:center}.pf-controls .pf-main,.pf-dialog .primary{background:#bd412b;border-color:#bd412b;font-weight:700}.pf-assignment{display:grid;grid-template-columns:64px 80px minmax(100px,1fr) 85px 40px;gap:6px;align-items:end;max-width:1000px;margin:5px auto 0}.pf-assignment label{margin:0;font-size:10px;color:#d8c7be}.pf-assignment label input,.pf-assignment label select{display:block}.pf-assignment #pf-mark{font-family:monospace}.pf-review-controls{padding:0 0 3px}.pf-dialog input[type=range]{padding:0;height:18px;min-height:18px;accent-color:#df684b}.pf-review-controls .pf-time{margin:0 8px}#pf-review{max-width:1000px;margin:0 auto}.pf-options{position:absolute;z-index:6;right:8px;top:48px;bottom:12px;width:min(350px,calc(100vw - 16px));padding:16px;background:#2d2320;box-shadow:0 5px 30px #0009;border:1px solid #655047;border-radius:10px;overflow:auto}.pf-options label{display:block;margin:12px 0;font-size:12px}.pf-options details{margin-top:14px;font-size:13px}.pf-options button{margin:5px 0}.pf-options summary{cursor:pointer}.pf-list p{border-bottom:1px solid #66524b;font-size:12px;padding-bottom:6px}.pf-stage:fullscreen{height:100vh;width:100vw}.pf-dialog [hidden]{display:none!important}@media(max-width:600px){.pf-head{height:40px;padding:3px 6px;gap:4px}.pf-head strong{font-size:12px;max-width:110px}.pf-head select{width:78px;font-size:12px}.pf-head button{padding:4px 9px}.pf-clock{font-size:19px}.pf-dock{padding:5px 6px max(5px,env(safe-area-inset-bottom))}.pf-dialog button{padding:5px 8px;font-size:12px;min-height:34px}.pf-controls{gap:4px}.pf-assignment{grid-template-columns:44px 56px minmax(75px,1fr) 61px 32px;gap:4px}.pf-dialog input,.pf-dialog select{font-size:16px}.pf-assignment #pf-mark{font-size:13px;padding:4px}.pf-review-controls{gap:4px}.pf-review-controls .pf-time{font-size:18px;margin:0 4px}}@media print{.pf-dialog{display:none!important}}

.pf-controls{flex-wrap:wrap}.pf-controls [data-pf=start],.pf-controls [data-pf=record]{min-height:62px;min-width:230px;padding:12px 22px;font-size:20px;font-weight:800;background:#bd412b;border-color:#eb755d;flex:1;max-width:540px}.pf-controls [data-pf=record]{background:#b92323}.pf-controls [data-pf=camera],.pf-controls [data-pf=finish]{flex:none}@media(max-width:600px){.pf-controls [data-pf=start],.pf-controls [data-pf=record]{order:-1;flex:1 0 100%;max-width:none;min-width:0;min-height:62px;font-size:21px}.pf-assignment{grid-template-columns:44px 56px minmax(75px,1fr) 61px 32px}}