*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#14181f;color:#e6e9ee}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.2rem;background:#1c222c;border-bottom:1px solid #2c3442}header h1{font-size:1.1rem;margin:0}#api-key{width:320px;max-width:45vw}main{padding:1.2rem;max-width:1100px;margin:0 auto}input,textarea,button,progress{font:inherit;color:inherit;background:#232a36;border:1px solid #3a4456;border-radius:6px;padding:.35rem .55rem}button{cursor:pointer}button:hover{background:#2d3646}button:disabled{opacity:.5;cursor:wait}button.active{background:#0a66c2;border-color:#0a66c2}#drop-zone{display:block;padding:3rem 1rem;text-align:center;border:2px dashed #3a4456;border-radius:12px;cursor:pointer;color:#9aa4b2}#drop-zone.over{border-color:#0a66c2;color:#e6e9ee}#drop-zone input{display:none}.editor-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,2fr);gap:1.2rem;margin-top:1.2rem}@media(max-width:800px){.editor-grid{grid-template-columns:1fr}}#video-wrap{position:relative;overflow:hidden;border-radius:8px;line-height:0}#video-wrap video{width:100%;height:auto}#crop-box{position:absolute;border:2px solid #0a66c2;box-shadow:0 0 0 9999px #0000008c;cursor:grab;touch-action:none}#crop-box:active{cursor:grabbing}.controls-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.controls-row .label{font-weight:600;min-width:4.5rem}.controls-row input[type=number]{width:5.5rem}.muted{color:#9aa4b2;font-size:.9rem}#transcript{margin-top:.8rem;padding:.7rem .9rem;background:#1c222c;border:1px solid #2c3442;border-radius:8px;line-height:1.7;max-height:260px;overflow-y:auto;-webkit-user-select:text;user-select:text;cursor:text}#transcript span::selection{background:#0a66c2;color:#fff}#transcript span:hover{background:#2d3646;border-radius:3px;cursor:pointer}#transcript p{margin:0 0 .8rem}#transcript p:last-child{margin-bottom:0}#transcript span.hit{background:#574a14;border-radius:3px}#transcript span.current{background:#b8860b;color:#fff;border-radius:3px}#transcript span.playing{background:#0a66c2;color:#fff;border-radius:3px}#seek-wrap{flex:1;position:relative;display:flex;align-items:center}#seek{width:100%;padding:0;border:none;background:transparent;accent-color:#0a66c2;cursor:pointer}#clip-range{position:absolute;bottom:-3px;height:4px;background:#e8a33d;border-radius:2px;pointer-events:none;display:none}#time-label{font-variant-numeric:tabular-nums;white-space:nowrap}#navigator{position:relative;height:18px;margin-top:.4rem;background:#1c222c;border:1px solid #2c3442;border-radius:4px;cursor:crosshair;touch-action:none;overflow:hidden}#nav-view{position:absolute;top:0;bottom:0;background:#0a66c240;border:1px solid #0a66c2;border-radius:3px;pointer-events:none}#nav-clip{position:absolute;bottom:2px;height:4px;background:#e8a33d;border-radius:2px;pointer-events:none;display:none}#nav-playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;pointer-events:none;display:none}#nav-select{position:absolute;top:0;bottom:0;background:#e8a33d4d;border:1px dashed #e8a33d;pointer-events:none;display:none}#zoom-reset{white-space:nowrap}#search,#ai-prompt{flex:1;min-width:8rem}#ai-run{white-space:nowrap}#search-prev,#search-next{padding:.35rem .7rem}#markers{margin-top:.8rem;display:flex;flex-direction:column;gap:.4rem;max-height:300px;overflow-y:auto}.marker{display:grid;grid-template-columns:auto auto 1fr auto auto;gap:.6rem;align-items:center;padding:.45rem .6rem;background:#1c222c;border:1px solid #2c3442;border-radius:8px;cursor:pointer}.marker:hover{border-color:#0a66c2}.marker.selected{border-color:#e8a33d;background:#262c2a}.marker.selected .mtime{color:#e8a33d}.marker .mtime{color:#7ab8f5;font-variant-numeric:tabular-nums;white-space:nowrap}.marker .mfmt{background:#2d3646;border-radius:4px;padding:.05rem .4rem;font-size:.8rem;white-space:nowrap}.marker .mtext{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem}#export-bar{display:flex;align-items:center;gap:.8rem;margin-top:1.4rem}#export{background:#0a66c2;border-color:#0a66c2;font-weight:600;padding:.5rem 1.2rem}#progress{flex:1;max-width:300px}#results{margin-top:1.2rem;display:flex;flex-wrap:wrap;gap:1rem}.result-item video{max-width:320px;max-height:50vh;border-radius:8px;display:block}.result-item a{display:inline-block;margin-top:.5rem;color:#7ab8f5}