:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-size:1rem;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;max-width:100vw;overflow-x:hidden}h1{font-size:1.75rem;line-height:1.1}h2{font-size:1.35rem;margin-top:.5em}h3{font-size:1.1rem}button{border-radius:6px;border:1px solid #ccc;padding:.5em 1em;font-size:.9rem;font-weight:500;font-family:inherit;background-color:#f9f9f9;color:#213547;cursor:pointer;transition:border-color .2s,background-color .2s;touch-action:manipulation}button:hover{border-color:#4a90e2;background-color:#eef4fc}button:active{background-color:#dce8f7}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}input[type=range]{touch-action:manipulation}html.mobile{font-size:17px}html.mobile h1{font-size:1.5rem}html.mobile h2{font-size:1.25rem}html.mobile h3{font-size:1.05rem}html.mobile button{font-size:1rem;padding:.6em 1.1em;min-height:44px}.page{padding:16px clamp(12px,4vw,24px);max-width:100%;overflow:hidden}.header{display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #e0e0e0;background-color:#fafafa;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;min-height:44px}.header__logo{font-weight:700;font-size:1rem;margin-right:12px;padding:10px 0;color:#333;flex-shrink:0}.header__nav-btn{padding:8px 12px;border:none;background-color:transparent;outline:none;box-shadow:none;font-size:.85rem;flex-shrink:0;border-radius:0;color:#555;font-weight:400}.header__nav-btn:hover{background-color:transparent;border-color:transparent}.header__nav-btn--active{color:#4a90e2;font-weight:600}.header__nav-btn--disabled{opacity:.35;cursor:default}.audio-list{list-style:none;padding:0;margin:0}.audio-list__item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:4px;cursor:pointer;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px}.audio-list__item--selected{background-color:#e6f2ff;border-color:#39f}.audio-list__item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.btn-delete{margin-left:12px;background-color:#ff4d4f;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;flex-shrink:0}.btn-delete:hover{background-color:#e04040;border-color:transparent}.eq-loader{display:flex;align-items:flex-end;gap:3px;height:24px;padding:8px 0}.eq-loader__bar{width:4px;background-color:#4a90e2;border-radius:2px}.eq-loader__text{margin-left:8px;font-size:.85rem;color:#888}@keyframes eqBounce{0%{height:4px}to{height:22px}}.progress-wrap{margin-bottom:8px}.progress-bar{position:relative;height:20px;-webkit-user-select:none;user-select:none}.progress-track{position:absolute;top:8px;left:0;right:0;height:4px;background-color:#e0e0e0;border-radius:2px}.progress-fill{height:100%;background-color:#4a90e2;border-radius:2px}.progress-handle{position:absolute;top:3px;width:14px;height:14px;border-radius:50%;background-color:#4a90e2;border:2px solid #fff;box-shadow:0 1px 3px #0000004d;pointer-events:none}.progress-time{display:flex;justify-content:space-between;font-size:.75rem;color:#888}.player-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.player-nav{margin-top:16px}.volume-control{display:flex;align-items:center;gap:8px}.volume-control__icon{flex-shrink:0}.volume-control__slider{width:120px}.waveform-container{position:relative}.waveform-zoom{display:flex;align-items:center;gap:8px;margin-bottom:6px}.waveform-zoom__label{font-weight:500;font-size:.85rem}.waveform-zoom__btn{width:28px;height:28px;font-size:1rem;line-height:1;padding:0}.waveform-zoom__value{font-size:.8rem;color:#888;min-width:36px;text-align:center}.waveform-zoom__hint{font-size:.75rem;color:#aaa;margin-left:4px}.waveform-canvas{width:100%;border:1px solid #ccc;display:block}.waveform-scrollbar{width:100%;margin-top:4px}.spinner{border:3px solid #ccc;border-radius:50%;animation:spin .8s linear infinite}.spinner--wf{width:24px;height:24px;border-top-color:#4a90e2}.spinner--decode{width:14px;height:14px;border-width:2px;border-top-color:#ff9800}.spinner--vad{width:20px;height:20px}.spinner--vad-detect{border-top-color:#4caf50}.spinner--vad-trim{border-top-color:#ff9800}@keyframes spin{to{transform:rotate(360deg)}}.frag-editor__loading{display:flex;align-items:center;gap:8px;padding:20px 0;color:#888}.file-player{display:flex;align-items:center;gap:6px;margin-top:8px;margin-bottom:4px;flex-wrap:wrap}.file-player__time{font-size:.8rem;color:#888}.decode-indicator{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:.8rem;color:#888}.action-bar{margin-top:12px;margin-bottom:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.action-bar__btn{padding:6px 16px}.action-bar__btn--danger{color:#d32f2f}.vad-indicator{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#888}.subtitle-prompt{padding:10px 16px;background-color:#fff3cd;border:1px solid #ffc107;border-radius:4px;margin-bottom:12px;font-size:.9rem}.fragment-list{margin-top:20px;position:relative}.fragment-panel{position:relative}.fragment-row{padding:6px 8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:space-between;border:1px solid #ccc;cursor:pointer}.fragment-row--editing{border-color:#0078ff;background-color:#0078ff0d;cursor:default}.fragment-row__time{font-size:.85rem;flex-shrink:0}.fragment-row__actions{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.btn-save{background-color:#0078ff;color:#fff;border:none;padding:4px 12px;border-radius:4px;font-weight:500}.btn-save:hover{background-color:#06d;border-color:transparent}.btn-sub{padding:4px 8px;font-size:.8rem}.subtitle-display{border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:4px 8px;margin-bottom:6px;font-size:.8rem;color:#555}.subtitle-display__row{display:flex;gap:6px;align-items:flex-start;margin-bottom:2px}.subtitle-display__name{color:#888;flex-shrink:0}.subtitle-display__text{white-space:pre-wrap;flex:1;min-width:0}.btn-remove-sub{font-size:.7rem;padding:1px 4px;color:#d32f2f;cursor:pointer;flex-shrink:0}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:#fff;padding:2rem;border-radius:8px;min-width:min(320px,90vw);text-align:center}.modal-box--wide{max-width:600px;max-height:80vh;display:flex;flex-direction:column;text-align:left}.modal-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.btn-primary{background-color:#0078ff;color:#fff;border:none;padding:6px 16px;border-radius:4px}.btn-primary:hover{background-color:#06d;border-color:transparent}.btn-danger{background-color:#d32f2f;color:#fff;border:none;padding:6px 16px;border-radius:4px}.btn-danger:hover{background-color:#b71c1c;border-color:transparent}.subtitle-content{flex:1;overflow:auto;border:1px solid #ccc;padding:12px;font-size:.9rem;line-height:1.6;white-space:pre-wrap;-webkit-user-select:text;user-select:text;cursor:text}.toolbar{display:flex;gap:12px;margin-bottom:16px;align-items:center;flex-wrap:wrap}.file-info{font-size:.9rem;color:#888;margin-top:-8px}.empty-state{color:#888}.seq-card{margin-bottom:4px}.seq-bar-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.seq-controls{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.seq-controls__btn{background:none;border:none;cursor:pointer;padding:4px}.seq-controls__btn:hover{background:transparent;border-color:transparent}.seq-label{flex:1;min-width:60px;font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seq-label-input{font-size:.85rem;font-weight:500;border:1px solid #0078ff;padding:2px 6px;border-radius:4px;width:100%;max-width:200px}.seq-subtitle{font-size:.8rem;color:#555;padding:4px 8px;border:1px solid #eee;border-top:none;white-space:pre-wrap;word-break:break-word}html.mobile .header{padding:0 10px;min-height:48px}html.mobile .header__logo{font-size:1.05rem;margin-right:8px}html.mobile .header__nav-btn{padding:10px;font-size:.95rem;min-height:44px}html.mobile .page{padding:14px 12px}html.mobile .audio-list__item{min-height:48px;padding:12px 14px;font-size:1rem}html.mobile .btn-delete{padding:6px 12px;font-size:.9rem;min-height:36px}html.mobile .volume-control__slider{width:100px}html.mobile .fragment-row{padding:8px 10px;gap:6px;min-height:44px}html.mobile .fragment-row__time{font-size:.9rem}html.mobile .fragment-row__actions{gap:6px}html.mobile .action-bar{gap:10px}html.mobile .action-bar__btn{padding:8px 14px;font-size:.95rem;min-height:44px}html.mobile .seq-controls__btn{min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;padding:6px}html.mobile .seq-label{font-size:.95rem}html.mobile .seq-label-input{font-size:.95rem;padding:4px 8px;min-height:36px}html.mobile .seq-subtitle{font-size:.85rem;padding:6px 10px}html.mobile .btn-save{padding:6px 14px;font-size:.95rem;min-height:40px}html.mobile .btn-sub{padding:6px 10px;font-size:.9rem;min-height:36px}html.mobile .btn-primary,html.mobile .btn-danger{padding:8px 18px;font-size:1rem;min-height:44px}html.mobile .subtitle-display{font-size:.9rem;padding:6px 10px}html.mobile .btn-remove-sub{font-size:.8rem;padding:4px 8px;min-height:32px}html.mobile .modal-box{padding:20px 16px;min-width:min(340px,92vw)}html.mobile .modal-box--wide{max-width:95vw;max-height:85vh}html.mobile .modal-actions{gap:10px}html.mobile .subtitle-content{font-size:1rem;padding:14px;line-height:1.7}html.mobile .toolbar{gap:10px}html.mobile .file-player{gap:8px}html.mobile .file-player__time{font-size:.9rem}html.mobile .progress-bar{height:28px}html.mobile .progress-track{top:11px;height:6px}html.mobile .progress-handle{top:5px;width:18px;height:18px}html.mobile .progress-time{font-size:.85rem}html.mobile .waveform-zoom__btn{width:36px;height:36px;font-size:1.1rem}html.mobile .waveform-zoom__label{font-size:.9rem}html.mobile .file-info{font-size:.95rem}html.mobile .subtitle-prompt{font-size:.95rem;padding:12px 14px}html.mobile .decode-indicator,html.mobile .vad-indicator{font-size:.9rem}.export-bundle{margin-top:8px}.export-bundle__row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.export-bundle__checkbox{display:flex;align-items:center;gap:4px;cursor:pointer}.export-bundle__hint{font-size:.8rem;color:#888;margin-top:6px}.export-bundle__hint code{background:#f0f0f0;padding:1px 4px;border-radius:3px;font-size:.8rem}.import-bundle__row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.import-bundle__row code{background:#f0f0f0;padding:1px 4px;border-radius:3px;font-size:.8rem}.error-boundary-fallback{padding:16px;background-color:#fff3e0;border:1px solid #ffcc80;border-radius:8px;margin:12px 0}html.mobile .export-bundle__row{gap:10px}html.mobile .export-bundle__hint,html.mobile .export-bundle__hint code{font-size:.9rem}html.mobile .export-bundle__checkbox{gap:6px;font-size:1rem;min-height:44px}html.mobile .import-bundle__row{gap:10px}html.mobile .import-bundle__row code{font-size:.9rem}html.mobile .error-boundary-fallback{padding:14px;font-size:1rem}.sp-file-info{font-size:.9rem;color:#666;margin-top:-8px;margin-bottom:12px}.sp-file-info-separator{margin:0 6px;color:#ccc}.sp-seq-bar-container{margin-bottom:12px}.sp-playall-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.sp-playall-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;font-size:.95rem;font-weight:600;border-radius:6px;cursor:pointer;border:1px solid #ccc;background:#f5f5f5;color:#333;transition:background .15s,border-color .15s}.sp-playall-btn:hover:not(:disabled){background:#e8e8e8;border-color:#999}.sp-playall-btn:disabled{opacity:.4;cursor:default}.sp-playall-btn--playing{background:#fff8e1;border-color:#ffc107;color:#333}.sp-playall-btn--playing:hover{background:#fff3cd}.sp-playall-btn--stop{background:#ffebee;border-color:#ef9a9a;color:#c62828}.sp-playall-btn--stop:hover{background:#ffcdd2}.sp-volume{margin-left:auto}.sp-decode-indicator{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#888;margin-bottom:12px}.sp-fragment-list{display:flex;flex-direction:column;gap:2px}.sp-frag-item{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden;transition:border-color .15s,background .15s}.sp-frag-item--playing{border-color:#ffc107;background-color:#fffde7}.sp-frag-item--selected{border-color:#4a90e2}.sp-frag-row{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.sp-frag-row:hover{background-color:#00000008}.sp-frag-idx{font-weight:600;font-size:.85rem;color:#888;min-width:24px;text-align:center}.sp-frag-time{font-family:monospace;font-size:.85rem;color:#333}.sp-frag-duration{font-size:.8rem;color:#aaa}.sp-frag-repeat{font-size:.8rem;color:#ff9800;font-weight:500}.sp-frag-speed{font-size:.8rem;color:#9c27b0;font-weight:500}.sp-frag-sub-indicator{font-size:.8rem}.sp-frag-playing-indicator{color:#f44336;font-size:.75rem;font-weight:700;animation:sp-pulse 1s infinite alternate}@keyframes sp-pulse{0%{opacity:.4}to{opacity:1}}.sp-control-panel{padding:8px 12px;background-color:#f8f9fa;border-top:1px solid #e0e0e0}.sp-control-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sp-ctrl-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;color:#333;padding:0;transition:background .15s,border-color .15s}.sp-ctrl-btn:hover:not(:disabled){background:#e8e8e8;border-color:#999}.sp-ctrl-btn:disabled{opacity:.3;cursor:default}.sp-ctrl-btn--active{background:#e3f2fd;border-color:#42a5f5;color:#1565c0}.sp-ctrl-btn--active:hover{background:#bbdefb}.sp-ctrl-btn--close{margin-left:auto;color:#888}.sp-ctrl-btn--close:hover{color:#333}.sp-ctrl-separator{width:1px;height:24px;background-color:#ddd;margin:0 4px}.sp-ctrl-label{display:flex;align-items:center;gap:4px;font-size:.85rem;color:#555}.sp-ctrl-input{width:44px;padding:4px 6px;border:1px solid #ddd;border-radius:4px;font-size:.85rem;text-align:center}.sp-ctrl-input:focus{border-color:#4a90e2;outline:none}.sp-ctrl-select{padding:4px 6px;border:1px solid #ddd;border-radius:4px;font-size:.85rem;background:#fff;cursor:pointer}.sp-ctrl-select:focus{border-color:#4a90e2;outline:none}.sp-subtitle-display{padding:8px 12px;background-color:#00000005;border-top:1px solid #e8e8e8}html.mobile .sp-file-info{font-size:.95rem}html.mobile .sp-playall-btn{padding:10px 20px;font-size:1rem;min-height:44px}html.mobile .sp-frag-row{padding:10px 12px;min-height:44px;gap:8px}html.mobile .sp-frag-idx{font-size:.95rem;min-width:28px}html.mobile .sp-frag-time{font-size:.9rem}html.mobile .sp-ctrl-btn{width:44px;height:44px}html.mobile .sp-ctrl-input{width:50px;padding:6px 8px;font-size:.95rem;min-height:36px}html.mobile .sp-ctrl-select{padding:6px 8px;font-size:.95rem;min-height:36px}html.mobile .sp-control-panel{padding:10px 12px}html.mobile .sp-subtitle-display{padding:10px 12px;font-size:.95rem}