*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:#0e0e0e;color:#ddd;-webkit-font-smoothing:antialiased}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.login-form{display:flex;flex-direction:column;gap:10px;width:300px;padding:32px;background:#181818;border:1px solid #262626;border-radius:8px}.login-form h1{font-size:16px;font-weight:500;color:#999;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px}input,select{padding:8px 10px;border:1px solid #333;border-radius:6px;background:#111;color:#eee;font-size:14px;outline:none;transition:border-color .15s}input:focus,select:focus{border-color:#557}button{padding:8px 14px;border:1px solid #333;border-radius:6px;background:#1c1c1c;color:#ddd;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#252525;border-color:#444}button:disabled{opacity:.4;cursor:default}button.primary{background:#1a3a5c;border-color:#2a5a8c;color:#b8d4f0}button.primary:hover:not(:disabled){background:#224a70;border-color:#3a6a9c}.error{color:#e55;font-size:13px}.player-container{max-width:960px;margin:0 auto;padding:20px 16px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #1e1e1e}header h1{font-size:14px;font-weight:500;color:#888;letter-spacing:.05em;text-transform:uppercase}header button{font-size:12px;padding:4px 12px;color:#888;border-color:#282828}.controls{display:flex;align-items:center;margin-bottom:12px}.controls label{font-size:13px;color:#888}.controls select{margin-left:6px;font-size:13px}.coverage-info{font-size:12px;color:#666;margin-left:16px;padding:3px 8px;background:#161616;border-radius:4px}.coverage-info.dim{color:#444}.video-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#0a0a0a;border-radius:6px;overflow:hidden;border:1px solid #1e1e1e}.video-wrap video{width:100%;height:100%;display:block}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#444;font-size:13px;pointer-events:none}.video-placeholder svg{opacity:.3}.timeline{margin-top:16px;-webkit-user-select:none;user-select:none}.timeline-labels{position:relative;height:18px;font-size:10px;color:#555;font-variant-numeric:tabular-nums}.timeline-labels span{position:absolute;transform:translate(-50%)}.timeline-bar{position:relative;height:28px;background:#141414;border-radius:4px;overflow:hidden;cursor:crosshair;touch-action:none;border:1px solid #1e1e1e}.timeline-slot{position:absolute;top:0;height:100%;background:transparent;transition:background .1s}.timeline-slot.has-data{background:#1a3d1a}.timeline-slot.has-data:hover{background:#2a5a2a}.timeline-selection{position:absolute;top:0;height:100%;background:#508cf026;border-left:2px solid rgba(100,140,255,.7);border-right:2px solid rgba(100,140,255,.7);pointer-events:none}.timeline-handle{position:absolute;top:0;width:14px;height:100%;transform:translate(-50%);cursor:ew-resize;z-index:2}.timeline-handle:after{content:"";position:absolute;top:20%;left:50%;transform:translate(-50%);width:3px;height:60%;background:#648cffcc;border-radius:2px;transition:background .15s}.timeline-handle:hover:after{background:#82aaff}.timeline-range-label{display:flex;justify-content:space-between;font-size:11px;color:#555;margin-top:4px;font-variant-numeric:tabular-nums}.clip-controls{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap;font-size:13px}.time-inputs{display:flex;align-items:center;gap:8px}.time-inputs label{display:flex;align-items:center;gap:4px;color:#888;font-size:12px}.time-inputs input[type=time]{width:100px;font-size:13px;padding:5px 8px;font-variant-numeric:tabular-nums}.time-inputs .separator{color:#444}.dl-duration{font-size:12px;color:#666;font-variant-numeric:tabular-nums}.dl-duration.invalid{color:#c44}.clip-actions{display:flex;gap:8px;margin-left:auto}.dl-status{font-size:12px;color:#888;width:100%}.dl-status.error{color:#c44}@media (max-width: 600px){.player-container{padding:12px 10px}.controls{flex-direction:column;align-items:flex-start;gap:6px}.coverage-info{margin-left:0}.clip-controls{flex-direction:column;align-items:flex-start}.clip-actions{margin-left:0;width:100%}.clip-actions button{flex:1}}