.copygen-page{min-height:100vh;display:flex;flex-direction:column}.copygen-header{flex-shrink:0;padding:var(--nle-space-lg);position:relative;text-align:center;border-bottom:1px solid var(--nle-border)}.copygen-back{position:absolute;left:var(--nle-space-lg);top:50%;transform:translateY(-50%);padding:var(--nle-space-xs) var(--nle-space-sm);font-size:13px;color:var(--nle-text-muted);background:transparent;border:1px solid var(--nle-border);border-radius:var(--nle-radius-xs);cursor:pointer;transition:color var(--nle-transition),border-color var(--nle-transition),background var(--nle-transition)}.copygen-back:hover{color:var(--nle-text);border-color:var(--nle-border-subtle);background:var(--nle-track)}.copygen-header h1{margin:0 0 var(--nle-space-xs);font-size:1.35rem;font-weight:600}.copygen-desc{margin:0;font-size:13px;line-height:1.5;color:var(--nle-text-muted)}.copygen-main{flex:1;padding:var(--nle-space-xl) var(--nle-space-lg);max-width:640px;margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:stretch}.copygen-section{margin-bottom:var(--nle-space-xl)}.copygen-hero-card{background:var(--nle-panel);border:1px solid var(--nle-border);border-radius:var(--nle-radius);padding:var(--nle-space-xl);box-shadow:0 2px 12px #00000014}.copygen-section-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--nle-space-md);margin-bottom:var(--nle-space-sm);flex-wrap:wrap}.copygen-section-title-row .copygen-section-title{margin:0}.copygen-btn-refresh{flex-shrink:0}.copygen-section-title{margin:0 0 var(--nle-space-sm);font-size:1.1rem;font-weight:600;color:var(--nle-text);letter-spacing:.02em}.copygen-hero-card .copygen-section-title{margin-bottom:var(--nle-space-md)}.copygen-config{background:var(--nle-panel);border-radius:var(--nle-radius-sm);padding:var(--nle-space-md);border:1px solid var(--nle-border)}.copygen-config-row{margin-bottom:var(--nle-space-sm)}.copygen-config-row:last-child{margin-bottom:0}.copygen-label{display:block;font-size:12px;color:var(--nle-text-muted);margin-bottom:4px}.copygen-input,.copygen-select{width:100%;padding:var(--nle-space-sm) var(--nle-space-md);font-size:14px;color:var(--nle-text);background:var(--nle-bg);border:1px solid var(--nle-border);border-radius:var(--nle-radius-xs);outline:none;transition:border-color var(--nle-transition)}.copygen-input:focus,.copygen-select:focus{border-color:var(--nle-accent)}.copygen-select{cursor:pointer}.copygen-textarea{width:100%;padding:var(--nle-space-md);font-size:14px;color:var(--nle-text);background:var(--nle-bg);border:1px solid var(--nle-border);border-radius:var(--nle-radius-sm);outline:none;resize:vertical;min-height:120px;transition:border-color var(--nle-transition),box-shadow .15s ease;font-family:inherit}.copygen-hero-card .copygen-textarea{min-height:88px}.copygen-textarea:focus{border-color:var(--nle-accent);box-shadow:var(--nle-shadow-focus)}.copygen-textarea::placeholder{color:var(--nle-text-dim)}.copygen-textarea{scrollbar-width:thin;scrollbar-color:var(--nle-border) transparent}.copygen-textarea::-webkit-scrollbar{width:8px;height:8px}.copygen-textarea::-webkit-scrollbar-track{background:transparent}.copygen-textarea::-webkit-scrollbar-thumb{background:var(--nle-border);border-radius:4px}.copygen-textarea::-webkit-scrollbar-thumb:hover{background:var(--nle-text-muted)}.copygen-actions{margin-top:var(--nle-space-lg);display:flex;flex-wrap:wrap;gap:var(--nle-space-sm);align-items:center}.copygen-btn{padding:var(--nle-space-sm) var(--nle-space-lg);font-size:14px;font-weight:500;border-radius:var(--nle-radius-sm);cursor:pointer;transition:background var(--nle-transition),border-color var(--nle-transition);border:none}.copygen-btn-primary{color:#fff;background:var(--nle-accent)}.copygen-btn-primary:hover:not(:disabled){background:var(--nle-accent-hover)}.copygen-btn-primary:disabled{opacity:.7;cursor:not-allowed}.copygen-btn-small{padding:var(--nle-space-xs) var(--nle-space-sm);font-size:13px}.copygen-btn-outline{color:var(--nle-text);background:transparent;border:1px solid var(--nle-border)}.copygen-btn-outline:hover:not(:disabled){border-color:var(--nle-accent);background:var(--nle-track)}.copygen-error{margin:var(--nle-space-sm) 0 0;font-size:13px;color:#f87171}.copygen-hint{margin:0 0 var(--nle-space-md);font-size:13px;line-height:1.5;color:var(--nle-text-muted)}.copygen-list{list-style:none;margin:0;padding:0}.copygen-item{background:var(--nle-panel);border:1px solid var(--nle-border);border-radius:var(--nle-radius-sm);padding:var(--nle-space-md);margin-bottom:var(--nle-space-md)}.copygen-item:last-child{margin-bottom:0}.copygen-item-text{font-size:14px;line-height:1.6;color:var(--nle-text);margin-bottom:var(--nle-space-sm);white-space:pre-wrap;word-break:break-word}.copygen-item-actions{display:flex;flex-wrap:wrap;gap:var(--nle-space-xs);align-items:center}.copygen-copy-block{width:100%;padding:var(--nle-space-md);font-size:14px;line-height:1.6;color:var(--nle-text);background:var(--nle-panel);border:1px solid var(--nle-border);border-radius:var(--nle-radius-sm);white-space:pre-wrap;word-break:break-word;margin-bottom:var(--nle-space-md);min-height:120px}.copygen-item-actions-wrap{display:flex;flex-wrap:wrap;gap:var(--nle-space-md);align-items:center;margin-top:var(--nle-space-md)}.copygen-segment-actions{display:inline-flex;align-items:center;gap:var(--nle-space-xs)}.copygen-segment-label{font-size:12px;color:var(--nle-text-muted);margin-right:2px}.copygen-ref-title{margin:var(--nle-space-lg) 0 var(--nle-space-sm);font-size:13px;font-weight:600;color:var(--nle-text-muted)}.copygen-ref-block{background:var(--nle-track);border-color:var(--nle-border-subtle)}.copygen-bilingual-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--nle-space-lg);margin-bottom:var(--nle-space-lg)}@media (max-width: 640px){.copygen-bilingual-row{grid-template-columns:1fr}}.copygen-bilingual-col{display:flex;flex-direction:column;gap:var(--nle-space-xs)}.copygen-bilingual-label{font-size:13px;font-weight:500;color:var(--nle-text-muted)}.copygen-bilingual-textarea{min-height:200px;resize:vertical}.copygen-translating{font-weight:400;color:var(--nle-accent);font-size:12px}.copygen-voice-section{background:var(--nle-panel);border:1px solid var(--nle-border);border-radius:var(--nle-radius-sm);padding:var(--nle-space-md)}.copygen-voice-section-hidden{display:none}.copygen-voice-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--nle-space-sm)}.copygen-voice-row .copygen-select{width:auto;min-width:180px}.copygen-speed-label{display:inline-flex;align-items:center;gap:var(--nle-space-xs);font-size:13px;color:var(--nle-text-muted)}.copygen-speed-label .copygen-select{min-width:100px}.copygen-speed-inline{display:inline-flex;align-items:center;gap:var(--nle-space-xs);font-size:12px;color:var(--nle-text-muted)}.copygen-speed-inline-label{white-space:nowrap}.copygen-speed-inline .copygen-speed-select,.copygen-speed-inline .copygen-speed-select-inline{min-width:0;width:auto;padding:4px 24px 4px 8px;font-size:12px;color:var(--nle-text);background:var(--nle-panel);border:1px solid var(--nle-border);border-radius:6px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;transition:border-color var(--nle-transition)}.copygen-speed-inline .copygen-speed-select:focus,.copygen-speed-inline .copygen-speed-select-inline:focus{outline:none;border-color:var(--nle-accent)}.copygen-speed-row-first{margin-right:var(--nle-space-sm)}.copygen-voice-row .copygen-btn-outline{border:1px solid var(--nle-border);color:var(--nle-text);background:transparent}.copygen-voice-row .copygen-btn-outline:hover:not(:disabled){border-color:var(--nle-accent);background:var(--nle-track)}.copygen-audio-player{display:flex;align-items:center;gap:var(--nle-space-sm);flex-wrap:wrap}.copygen-audio-progress-wrap{flex:1;min-width:80px;max-width:200px}.copygen-audio-range{width:100%;height:6px;accent-color:var(--nle-accent);cursor:pointer}.copygen-audio-time{font-size:12px;color:var(--nle-text-muted);min-width:5em}.mix-page{min-height:100vh;display:flex;flex-direction:column;background:#0d0d0f;color:var(--nle-text, #fafafa)}.mix-header{padding:1.5rem var(--nle-space-lg) 1.25rem;text-align:center;position:relative;border-bottom:1px solid rgba(255,255,255,.06)}.mix-header .btn-back{position:absolute;left:var(--nle-space-lg);top:50%;transform:translateY(-50%);padding:.4rem .75rem;font-size:13px;color:var(--nle-text-muted);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:color .2s ease,background .2s ease}.mix-header .btn-back:hover{color:var(--nle-text);background:#ffffff0f}.mix-header h1{margin:0 0 .35rem;font-size:1.35rem;font-weight:500;letter-spacing:-.03em}.mix-desc{font-size:13px;color:var(--nle-text-muted);max-width:420px;margin:0 auto;line-height:1.5;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem}.mix-desc .mix-desc-arrow{color:var(--nle-text-dim);font-weight:300}.mix-toast{margin:0 var(--nle-space-lg) var(--nle-space-md);padding:.6rem 1rem;font-size:13px;background:var(--nle-track);border:1px solid var(--nle-border);border-radius:var(--nle-radius-xs);box-shadow:var(--nle-shadow-sm)}.mix-main{flex:1;padding:2rem var(--nle-space-lg);max-width:560px;margin:0 auto;width:100%}.mix-section{margin-bottom:1.75rem}.mix-section h2{margin:0 0 .6rem;font-size:1.05rem;font-weight:600;color:var(--nle-text);letter-spacing:-.01em}.mix-section-step1{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:2.25rem 2rem;text-align:center}.mix-section-step1 h2{margin-bottom:.5rem;font-weight:500;letter-spacing:-.02em}.mix-section-step1 .mix-btn-primary{margin-top:.75rem;padding:.7rem 1.5rem;font-size:14px;font-weight:500;border-radius:8px;border:none;background:var(--nle-accent);color:#fff;transition:background .2s ease,opacity .2s ease}.mix-section-step1 .mix-btn-primary:hover:not(:disabled){background:var(--nle-accent-hover)}.mix-hint,.mix-meta{margin:0 0 .5rem;font-size:13px;color:var(--nle-text-muted)}.mix-hint-sub{margin-top:.15rem;font-size:12px;opacity:.9}.mix-warn{margin:.5rem 0 0;font-size:13px;color:#f59e0b}.mix-btn{padding:.5rem 1rem;font-size:14px;border:1px solid var(--nle-border);border-radius:var(--nle-radius-xs);background:#ffffff0d;color:var(--nle-text);cursor:pointer;transition:border-color var(--nle-transition),background var(--nle-transition),color var(--nle-transition)}.mix-btn:hover:not(:disabled){border-color:var(--nle-accent);background:var(--nle-accent-muted)}.mix-btn-primary{background:linear-gradient(180deg,#3b82f6,#2563eb);border-color:#ffffff26;color:#fff}.mix-btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#60a5fa,#3b82f6);border-color:#fff3}.mix-btn-export{margin-top:0;font-weight:500}.mix-btn:disabled{opacity:.6;cursor:not-allowed}.mix-pool-input-hidden{display:none}.mix-pool-actions{display:flex;gap:.75rem;flex-wrap:wrap}.mix-btn-disabled{opacity:.6;cursor:not-allowed}.mix-btn-secondary{background:transparent;border:1px solid var(--nle-border);color:var(--nle-text)}.mix-single-video-three{margin:1rem 0;padding:1.25rem;background:#ffffff08;border-radius:var(--nle-radius-xs);border:1px solid var(--nle-border)}.mix-single-video-three-title{margin:0 0 .5rem;font-size:14px;font-weight:600}.mix-single-video-three .mix-btn-secondary{margin-bottom:.75rem}.mix-single-video-three-meta{margin-top:.5rem}.mix-single-video-three-times{display:flex;flex-wrap:wrap;gap:1rem;margin:.5rem 0}.mix-single-video-three-times label{display:flex;align-items:center;gap:.5rem;font-size:13px;color:var(--nle-text-muted)}.mix-input-num{width:5rem;padding:.35rem .5rem;font-size:13px;background:var(--nle-bg);border:1px solid var(--nle-border);border-radius:4px;color:var(--nle-text)}.mix-segment-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.mix-segment-tag{font-size:12px;padding:.25rem .5rem;background:var(--nle-track);border-radius:4px}.mix-pool-list{margin:.5rem 0 0;padding:0;list-style:none;font-size:13px}.mix-pool-item{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;border-bottom:1px solid var(--nle-border-subtle)}.mix-pool-item span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mix-pool-dur{color:var(--nle-text-muted);font-size:12px}.mix-pool-remove{padding:.2rem .5rem;font-size:11px;border:1px solid var(--nle-border);border-radius:4px;background:transparent;color:var(--nle-text-muted);cursor:pointer}.mix-pool-remove:hover{color:#f87171;border-color:#f87171}.mix-pool-more{padding:.35rem 0;color:var(--nle-text-muted);font-size:12px}.mix-fill-mode{display:flex;gap:1rem;margin-bottom:.75rem;font-size:14px}.mix-fill-mode label{display:flex;align-items:center;gap:.35rem;cursor:pointer}.mix-section-fill{max-width:680px;margin:0 auto}.mix-fill-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.mix-fill-head-inner{flex:1}.mix-fill-title{margin:0 0 .25rem;font-size:1.5rem;font-weight:500;letter-spacing:-.03em;color:var(--nle-text)}.mix-fill-subtitle{margin:0;font-size:13px;color:var(--nle-text-muted);font-weight:400}.mix-btn-ghost{flex-shrink:0;padding:.4rem .75rem;font-size:12px;color:var(--nle-text-muted);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:color .2s ease,background .2s ease}.mix-btn-ghost:hover{color:var(--nle-text);background:#ffffff0f}.mix-fill-tip{margin:0 0 1.5rem;font-size:12px;color:var(--nle-text-dim);line-height:1.5}.mix-three-parts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.25rem}.mix-part-block{display:grid;grid-template-columns:140px 1fr;gap:1.25rem;align-items:start;padding:1.25rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.mix-part-block:last-of-type{border-bottom:none}@media (max-width: 520px){.mix-part-block{grid-template-columns:1fr;gap:.75rem}}.mix-part-label{display:flex;flex-direction:column;gap:.2rem;padding-top:.15rem}.mix-part-name{font-size:14px;font-weight:500;color:var(--nle-text);letter-spacing:-.01em}.mix-part-time{font-size:11px;color:var(--nle-text-dim);font-variant-numeric:tabular-nums}.mix-part-slot{display:flex;flex-direction:column;gap:.75rem;min-width:0}.mix-part-empty{min-height:100px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--nle-text-dim);background:#ffffff05;border:1px dashed rgba(255,255,255,.08);border-radius:10px}.mix-part-thumbs{display:flex;flex-wrap:wrap;gap:.5rem;max-height:180px;overflow-y:auto;padding:2px}.mix-video-thumb{position:relative;width:54px;aspect-ratio:9 / 16;border-radius:8px;overflow:hidden;background:#0000004d;flex-shrink:0}.mix-video-thumb-video{width:100%;height:100%;object-fit:cover;display:block}.mix-video-thumb-close{position:absolute;top:0;right:0;width:20px;height:20px;padding:0;font-size:14px;line-height:1;color:#fff;background:#dc2626;border:none;border-radius:0 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.mix-video-thumb-close:hover{background:#b91c1c}.mix-part-actions{display:flex;align-items:center;gap:0;font-size:12px}.mix-part-action{color:var(--nle-accent);cursor:pointer;padding:.25rem 0;transition:color .2s ease,opacity .2s ease}.mix-part-action:hover{color:var(--nle-accent-hover);text-decoration:underline}.mix-part-action-divider{width:1px;height:.9em;background:#ffffff26;margin:0 .6rem}.mix-combo-wrap{margin-top:2rem;padding:1.5rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px}.mix-combo-title{margin:0 0 .5rem;font-size:14px;font-weight:500;color:var(--nle-text);letter-spacing:-.01em}.mix-combo-desc{margin:0 0 .5rem;font-size:12px;color:var(--nle-text-muted)}.mix-combo-count{margin:0;font-size:15px;color:var(--nle-text)}.mix-combo-formula{color:var(--nle-text-muted);font-variant-numeric:tabular-nums}.mix-combo-total{font-weight:600;font-size:1.25rem;color:var(--nle-accent);margin:0 .15em}.mix-combo-unit{color:var(--nle-text-muted);font-size:13px}.mix-combo-note{margin:.5rem 0 0;font-size:11px;color:var(--nle-text-muted);opacity:.9}.mix-export-wrap{padding-top:1.5rem;margin-top:0;border-top:none}.mix-export-wrap .mix-btn-export{width:100%;max-width:320px;margin:0 auto;display:block;padding:.85rem 1.5rem;font-size:14px;font-weight:500;border-radius:10px;border:none;background:var(--nle-success);color:#fff;cursor:pointer;transition:background .2s ease,opacity .2s ease}.mix-export-wrap .mix-btn-export:hover:not(:disabled){background:var(--nle-success-hover)}.mix-export-wrap .mix-btn-export:disabled{opacity:.45;cursor:not-allowed}.mix-export-progress-panel{margin-top:1.25rem;padding:1.25rem 1.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px}.mix-export-progress-phase{margin:0 0 .75rem;font-size:14px;font-weight:500;color:var(--nle-text)}.mix-export-progress-track{height:10px;background:#ffffff14;border-radius:6px;overflow:hidden;margin-bottom:.5rem}.mix-export-progress-fill{height:100%;background:linear-gradient(90deg,var(--nle-accent),var(--nle-success));border-radius:6px;transition:width .25s ease-out}.mix-export-progress-pct{margin:0 0 .5rem;font-size:13px;color:var(--nle-text-muted);font-variant-numeric:tabular-nums}.mix-export-progress-cpu{margin:0 0 .25rem;font-size:11px;color:var(--nle-text-muted);opacity:.85}.mix-export-segment-hint{font-size:12px;color:var(--nle-text-muted);font-weight:400}.mix-export-log{margin:.5rem 0 .25rem;padding:.5rem .6rem;background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:6px;max-height:140px;overflow-y:auto;scroll-behavior:smooth}.mix-export-log-line{font-size:11px;font-family:Consolas,Menlo,monospace;color:#ffffffbf;line-height:1.6;white-space:pre-wrap;word-break:break-all}.mix-export-log-line:last-child{color:#fffffff2}.mix-export-extension-tip{margin:.35rem 0 0;font-size:11px;color:var(--nle-text-dim, rgba(255, 255, 255, .4))}.mix-export-extension-tip code{font-size:10px;padding:.1em .35em;background:#ffffff1a;border-radius:3px}.mix-export-tip{margin:.75rem 0 0;font-size:12px;color:var(--nle-text-muted);text-align:center;max-width:320px;margin-left:auto;margin-right:auto}.mix-export-memory-tip{margin:.5rem 0 0;font-size:12px;color:var(--nle-text-muted);text-align:center;max-width:360px;margin-left:auto;margin-right:auto;padding:.4rem .5rem;background:#ffc1071f;border-radius:4px}.mix-export-option{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:13px;color:var(--nle-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.mix-export-option input[type=checkbox]{margin:0}.mix-export-countdown{display:inline-flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:500;color:var(--nle-accent, #4caf50);animation:mix-countdown-pulse 1s ease-in-out infinite}.mix-export-countdown-num{display:inline-block;min-width:1.8em;font-size:1.3rem;font-weight:700;text-align:center;background:#4caf5033;border-radius:6px;padding:.1em .3em}@keyframes mix-countdown-pulse{50%{opacity:.85}}.mix-export-option-highlight{background:#4caf5014;padding:.4rem .5rem;border-radius:6px;border:1px solid rgba(76,175,80,.25)}.mix-export-batch{margin-bottom:.75rem;font-size:13px;color:var(--nle-text-muted)}.mix-export-batch-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.mix-export-batch-row input[type=number]{width:4rem;padding:.25rem .4rem;font-size:13px;background:var(--nle-track);border:1px solid var(--nle-border);border-radius:4px;color:inherit}.mix-part-pool{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:12px;color:var(--nle-text-muted)}.mix-btn-small{padding:.25rem .5rem;font-size:12px}.mix-timeline{margin-top:.75rem;border:1px solid var(--nle-border);border-radius:8px;overflow:hidden}.mix-timeline-segment{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--nle-border-subtle);font-size:13px}.mix-timeline-segment:last-child{border-bottom:none}.mix-timeline-time{flex-shrink:0;font-weight:500;min-width:100px}.mix-timeline-files{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nle-text-muted)}.mix-timeline-file{margin-right:.5rem}.mix-timeline-replace{flex-shrink:0;padding:.25rem .5rem;font-size:12px;border:1px solid var(--nle-border);border-radius:4px;cursor:pointer}.mix-timeline-replace:hover{border-color:var(--nle-accent)}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--nle-bg)}.app-with-menu{display:flex;flex-direction:column;min-height:100vh}.top-menu{flex-shrink:0;display:flex;align-items:stretch;justify-content:center;gap:var(--nle-space-sm);background:linear-gradient(to bottom,#0006,#0003);border-bottom:1px solid var(--nle-border-subtle);padding:10px var(--nle-space-lg)}.top-menu-item{min-width:96px;padding:7px 20px;font-size:14px;font-weight:500;color:var(--nle-text-dim);background:transparent;border:1px solid transparent;border-radius:999px;cursor:pointer;text-align:center;transition:color var(--nle-transition),background var(--nle-transition),border-color var(--nle-transition)}.top-menu-item:hover{color:var(--nle-text);background:#ffffff0f}.top-menu-item.is-active{color:#fff;background:var(--nle-accent);border-color:var(--nle-accent);box-shadow:0 0 0 1px #00000059,0 10px 25px #0006}.header{flex-shrink:0;height:48px;padding:0 var(--nle-space-lg);display:flex;align-items:center;justify-content:center;gap:var(--nle-space-sm);background:var(--nle-bg);border-bottom:1px solid var(--nle-border-subtle)}.header h1{font-size:15px;font-weight:600;margin:0;letter-spacing:-.02em;color:var(--nle-text)}.flow-desc{font-size:12px;color:var(--nle-text-muted);margin:0;letter-spacing:.01em}.header-link-reorder{margin-left:auto;padding:var(--nle-space-xs) var(--nle-space-sm);font-size:13px;color:var(--nle-accent);background:transparent;border:none;cursor:pointer;transition:color var(--nle-transition)}.header-link-reorder:hover{color:var(--nle-accent-hover)}.main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--nle-bg)}.main-editor{display:flex;flex-direction:column;min-height:0}.main-row{flex:1;min-height:0;display:flex;flex-direction:row;overflow:hidden}.panel-left{flex:0 0 auto;width:260px;min-height:0;display:flex;flex-direction:column;padding:var(--nle-space-md);gap:var(--nle-space-sm);background:var(--nle-panel);border-right:1px solid var(--nle-border-subtle);overflow-y:auto}.panel-header{font-size:12px;font-weight:600;color:var(--nle-text-muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 var(--nle-space-xs) 0}.btn-import{padding:8px 14px;background:var(--nle-accent);color:#fff;border:none;border-radius:var(--nle-radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:background var(--nle-transition)}.btn-import:hover{background:var(--nle-accent-hover)}.panel-asset-info{display:flex;flex-direction:column;gap:var(--nle-space-xs)}.panel-asset-name{font-size:12px;color:var(--nle-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-clear-small{padding:6px 10px;background:transparent;border:1px solid var(--nle-border-subtle);border-radius:var(--nle-radius-pill);color:var(--nle-text-muted);font-size:12px;cursor:pointer;transition:border-color var(--nle-transition),color var(--nle-transition)}.btn-clear-small:hover{color:var(--nle-text);border-color:var(--nle-text-muted)}.panel-left{gap:var(--nle-space-sm)}.panel-left-block{display:flex;flex-direction:column;gap:var(--nle-space-xs);padding-top:var(--nle-space-sm);border-top:1px solid var(--nle-border-subtle)}.panel-left-block-title{font-size:11px;font-weight:600;color:var(--nle-text-dim);letter-spacing:.04em;text-transform:uppercase;margin:0 0 2px}.panel-left-hint,.panel-left-suggestion{font-size:12px;color:var(--nle-text-muted);margin:0}.panel-left-suggestion strong{color:var(--nle-text)}.panel-left-error{font-size:11px;color:var(--nle-error, #e57373);margin:0}.panel-left-select-wrap{display:flex;flex-direction:column;gap:2px}.panel-left-select-label{font-size:11px;color:var(--nle-text-dim)}.panel-left-select{width:100%;padding:6px 8px;font-size:13px;border:1px solid var(--nle-border-subtle);border-radius:var(--nle-radius-sm);background:var(--nle-bg);color:var(--nle-text)}.panel-left-block--categories .panel-left-hint{margin-bottom:var(--nle-space-xs)}.panel-left-category-list{display:flex;flex-direction:column;gap:var(--nle-space-sm)}.panel-left-category-card{--category-accent: var(--nle-accent);padding:var(--nle-space-sm) var(--nle-space-md);padding-left:calc(var(--nle-space-md) + 4px);border-left:3px solid var(--category-accent);border-radius:var(--nle-radius-xs);background:var(--nle-track);transition:background var(--nle-transition)}.panel-left-category-card:hover{background:var(--nle-track-hover)}.panel-left-category-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--nle-space-xs);margin-bottom:6px}.panel-left-category-card-name{font-size:13px;font-weight:600;color:var(--nle-text);letter-spacing:.02em}.panel-left-category-card-count{font-size:11px;font-variant-numeric:tabular-nums;color:var(--nle-text-muted);background:var(--nle-panel-header);padding:2px 8px;border-radius:var(--nle-radius-pill)}.panel-left-category-card-segs{display:flex;flex-wrap:wrap;gap:6px;min-height:24px}.panel-left-category-pill{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--nle-text);background:var(--nle-panel-header);border-radius:var(--nle-radius-xs);border:1px solid var(--nle-border-subtle)}.panel-left-category-empty{font-size:12px;color:var(--nle-text-dim);font-style:normal}.panel-left-category-assign{margin-top:10px;display:flex;flex-direction:column;gap:6px}.panel-left-category-assign-label{font-size:11px;color:var(--nle-text-dim)}.panel-left-category-select-wrap{display:flex;align-items:center;gap:8px}.panel-left-category-seg-label{font-size:12px;min-width:36px;color:var(--nle-text-dim)}.panel-left-category-select{flex:1;padding:4px 8px;font-size:12px;border:1px solid var(--nle-border-subtle);border-radius:var(--nle-radius-sm);background:var(--nle-bg);color:var(--nle-text)}.panel-left-save-dir{display:flex;flex-direction:column;gap:var(--nle-space-xs)}.panel-left-save-dir-btn{width:100%;text-align:center}.panel-left-save-dir-name{font-size:12px;color:var(--nle-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-left-output-name{display:flex;flex-direction:column;gap:2px}.panel-left-output-label{font-size:11px;color:var(--nle-text-dim)}.panel-left-output-input{width:100%;padding:6px 8px;font-size:13px;border:1px solid var(--nle-border-subtle);border-radius:var(--nle-radius-sm);background:var(--nle-bg);color:var(--nle-text)}.btn-reanalyze--compact,.btn-confirm--compact{width:100%;padding:8px 12px;font-size:13px}.btn-confirm--compact{background:var(--nle-accent);color:#fff;border:none;border-radius:var(--nle-radius-sm);cursor:pointer;font-weight:500}.btn-confirm--compact:hover:not(:disabled){background:var(--nle-accent-hover)}.btn-confirm--compact:disabled{opacity:.7;cursor:not-allowed}.panel-left-progress{margin-top:4px}.panel-left-progress-msg{font-size:11px;color:var(--nle-text-muted);margin:0 0 4px}.panel-left-progress-bar{height:4px;background:var(--nle-border-subtle);border-radius:2px;overflow:hidden}.panel-left-progress-bar.is-loading{animation:panel-left-progress-pulse .8s ease-in-out infinite}@keyframes panel-left-progress-pulse{0%,to{opacity:.6}50%{opacity:1}}.panel-left-progress-fill{height:100%;background:var(--nle-accent);border-radius:2px;transition:width .2s ease}.confirm-bubble-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0006;pointer-events:none}.confirm-bubble{padding:var(--nle-space-lg) var(--nle-space-xl);min-width:260px;background:var(--nle-panel);border:1px solid var(--nle-border-subtle);border-radius:var(--nle-radius);box-shadow:var(--nle-shadow-md)}.confirm-bubble-msg{font-size:14px;color:var(--nle-text);margin:0 0 var(--nle-space-sm) 0}.confirm-bubble-bar{height:8px;background:var(--nle-track);border-radius:var(--nle-radius-pill);overflow:hidden}.confirm-bubble-bar.is-loading{position:relative}.confirm-bubble-bar.is-loading .confirm-bubble-fill{animation:panel-left-progress-pulse .8s ease-in-out infinite}.confirm-bubble-fill{height:100%;background:var(--nle-accent);border-radius:var(--nle-radius-pill);transition:width .2s ease}.confirm-done-toast{position:fixed;left:50%;bottom:var(--nle-space-xl);transform:translate(-50%);z-index:9999;padding:var(--nle-space-md) var(--nle-space-lg);background:var(--nle-panel);border:1px solid var(--nle-border-subtle);border-radius:var(--nle-radius);box-shadow:var(--nle-shadow-md);pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:var(--nle-space-sm)}.confirm-done-toast p{font-size:14px;color:var(--nle-text);margin:0}.confirm-done-toast-btn{padding:var(--nle-space-xs) var(--nle-space-md);font-size:13px;font-weight:500;color:#fff;background:var(--nle-accent);border:none;border-radius:var(--nle-radius-xs);cursor:pointer;transition:background var(--nle-transition)}.confirm-done-toast-btn:hover{background:var(--nle-accent-hover)}.panel-center{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--nle-border-subtle)}.panel-center.card{border-radius:0;box-shadow:none;border:none}.panel-right{flex:0 0 auto;width:320px;min-height:0;display:flex;flex-direction:column;background:var(--nle-panel);overflow:hidden}.panel-right .panel-header{flex-shrink:0;padding:var(--nle-space-md) var(--nle-space-lg);border-bottom:1px solid var(--nle-border-subtle)}.panel-right-body{flex:1;min-height:0;overflow:hidden;padding:var(--nle-space-md) var(--nle-space-lg);display:flex;flex-direction:column;gap:var(--nle-space-md)}.panel-right-body .right-blocks{gap:var(--nle-space-md)}.panel-right-body .right-block{padding:var(--nle-space-sm) 0;border-bottom:1px solid var(--nle-border-subtle);gap:var(--nle-space-xs)}.panel-right-body .right-block-title{margin:0 0 2px}.panel-right-body .right-block-how-split{margin-top:2px}.panel-right-body .right-block-how-split summary{font-size:12px;cursor:pointer;color:var(--nle-text-muted)}.panel-right-body .right-block-how-text{font-size:11px;margin:4px 0 0;line-height:1.4}.panel-right-hint{font-size:13px;color:var(--nle-text-muted);margin:0}.right-blocks{display:flex;flex-direction:column;gap:var(--nle-space-lg)}.right-block{display:flex;flex-direction:column;gap:var(--nle-space-sm);padding:var(--nle-space-md) 0;border-bottom:1px solid var(--nle-border-subtle)}.right-block:last-child{border-bottom:none}.right-block-title{font-size:11px;font-weight:600;color:var(--nle-text-dim);letter-spacing:.04em;text-transform:uppercase;margin:0 0 var(--nle-space-xs) 0}.right-block-suggestion{font-size:13px;color:var(--nle-text-muted);margin:0 0 var(--nle-space-xs) 0}.right-block-suggestion strong{color:var(--nle-text)}.right-block-hint{font-size:12px;color:var(--nle-text-dim);margin:0 0 var(--nle-space-xs) 0}.right-block-error{font-size:12px;color:var(--nle-error, #e11d48);margin:0 0 var(--nle-space-sm) 0;line-height:1.4}.btn-reanalyze{margin-bottom:var(--nle-space-sm);padding:6px 12px;font-size:12px;background:var(--nle-track);border:1px solid var(--nle-border-subtle);border-radius:var(--nle-radius-sm);color:var(--nle-text);cursor:pointer;transition:background var(--nle-transition),border-color var(--nle-transition)}.btn-reanalyze:hover{background:var(--nle-track-hover);border-color:var(--nle-text-muted)}.right-block-how-split{margin-top:var(--nle-space-sm);font-size:12px;color:var(--nle-text-dim)}.right-block-how-split summary{cursor:pointer;color:var(--nle-text-muted);list-style:none}.right-block-how-split summary::-webkit-details-marker{display:none}.right-block-how-split summary:before{content:"▶ "}.right-block-how-split[open] summary:before{content:"▼ "}.right-block-how-text{margin:var(--nle-space-xs) 0 0 0;line-height:1.45}.right-block-how-text strong{color:var(--nle-text)}.right-block-mode-btns{display:flex;flex-direction:column;gap:var(--nle-space-xs)}.right-block-mode-btns .btn-segment-mode{padding:8px 12px;background:var(--nle-track);border:1px solid var(--nle-border-subtle);border-radius:var(--nle-radius-sm);color:var(--nle-text);font-size:13px;text-align:left;transition:background var(--nle-transition),border-color var(--nle-transition)}.right-block-mode-btns .btn-segment-mode:hover{background:var(--nle-track-hover);border-color:var(--nle-text-muted)}.right-block-mode-btns .btn-segment-mode.is-active{background:var(--nle-accent);border-color:var(--nle-accent);color:#fff}.right-block-select-wrap{display:flex;flex-direction:column;gap:var(--nle-space-xs)}.right-block-select-label{font-size:12px;color:var(--nle-text-muted)}.right-block-select{padding:8px 12px;background:var(--nle-track);border:1px solid var(--nle-border-subtle);border-radius:var(--nle-radius-sm);color:var(--nle-text);font-size:13px;cursor:pointer;transition:border-color var(--nle-transition)}.right-block-select:hover{border-color:var(--nle-text-muted)}.right-block-select:focus{outline:none;border-color:var(--nle-accent);box-shadow:0 0 0 2px var(--nle-accent-muted)}.right-block-segment-btns{display:flex;flex-wrap:wrap;gap:var(--nle-space-xs)}.right-block-segment-btns .btn-segment-count{padding:8px 14px;border-radius:var(--nle-radius-sm)}.confirm-output-name--block{display:flex;flex-direction:column;gap:var(--nle-space-xs)}.confirm-output-name--block .confirm-output-name-label{font-size:12px}.btn-confirm--block{width:100%;margin-top:var(--nle-space-xs)}.confirm-progress--compact{padding:var(--nle-space-sm) var(--nle-space-md)}.confirm-progress--compact .confirm-progress-message{font-size:12px;margin-bottom:var(--nle-space-xs)}.confirm-toast--compact{padding:var(--nle-space-sm) var(--nle-space-md)}.confirm-toast--compact p{font-size:12px;margin:0 0 var(--nle-space-xs) 0}.main-bottom{flex-shrink:0;border-top:1px solid var(--nle-border-subtle);background:var(--nle-panel)}.timeline-strip{padding:var(--nle-space-md) var(--nle-space-lg);display:flex;flex-direction:column;gap:var(--nle-space-sm)}.timeline-strip-head{display:flex;align-items:center;justify-content:space-between;gap:var(--nle-space-md)}.timeline-time{font-size:13px;font-weight:500;color:var(--nle-text)}.timeline-strip-head .timeline-caption{font-size:11px;color:var(--nle-text-dim);margin:0}.timeline-strip-head .btn-add-cut{flex-shrink:0;padding:4px 10px;font-size:11px;background:var(--nle-track);border:1px solid var(--nle-border-subtle);border-radius:var(--nle-radius-sm);color:var(--nle-text);cursor:pointer;transition:background var(--nle-transition),border-color var(--nle-transition)}.timeline-strip-head .btn-add-cut:hover{background:var(--nle-track-hover);border-color:var(--nle-text-muted)}.timeline-section--bottom{margin:0;padding:0}.timeline-section--bottom .timeline-caption{margin-bottom:var(--nle-space-xs)}.video-upload .upload-placeholder{padding:48px 24px;text-align:center;font-size:14px;color:var(--nle-text-muted);background:var(--nle-track);border-radius:var(--nle-radius-sm)}.card{background:var(--nle-panel);border:1px solid var(--nle-border-subtle);border-radius:var(--nle-radius);overflow:hidden;box-shadow:none}.card-video{display:flex;flex-direction:column;min-height:0}.card-video .viewer-body{flex:1;min-height:0;padding:var(--nle-space-md);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background:var(--nle-bg)}.card-controls{display:flex;flex-direction:column;gap:var(--nle-space-sm);padding:var(--nle-space-lg);flex-shrink:0}.card-controls .progress-bar-wrap{margin-bottom:0}.card-controls .timeline-section{margin-top:0}.card-controls .toolbar{margin-top:var(--nle-space-xs);padding-top:var(--nle-space-sm);border-top:1px solid var(--nle-border-subtle)}.segment-previews-section{padding:var(--nle-space-lg);flex-shrink:0;border:1px solid var(--nle-border-subtle);border-radius:var(--nle-radius);background:var(--nle-panel);box-shadow:none}.segment-previews-section .segment-previews-list{margin-top:var(--nle-space-sm)}.segment-previews-title{display:none;margin:0 0 var(--nle-space-md) 0;font-size:12px;font-weight:600;color:var(--nle-text);letter-spacing:.03em}.segment-previews-list{display:flex;flex-direction:row;gap:var(--nle-space-md);overflow-x:auto;padding-bottom:var(--nle-space-xs)}.segment-preview-item{display:flex;flex-direction:column;gap:var(--nle-space-sm);flex:1;min-width:140px;max-width:200px}.segment-preview-label{display:none;font-size:13px;font-weight:600;color:var(--nle-text)}.segment-preview-video-wrap{position:relative;width:100%;aspect-ratio:9 / 16;max-height:260px;border-radius:var(--nle-radius);overflow:hidden;background:#000}.segment-preview-video{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:var(--nle-radius);display:block}.segment-preview-play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;border:none;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--nle-transition),transform var(--nle-transition-fast);font-size:18px;padding:0;line-height:1}.segment-preview-play-btn:hover{background:#000000bf;transform:translate(-50%,-50%) scale(1.05)}.segment-preview-play-btn .icon-pause{width:18px;height:18px;display:flex;align-items:center;justify-content:center;gap:4px}.segment-preview-play-btn .icon-pause:before,.segment-preview-play-btn .icon-pause:after{content:"";width:4px;height:14px;background:currentColor;border-radius:1px}.segment-preview-play-btn .icon-play{width:0;height:0;border-left:14px solid currentColor;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}.viewer-header{flex-shrink:0;height:32px;padding:0 var(--nle-space-md);display:flex;align-items:center;background:transparent;border-bottom:1px solid var(--nle-border-subtle);font-size:11px;font-weight:600;color:var(--nle-text-dim);letter-spacing:.04em;text-transform:uppercase}.viewer-body{flex:1;padding:var(--nle-space-md);display:flex;flex-direction:column;gap:var(--nle-space-sm);min-height:0;overflow:auto}.video-upload .upload-trigger{padding:40px 20px;background:var(--nle-track);border:2px dashed var(--nle-border);border-radius:var(--nle-radius-sm);color:var(--nle-text-muted);font-size:14px;transition:border-color var(--nle-transition),background var(--nle-transition),color var(--nle-transition)}.video-upload .upload-trigger:hover{background:var(--nle-track-hover);border-color:var(--nle-text-muted);color:var(--nle-text)}.video-upload .preview-area{display:flex;flex-direction:column;gap:var(--nle-space-sm);align-items:stretch;width:100%}.video-upload .preview-area--portrait{align-items:center}.video-upload .preview-area--portrait .preview-video-wrap{width:auto;max-width:100%;max-height:min(720px,65vh);flex-shrink:0}.video-upload .preview-video-wrap{width:100%;overflow:hidden;border-radius:var(--nle-radius-sm);background:#000}.video-upload .preview-area--landscape .preview-video-wrap,.video-upload .preview-area .preview-video-wrap:only-child,.video-upload .preview-area:not(.preview-area--portrait):not(.preview-area--landscape) .preview-video-wrap{aspect-ratio:16 / 9;max-height:min(400px,55vh)}.video-upload .preview-video-wrap .preview-video{width:100%;height:100%;object-fit:contain;object-position:center;display:block;vertical-align:top}.video-controls-below{display:flex;align-items:center;gap:var(--nle-space-sm);margin-top:var(--nle-space-xs)}.video-upload .btn-play-pause{padding:8px 18px;background:var(--nle-accent);color:#fff;border:none;border-radius:var(--nle-radius-pill);font-size:13px;font-weight:500;transition:background var(--nle-transition)}.video-upload .btn-play-pause:hover{background:var(--nle-accent-hover)}.video-upload .file-info{font-size:12px;color:var(--nle-text-muted);margin:0}.video-upload .btn-clear{padding:6px 12px;background:transparent;border:1px solid var(--nle-border-subtle);border-radius:var(--nle-radius-pill);color:var(--nle-text-muted);font-size:12px;transition:border-color var(--nle-transition),color var(--nle-transition),background var(--nle-transition)}.video-upload .btn-clear:hover,.toolbar .btn-clear:hover{color:var(--nle-text);border-color:var(--nle-text-muted);background:var(--nle-accent-muted)}.toolbar .btn-clear{padding:6px 12px;background:transparent;border:1px solid var(--nle-border-subtle);border-radius:var(--nle-radius-pill);color:var(--nle-text-muted);font-size:12px;transition:border-color var(--nle-transition),color var(--nle-transition),background var(--nle-transition)}.toolbar .btn-clear--right{margin-left:auto}.preview-label{display:none}.progress-bar-wrap{margin-top:0;margin-bottom:0;display:flex;flex-direction:column;gap:var(--nle-space-xs);flex-shrink:0}.progress-bar-track{position:relative;height:6px;background:var(--nle-track);border-radius:var(--nle-radius-pill);cursor:pointer;overflow:visible;-webkit-user-select:none;user-select:none;border:none;transition:background var(--nle-transition-fast)}.progress-bar-track:hover{background:var(--nle-track-hover)}.progress-bar-track:active{cursor:grabbing}.progress-bar-fill{position:absolute;left:0;top:0;bottom:0;background:var(--nle-accent);border-radius:var(--nle-radius-pill);pointer-events:none;transition:width .05s linear}.progress-bar-playhead{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;margin-left:0;background:#fff;border-radius:50%;pointer-events:none;z-index:1;box-shadow:0 0 0 2px var(--nle-accent),0 1px 3px #00000040;transition:left .05s linear}.progress-bar-time{font-size:11px;color:var(--nle-text-dim);font-variant-numeric:tabular-nums;letter-spacing:.01em}.timeline-section{background:transparent;border:none;border-radius:0;overflow:visible;margin-bottom:0}.timeline-section--below-video{margin-top:0;padding-top:0;border-top:none}.timeline-section h2,.timeline-caption{height:20px;padding:0;margin:0 0 var(--nle-space-xs) 0;display:flex;align-items:center;background:transparent;border:none;font-size:10px;font-weight:600;color:var(--nle-text-dim);letter-spacing:.04em;text-transform:uppercase}.timeline-section .timeline-wrap{padding:0}.timeline-wrap{display:flex;flex-direction:column;gap:var(--nle-space-sm)}.timeline-track-container{position:relative;display:flex;flex-direction:column;gap:4px}.timeline-track{position:relative;height:36px;background:var(--nle-track);border-radius:var(--nle-radius-sm);overflow:hidden;border:1px solid var(--nle-border-subtle)}.timeline-category-track{position:relative;height:24px;background:var(--nle-track);border-radius:var(--nle-radius-sm);overflow:hidden;border:1px solid var(--nle-border-subtle)}.timeline-category-segment{position:absolute;top:2px;bottom:2px;min-width:2%;display:flex;align-items:center;justify-content:center;border-radius:2px}.timeline-category-trigger{width:100%;height:100%;min-height:20px;padding:2px 6px;font-size:10px;font-weight:500;border:none;border-radius:var(--nle-radius-xs);background:#00000059;color:#fffffff2;cursor:pointer;text-align:center;transition:background var(--nle-transition)}.timeline-category-trigger:hover{background:#00000080}.timeline-category-trigger:focus{outline:none;box-shadow:0 0 0 2px var(--nle-accent-muted)}.timeline-category-dropdown-panel{z-index:9999;min-width:120px;padding:4px 0;background:var(--nle-panel);border:1px solid var(--nle-border);border-radius:var(--nle-radius-sm);box-shadow:var(--nle-shadow-md);display:flex;flex-direction:column}.timeline-category-option{display:block;width:100%;padding:8px 12px;font-size:12px;text-align:left;border:none;border-bottom:1px solid var(--nle-border-subtle);background:transparent;color:var(--nle-text);cursor:pointer;transition:background var(--nle-transition)}.timeline-category-option:last-child{border-bottom:none}.timeline-category-option:hover{background:var(--nle-track-hover)}.timeline-category-option.is-selected{background:var(--nle-accent-muted);color:var(--nle-accent);font-weight:600}.timeline-category-option.is-selected:hover{background:var(--nle-accent-muted)}.timeline-category-segment .timeline-category-text{font-size:10px;color:#fffffff2;text-shadow:0 0 1px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.timeline-playhead{position:absolute;top:0;bottom:0;width:3px;margin-left:-1.5px;background:#fff;pointer-events:none;z-index:3;border-radius:2px;box-shadow:0 0 0 1px var(--nle-accent);will-change:left}.timeline-playhead:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #fff;filter:drop-shadow(0 0 1px var(--nle-accent))}.timeline-bar{position:absolute;top:6px;bottom:6px;border-radius:0;display:flex;align-items:center;justify-content:center;min-width:2%;cursor:pointer;margin:0;border:none;transition:filter var(--nle-transition-fast);box-shadow:none}.timeline-bar:hover{filter:brightness(1.1)}.timeline-bar:first-of-type{border-radius:var(--nle-radius-xs) 0 0 var(--nle-radius-xs)}.timeline-bar:last-of-type{border-radius:0 var(--nle-radius-xs) var(--nle-radius-xs) 0}.timeline-bar.is-selected-segment{box-shadow:0 0 0 2px var(--nle-accent);filter:brightness(1.05)}.timeline-bar.is-selected-segment:hover{filter:brightness(1.15)}.timeline-label{font-size:11px;font-weight:600;color:#fffffff2;text-shadow:0 0 1px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.3);pointer-events:none;letter-spacing:.02em}.timeline-divider{position:absolute;top:0;bottom:0;width:4px;margin-left:-2px;cursor:ew-resize;z-index:2;background:#ffffffe6;transition:background var(--nle-transition-fast);pointer-events:auto}.timeline-divider:hover{background:#fff;width:6px;margin-left:-3px}.timeline-divider.is-selected{background:var(--nle-accent);width:6px;margin-left:-3px;box-shadow:0 0 0 2px var(--nle-bg)}.timeline-divider.is-selected:hover{background:var(--nle-accent)}.timeline-ruler{height:24px;position:relative;background:var(--nle-panel-header);border-radius:var(--nle-radius-xs);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--nle-border-subtle);transition:background var(--nle-transition-fast)}.timeline-ruler:hover{background:var(--nle-track)}.timeline-ruler:active{cursor:grabbing}.ruler-tick{position:absolute;font-size:10px;color:var(--nle-text-dim);transform:translate(-50%);font-variant-numeric:tabular-nums}.toolbar{display:flex;align-items:center;gap:var(--nle-space-md);flex-wrap:wrap;padding:0;flex-shrink:0}.detect-section{padding:0;display:flex;align-items:center;flex-wrap:wrap;gap:var(--nle-space-sm)}.detect-section .btn-suggest{padding:6px 12px;background:var(--nle-track);border:1px solid var(--nle-border-subtle);border-radius:var(--nle-radius-pill);color:var(--nle-text);font-size:12px;transition:background var(--nle-transition),border-color var(--nle-transition)}.detect-section .btn-suggest:hover:not(:disabled){background:var(--nle-track);border-color:var(--nle-text-muted)}.detect-section .btn-suggest:disabled{opacity:.6;cursor:not-allowed}.suggestion-msg{font-size:13px;color:var(--nle-text-muted);display:inline-flex;align-items:center;gap:var(--nle-space-sm)}.suggestion-msg strong{color:var(--nle-text)}.segment-count-label{font-size:13px;color:var(--nle-text-muted)}.detect-section .btn-segment-count{padding:6px 12px;background:var(--nle-track);border:1px solid var(--nle-border-subtle);border-radius:var(--nle-radius-pill);color:var(--nle-text);font-size:12px;font-weight:500;transition:background var(--nle-transition),border-color var(--nle-transition),color var(--nle-transition)}.detect-section .btn-segment-count:hover{background:var(--nle-track-hover);border-color:var(--nle-text-muted)}.detect-section .btn-segment-count.is-active{background:var(--nle-accent);border-color:var(--nle-accent);color:#fff}.detect-section .btn-primary{padding:8px 16px;background:var(--nle-accent);color:#fff;border:none;border-radius:var(--nle-radius-pill);font-size:13px;font-weight:500;transition:background var(--nle-transition)}.detect-section .btn-primary:hover:not(:disabled){background:var(--nle-accent-hover)}.detect-section .btn-primary:disabled{opacity:.5;cursor:not-allowed}.detect-progress-msg{font-size:12px;color:var(--nle-text-muted);margin-left:var(--nle-space-sm)}.confirm-section{padding:0;display:flex;align-items:center;gap:var(--nle-space-md);flex-wrap:wrap}.confirm-output-name{display:inline-flex;align-items:center;gap:var(--nle-space-sm)}.confirm-output-name-label{font-size:13px;color:var(--nle-text-muted)}.confirm-output-name-input{padding:8px 12px;min-width:140px;background:var(--nle-track);border:1px solid var(--nle-border-subtle);border-radius:var(--nle-radius-sm);color:var(--nle-text);font-size:13px;transition:border-color var(--nle-transition),box-shadow var(--nle-transition)}.confirm-output-name-input:focus{outline:none;border-color:var(--nle-accent);box-shadow:0 0 0 2px var(--nle-accent-muted)}.confirm-output-name-input::placeholder{color:var(--nle-text-dim)}.confirm-section .btn-confirm{padding:8px 18px;background:var(--nle-success);color:#fff;border:none;border-radius:var(--nle-radius-pill);font-size:13px;font-weight:600;transition:background var(--nle-transition)}.confirm-section .btn-confirm:hover:not(:disabled){background:var(--nle-success-hover)}.confirm-section .btn-confirm:disabled{opacity:.6;cursor:not-allowed}.confirm-progress{width:100%;min-width:260px;max-width:100%;padding:var(--nle-space-md) var(--nle-space-lg);background:var(--nle-track);border:none;border-radius:var(--nle-radius-sm);box-shadow:none}.confirm-progress-message{margin:0 0 var(--nle-space-sm) 0;font-size:13px;color:var(--nle-text);font-weight:500}.confirm-progress-bar-wrap{height:6px;background:var(--nle-panel-header);border-radius:var(--nle-radius-pill);overflow:hidden}.confirm-progress-bar-wrap.is-loading{position:relative}.confirm-progress-bar-wrap.is-loading .confirm-progress-bar{width:35%!important;animation:confirm-progress-indeterminate 1.4s ease-in-out infinite}@keyframes confirm-progress-indeterminate{0%,to{transform:translate(-100%)}50%{transform:translate(265%)}}.confirm-progress-bar{height:100%;background:var(--nle-success);border-radius:var(--nle-radius-pill);transition:width .2s ease}.confirm-toast{padding:var(--nle-space-md) var(--nle-space-lg);background:var(--nle-track);border:none;border-radius:var(--nle-radius-sm);color:var(--nle-text);font-size:13px;box-shadow:none}.confirm-toast p{margin:0 0 var(--nle-space-sm) 0}.confirm-toast .btn-toast-close{padding:6px 14px;background:var(--nle-panel-header);border:none;border-radius:var(--nle-radius-pill);color:var(--nle-text);font-size:12px;font-weight:500;transition:background var(--nle-transition),opacity var(--nle-transition)}.confirm-toast .btn-toast-close:hover{background:var(--nle-track-hover)}*{box-sizing:border-box}:root{--nle-bg: #1c1c1e;--nle-panel: #2c2c2e;--nle-panel-header: #3a3a3c;--nle-track: #2e3032;--nle-track-hover: #3d3f42;--nle-border: rgba(255, 255, 255, .08);--nle-border-subtle: rgba(255, 255, 255, .06);--nle-text: #ffffff;--nle-text-muted: rgba(255, 255, 255, .6);--nle-text-dim: rgba(255, 255, 255, .45);--nle-accent: #2563eb;--nle-accent-hover: #3b82f6;--nle-accent-muted: rgba(37, 99, 235, .25);--nle-success: #059669;--nle-success-hover: #10b981;--nle-success-muted: rgba(5, 150, 105, .25);--nle-playhead: #2563eb;--nle-radius: 12px;--nle-radius-sm: 10px;--nle-radius-xs: 8px;--nle-radius-pill: 999px;--nle-space-xs: 6px;--nle-space-sm: 10px;--nle-space-md: 14px;--nle-space-lg: 20px;--nle-space-xl: 28px;--nle-shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--nle-shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--nle-shadow-focus: 0 0 0 2px var(--nle-accent);--nle-transition: .2s ease;--nle-transition-fast: .12s ease}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--nle-bg);color:var(--nle-text);min-height:100vh;font-size:15px;line-height:1.47;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}html{scrollbar-width:thin;scrollbar-color:#2e3032 transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#2e3032;border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:#3d3f42}#root{min-height:100vh}input,button{font:inherit}button{cursor:pointer}.font-tabular{font-variant-numeric:tabular-nums}