*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,Segoe UI,Microsoft YaHei,system-ui,sans-serif;font-size:14px;color:#1e293b;background:#f1f5f9;line-height:1.5}h1,h2,h3,p,ol,ul{margin:0;padding:0}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}table{border-collapse:collapse}img,svg{vertical-align:middle}.app-header{display:flex;align-items:center;gap:16px;padding:10px 20px;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:10}.app-header .brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px}.app-header .logo{font-size:20px}.app-header .tagline{flex:1;color:#64748b;font-size:13px}.app-main{max-width:1200px;margin:0 auto;padding:16px 20px 60px;display:flex;flex-direction:column;gap:14px}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:7px 14px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#334155;transition:background .15s,border-color .15s,opacity .15s;white-space:nowrap}.btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{padding:4px 10px;font-size:13px}.btn-primary{background:#2563eb;border-color:#2563eb;color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.btn-danger-ghost{color:#dc2626;border-color:#fecaca}.btn-danger-ghost:hover:not(:disabled){background:#fef2f2;border-color:#f87171}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover:not(:disabled){background:#f1f5f9}.btn.loading{position:relative;color:transparent;pointer-events:none}.btn.loading:after{content:"";position:absolute;width:14px;height:14px;border:2px solid #94a3b8;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{padding:7px 11px;font-size:15px;line-height:1}.icon-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.icon-btn.primary:hover:not(:disabled){background:#1d4ed8}input[type=text],select{padding:7px 10px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#1e293b;outline:none}input[type=text]:focus,select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}input.invalid{border-color:#dc2626!important;box-shadow:0 0 0 2px #dc26261f!important}input[type=range]{accent-color:#2563eb}.status-line{margin-top:10px;color:#2563eb;font-size:13px}.error-line{margin-top:10px;color:#dc2626;font-size:13px}#toast-container{position:fixed;top:60px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:9px 14px;border-radius:8px;color:#fff;font-size:13px;max-width:340px;box-shadow:0 4px 12px #0f172a2e;animation:toast-in .2s ease-out;transition:opacity .3s,transform .3s}.toast.leaving{opacity:0;transform:translate(20px)}.toast-info{background:#334155}.toast-success{background:#16a34a}.toast-error{background:#dc2626}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.help-dialog{border:none;border-radius:12px;padding:22px 26px;max-width:480px;width:calc(100vw - 48px);box-shadow:0 20px 50px #0f172a40}.help-dialog h2{font-size:17px;margin-bottom:10px}.help-dialog h3{font-size:14px;margin:14px 0 6px}.help-dialog ol{padding-left:20px;display:flex;flex-direction:column;gap:4px;font-size:13px}.shortcut-table{width:100%;font-size:13px;border-spacing:0}.shortcut-table td{padding:3px 0;border-bottom:1px dashed #e2e8f0}.shortcut-table td:first-child{width:130px;color:#2563eb;font-weight:600}.help-note{margin-top:12px;font-size:12px;color:#64748b}.dialog-actions{margin-top:16px;text-align:right}.drop-zone{border:2px dashed #cbd5e1;border-radius:12px;padding:44px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;outline:none}.drop-zone:hover,.drop-zone:focus-visible,.drop-zone.dragover{border-color:#2563eb;background:#eff6ff}.drop-icon{font-size:40px}.drop-title{margin-top:8px;font-size:16px;font-weight:600;color:#334155}.drop-hint{margin-top:6px;color:#64748b;font-size:13px}.drop-privacy{margin-top:12px;color:#94a3b8;font-size:12px}.file-info{display:flex;align-items:center;justify-content:space-between;gap:12px}.file-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#475569;font-size:13px}.file-meta .sep{color:#cbd5e1}.fi-name{font-weight:600;color:#1e293b;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wave-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.toolbar-divider{width:1px;height:20px;background:#e2e8f0;margin:0 4px}.wave-wrap{position:relative;height:260px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#fff}#waveform{display:block;width:100%;height:100%;touch-action:none}.wave-bottom{display:flex;align-items:center;gap:8px;margin-top:10px;color:#64748b;font-size:13px}.wave-bottom input[type=range]{flex:1}.playback-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.time-display{font-family:Consolas,Menlo,monospace;font-size:13px;color:#334155;min-width:78px;text-align:center}.progress-slider{flex:1;min-width:160px}.volume-slider{width:90px}.vol-label{font-size:14px}.time-panel{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.time-panel .field{display:flex;flex-direction:column;gap:4px}.time-panel label{font-size:12px;color:#64748b}.time-panel input[type=text]{width:150px;font-family:Consolas,Menlo,monospace}.time-panel .readonly{padding:7px 10px;font-family:Consolas,Menlo,monospace;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;min-width:96px;text-align:center}.time-panel .btn{margin-top:18px}.field-hint{width:100%;color:#94a3b8;font-size:12px}.segments-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.segments-header h2{font-size:15px;margin-right:auto}.prefix-input{width:200px}.export-progress{display:flex;align-items:center;gap:10px;margin-top:10px}.progress-track{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;width:0;background:#2563eb;border-radius:4px;transition:width .2s}#export-progress-text{font-size:12px;color:#64748b;white-space:nowrap}.table-wrap{margin-top:12px;overflow-x:auto}.segments-table{width:100%;font-size:13px}.segments-table th,.segments-table td{padding:8px 10px;border-bottom:1px solid #e2e8f0;text-align:left;white-space:nowrap}.segments-table th{color:#64748b;font-weight:600;background:#f8fafc}.segments-table input{width:110px;padding:4px 8px}.segments-table .seg-name{width:150px}.segments-table .seg-duration{font-family:Consolas,Menlo,monospace}.row-actions{display:flex;gap:6px}.empty-hint{margin-top:12px;color:#94a3b8;font-size:13px}@media (max-width: 900px){.app-header .tagline{display:none}}@media (max-width: 768px){.app-main{padding:12px 12px 50px;gap:10px}.panel{padding:12px;border-radius:8px}.wave-wrap{height:200px}.wave-bottom{flex-wrap:wrap}.wave-bottom input[type=range]{flex:1 1 100%}.playback-bar{gap:8px}.progress-slider{order:10;flex-basis:100%}.time-panel .field{flex:1 1 40%}.time-panel input[type=text]{width:100%}.time-panel .btn{margin-top:0;flex:1 1 100%}.segments-header .prefix-input{flex:1 1 100%}.fi-name{max-width:160px}}