.playback-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:18px}.playback-toolbar label{display:grid;gap:6px;min-width:160px;flex:1;font-size:13px}.playback-toolbar input,.playback-toolbar select{width:100%;min-width:0}.playback-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:18px}.playback-workspace>section,.playback-workspace>aside{min-width:0}.playback-workspace video{width:100%;aspect-ratio:16/9;background:#101c21}.playback-workspace h3{font-size:16px;margin:0 0 12px}.playback-workspace .segment-list{max-height:65vh;overflow:auto}.playback-workspace .segment{gap:8px;font-size:12px;overflow-wrap:anywhere}.storage-settings{border-top:1px solid #cbdde2;margin-top:24px;padding-top:20px}.storage-settings form{max-width:750px;display:grid;gap:12px}.storage-settings label{display:grid;gap:6px}.storage-settings pre{overflow:auto;font-size:13px;line-height:1.6}.storage-settings li{overflow-wrap:anywhere}@media(max-width:850px){.playback-workspace{grid-template-columns:1fr}.playback-toolbar label{min-width:140px}.playback-workspace .segment-list{max-height:250px}}
.pb-console{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;align-items:start}
.pb-controls #pbJump{min-width:240px}
@media(max-width:700px){.pb-range label{flex-basis:100%!important}.pb-controls #pbJump{min-width:0;width:100%!important}}
.pb-range{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:0 0 16px}.pb-range label{display:grid;gap:5px;font-size:13px;min-width:0}.pb-range input{width:240px;max-width:100%;min-width:0;font-size:13px}.pb-range button{height:40px}.pb-range [role=alert]{font-size:13px;color:#b92c40;flex-basis:100%}.pb-range [role=alert]:empty{display:none}.pb-controls #pbJump{width:205px;max-width:100%}.pb-ticks span{min-width:0;max-width:22%;overflow-wrap:anywhere}.pb-day-summary span{min-width:0;overflow-wrap:anywhere}@media(max-width:700px){.pb-range label{flex:1 1 140px}.pb-range input{width:100%}.pb-controls output{font-size:12px}}
.pb-sidebar{border-inline-end:1px solid #cadce1;padding-inline-end:14px;min-width:0}.pb-sidebar h3{font-size:15px;margin:0 0 10px}.pb-sidebar input[type=search]{width:100%;font-size:12px;padding:8px;min-width:0}
.pb-camera-list{max-height:210px;overflow:auto;margin:10px 0 18px}.pb-camera{display:flex;gap:8px;align-items:center;padding:10px 7px;font-size:13px;cursor:pointer;overflow-wrap:anywhere}.pb-camera[hidden]{display:none}.pb-camera:has(input:checked){background:#daf1f2;color:#006c79}.pb-camera input{width:15px;height:15px;margin:0;flex-shrink:0;accent-color:#008693}
.pb-calendar{border-block:1px solid #cadce1;padding:10px 0}.pb-month{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pb-month b{font-size:14px}.pb-month .icon-btn{width:28px;height:28px;padding:2px}
.pb-week,.pb-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.pb-week span{font-size:10px;text-align:center;padding:5px 0;color:#5e7783}.pb-days button{font-size:12px;padding:0;min-width:0;width:100%;height:27px;background:transparent;border:0;border-radius:3px;color:#14384c}.pb-days button[aria-pressed=true]{background:#008693;color:white}.pb-days button:disabled{opacity:.3}.pb-source{display:grid;gap:6px;font-size:12px;margin-top:14px}.pb-source select{width:100%;min-width:0;font-size:12px;padding:8px}
.pb-stage{min-width:0}.pb-screen{position:relative;aspect-ratio:16/9;background:#202729;overflow:hidden;border:1px solid #506166;border-radius:3px}.pb-screen video{display:block;width:100%;height:100%;object-fit:contain}.pb-screen:fullscreen{aspect-ratio:auto;width:100%;height:100%;border:0}
#pbOverlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;color:#d9e7eb;font-size:14px;background:#202729}#pbOverlay[hidden]{display:none}
.pb-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 0}.pb-controls .icon-btn{width:32px;height:32px;padding:6px;border-radius:4px}.pb-controls svg{width:18px;height:18px}.pb-controls output{font-size:15px;font-variant-numeric:tabular-nums;min-width:68px}.pb-controls input{width:110px;min-width:0;font-size:12px;padding:6px}.pb-controls .ghost{font-size:12px;padding:7px 10px}.pb-controls #pbInfo{flex:1;font-size:12px;color:#5a7581;min-width:120px;overflow-wrap:anywhere}
.pb-timeline{border-block:1px solid #cadce1;padding:10px 0}.pb-bands{height:20px;position:relative;background:#d6e2e7;overflow:hidden}.pb-band{position:absolute;top:0;bottom:0;border:0;border-inline-end:1px solid #99dce1;background:#008fa3;border-radius:0;padding:0;min-width:1px}.pb-band:hover{background:#046679}#pbSeek{width:100%;height:18px;padding:0;margin:6px 0;accent-color:#d84251;display:block}.pb-ticks{display:flex;justify-content:space-between;font-size:11px;color:#5a7581}.pb-day-summary{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#5a7581;padding:10px 0}.pb-recording-details{font-size:12px;border-top:1px solid #cadce1;padding-top:8px}.pb-recording-details .segment-list{max-height:160px;display:flex;flex-wrap:wrap;gap:6px;overflow:auto}.pb-recording-details button{font-size:12px;margin-top:6px}
@media(max-width:1050px){.pb-console{grid-template-columns:180px minmax(0,1fr);gap:12px}}@media(max-width:700px){.pb-console{grid-template-columns:1fr}.pb-sidebar{border-inline-end:0;padding-inline-end:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px}.pb-sidebar h3{grid-column:1}.pb-sidebar input[type=search]{grid-column:1}.pb-camera-list{grid-column:1;grid-row:3;margin:0;max-height:130px}.pb-calendar{grid-column:2;grid-row:1/span 4;border:0;padding:0}.pb-source{grid-column:1;margin:0}.pb-days button{height:24px}.pb-controls #pbInfo{flex-basis:100%;order:9}}