.app{max-width:1080px;margin:0 auto;padding:24px 20px 40px;color:#e8ecf8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px}.toolbar h1{font-size:18px;margin:0 12px 0 0;font-weight:600;letter-spacing:.5px}.tools{display:flex;gap:8px;align-items:center}.tools button{background:#1c2138;color:#cfd6ee;border:1px solid #2a3152;padding:6px 14px;border-radius:8px;cursor:pointer;font-size:13px;transition:background .15s,border-color .15s}.tools button:hover:not(:disabled){background:#242b4a;border-color:#3d4675}.tools button.active{background:#3b6ef5;border-color:#3b6ef5;color:#fff}.tools button:disabled{opacity:.4;cursor:not-allowed}.sep{width:1px;height:20px;background:#2a3152;margin:0 4px}.hint{width:100%;margin:4px 0 16px;color:#7d86a8;font-size:12px}.timeline-scroll{overflow-x:auto;background:#151929;border:1px solid #232946;border-radius:12px;padding:16px}.timeline{position:relative}.ruler{position:relative;height:26px;margin-bottom:6px}.tick{position:absolute;top:0;width:1px;height:8px;background:#3a4266}.tick.major{height:14px;background:#5a6492}.tick span{position:absolute;top:12px;left:3px;font-size:10px;color:#7d86a8;white-space:nowrap;font-variant-numeric:tabular-nums}.track{position:relative;height:76px;border-radius:8px;background-color:#101423;background-image:repeating-linear-gradient(to right,rgba(255,255,255,.05) 0 1px,transparent 1px 24px),repeating-linear-gradient(to right,rgba(255,255,255,.09) 0 1px,transparent 1px 48px)}.track.scissors{cursor:crosshair}.segment{position:absolute;top:8px;height:60px;border-radius:8px;display:flex;align-items:center;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:0 2px 8px #00000059;border:1px solid rgba(255,255,255,.18)}.track.select .segment{cursor:grab}.track.scissors .segment{cursor:crosshair}.segment.dragging{cursor:grabbing;box-shadow:0 6px 18px #00000080;z-index:3;filter:saturate(1.1)}.segment.overlapping{outline:2px solid #ff4d4f;outline-offset:1px}.segment.rejected{outline:2px solid #ff4d4f;animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.segment .content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;pointer-events:none;overflow:hidden;padding:0 10px}.segment .name{font-size:13px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);white-space:nowrap}.segment .time{font-size:10.5px;color:#ffffffd9;font-variant-numeric:tabular-nums;white-space:nowrap}.handle{position:absolute;top:0;width:8px;height:100%;cursor:ew-resize;z-index:2}.handle.l{left:0;border-radius:8px 0 0 8px}.handle.r{right:0;border-radius:0 8px 8px 0}.handle:hover,.handle:active{background:#ffffff40}.track.scissors .handle{cursor:crosshair}.segment input{width:80%;font-size:13px;text-align:center;border:none;border-radius:4px;padding:2px 4px;background:#00000059;color:#fff;outline:2px solid rgba(255,255,255,.6);pointer-events:auto}.cutline{position:absolute;top:-6px;bottom:-6px;width:2px;pointer-events:none;z-index:4}.cutline.valid{background:#22e06b;box-shadow:0 0 6px #22e06bcc}.cutline.invalid{background:#ff4d4f;box-shadow:0 0 6px #ff4d4fcc}.cut-bubble{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:10px;padding:1px 6px;border-radius:4px;background:#000c;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}.status{margin-top:14px;font-size:12px;color:#7d86a8;display:flex;gap:16px;flex-wrap:wrap}.status b{color:#aab3d5;font-weight:600;font-variant-numeric:tabular-nums}:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{background:#0f1220}