*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#111110;color:#e8e3dc}.app-shell{flex-direction:row;height:100vh;background:radial-gradient(ellipse at 65% 38%,rgba(204,120,92,.18) 0,transparent 55%),radial-gradient(ellipse at 22% 75%,rgba(110,70,160,.13) 0,transparent 52%),#0a0a09;padding:12px;gap:12px}.app-shell,.video-panel{display:flex;overflow:hidden}.video-panel{flex:1 1;background:transparent;align-items:center;justify-content:center;position:relative;min-width:0;border-radius:12px}.video-panel video{width:100%;height:100%;object-fit:contain;display:block}.video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:transparent;border-radius:12px}.video-placeholder p{font-size:13px;color:#3d3b37}.placeholder-progress{display:flex;flex-direction:column;align-items:center;gap:8px}.resize-handle{flex-shrink:0;width:5px;cursor:ew-resize;display:flex;align-items:center;justify-content:center;align-self:stretch}.resize-grip{width:2px;height:28px;border-radius:1px;background:#3d3b37;transition:background .15s}.resize-handle.resizing .resize-grip,.resize-handle:hover .resize-grip{background:#cc785c}.control-panel{flex-shrink:0;background:rgba(22,22,20,.85);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid hsla(0,0%,100%,.07);border-radius:14px;box-shadow:0 8px 40px rgba(0,0,0,.6),0 2px 8px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.06);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.ctrl-header{gap:10px;padding:16px 16px 14px}.ctrl-header,.header-logo{display:flex;align-items:center;flex-shrink:0}.header-logo{width:28px;height:28px;background:#cc785c;border-radius:7px;justify-content:center}.header-logo svg{width:15px;height:15px}h1{font-family:"Instrument Serif",Georgia,serif;font-size:20px;font-weight:400;color:#f0ebe3;letter-spacing:-.3px;white-space:nowrap}.header-sub{font-size:11px;color:#6b6560;margin-top:1px}.divider{border:none;border-top:1px solid #2c2b28;margin:0;flex-shrink:0}.ctrl-section{padding:14px 16px;flex-shrink:0}.url-input{width:100%;height:36px;border:1px solid #2c2b28;border-radius:8px;padding:0 12px;font-size:13px;font-family:Inter,sans-serif;color:#e8e3dc;background:#111110;outline:none;transition:border-color .15s}.url-input:focus{border-color:#cc785c}.url-input::placeholder{color:#3d3b37}.status{font-size:12px;color:#6b6560;margin-top:6px}.status.error{color:#f87171}.progress-wrap{margin-top:8px}.progress-bar{height:3px;background:#2c2b28;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:#cc785c;border-radius:2px;transition:width .4s ease}.progress-label{display:flex;justify-content:space-between;font-size:11px;color:#6b6560;margin-top:4px}.btn{height:36px;padding:0 16px;border-radius:8px;font-size:13px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;border:none;transition:opacity .15s;white-space:nowrap}.btn:hover{opacity:.85}.btn:disabled{opacity:.3;cursor:not-allowed}.btn-primary{background:#cc785c;color:#fff}.btn-ghost{background:transparent;border:1px solid #2c2b28;color:#a8a29e}.btn-ghost:hover{background:#1c1b19;opacity:1}.time-controls{display:flex;gap:8px;align-items:flex-start}.time-cell{flex:1 1;display:flex;flex-direction:column;gap:4px;min-width:0}.time-label{font-size:9px;font-weight:500;color:#6b6560;text-transform:uppercase;letter-spacing:.8px}.time-set-btn{height:28px;padding:0 8px;font-size:11px}.timestamp-input{font-family:Inter,monospace;font-size:12px;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;border:none;outline:none;background:transparent;width:100%;padding:2px;border-radius:4px;cursor:text;transition:background .15s}.timestamp-input.green{color:#4ade80}.timestamp-input.red{color:#f87171}.timestamp-input:focus{background:#1c1b19}.timestamp-input::selection{background:#cc785c44}.time-value-display{font-family:Inter,monospace;font-size:12px;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#e8e3dc;padding:2px}.time-value-display.muted{color:#6b6560}.timeline{height:5px;background:#2c2b28;border-radius:3px;cursor:pointer;position:relative;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none}.timeline-region{background:rgba(74,222,128,.2)}.timeline-progress,.timeline-region{position:absolute;top:0;height:100%;pointer-events:none}.timeline-progress{left:0;background:#cc785c;border-radius:3px}.timeline-in{background:#4ade80;box-shadow:0 0 5px rgba(74,222,128,.6)}.timeline-in,.timeline-out{position:absolute;top:-6px;width:2px;height:17px;border-radius:2px;transform:translateX(-50%);pointer-events:none}.timeline-out{background:#f87171;box-shadow:0 0 5px hsla(0,91%,71%,.6)}.time-display{display:flex;justify-content:space-between;margin-top:6px;font-size:10px;color:#6b6560;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.toast{position:absolute;bottom:32px;left:50%;transform:translateX(-50%) translateY(16px);display:flex;align-items:center;gap:9px;padding:12px 20px;border-radius:14px;font-size:13px;font-weight:500;font-family:Inter,sans-serif;white-space:nowrap;pointer-events:none;z-index:100;opacity:0;transition:opacity .25s ease,transform .25s ease;background:rgba(22,22,20,.88);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid hsla(0,0%,100%,.08);box-shadow:0 8px 40px rgba(0,0,0,.55),0 2px 8px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.06);color:#e8e3dc}.toast-visible{opacity:1;transform:translateX(-50%) translateY(0)}.toast.success .toast-icon{color:#4ade80}.toast.error .toast-icon{color:#f87171}.toast-icon{font-size:14px;font-weight:600}.export-btn{width:100%}.export-status{font-size:12px;color:#6b6560;margin-top:8px}.export-status.success{color:#4ade80}.export-status.error{color:#f87171}