*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,Inter,PingFang SC,system-ui,sans-serif;background:#fff;color:#1f2937;line-height:1.5;-webkit-font-smoothing:antialiased}.app-container{max-width:720px;margin:0 auto;padding:24px 20px 48px}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.header-left{display:flex;align-items:center;gap:10px}.header-left h1{font-size:20px;font-weight:600;letter-spacing:-.01em}.cloud-badge{font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:6px;border:1px solid #E5E7EB}.card{background:#f7f8fa;border:1px solid #E5E7EB;border-radius:8px;padding:20px 20px 24px;margin-bottom:16px}.import-section{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.upload-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#6366f1;color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.upload-btn:hover{background:#4f46e5}.upload-btn input[type=file]{display:none}.file-name{font-size:13px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.controls-card .control-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.play-control{display:flex;align-items:center;gap:8px}.icon-btn{background:none;border:1px solid #E5E7EB;border-radius:6px;padding:6px;cursor:pointer;color:#6b7280;transition:color .1s,border-color .1s;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{color:#1f2937;border-color:#9ca3af}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.label-sm{font-size:13px;color:#6b7280}.preset-control{display:flex;align-items:center;gap:8px}.preset-select{padding:6px 10px;border-radius:6px;border:1px solid #E5E7EB;background:#fff;font-size:13px;color:#1f2937;cursor:pointer}.preview-toggle{display:flex;align-items:center}.toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{display:none}.toggle-slider{width:36px;height:20px;background:#e5e7eb;border-radius:10px;position:relative;transition:background .2s}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-label input:checked+.toggle-slider{background:#6366f1}.toggle-label input:checked+.toggle-slider:after{transform:translate(16px)}.params-card .params-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}.param label{display:flex;justify-content:space-between;font-size:13px;color:#6b7280;margin-bottom:6px}.param-value{font-weight:500;color:#1f2937}.param input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:#e5e7eb;border-radius:2px;outline:none}.param input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#6366f1;border-radius:50%;cursor:pointer}.param input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#6366f1;border-radius:50%;cursor:pointer;border:none}.waveform-card .waveform-container{position:relative}.waveform-card svg{display:block;border-radius:4px}.preview-badge{position:absolute;top:8px;right:8px;font-size:11px;color:#6366f1;background:#6366f11a;padding:2px 8px;border-radius:4px;border:1px solid #C7D2FE}.action-card .action-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.primary-btn{padding:8px 20px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s;display:inline-flex;align-items:center;gap:6px}.primary-btn:hover{background:#4f46e5}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.secondary-btn{padding:8px 16px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:13px;color:#6b7280;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:border-color .15s}.secondary-btn:hover{border-color:#9ca3af}.progress-bar{width:100%;height:2px;background:#e5e7eb;border-radius:1px;margin-top:16px;overflow:hidden}.progress-fill{height:100%;background:#6366f1;transition:width .1s linear;border-radius:1px}.export-row{margin-top:16px}.export-btn{background:#10b981}.export-btn:hover{background:#059669}.history-card .section-title{font-size:15px;font-weight:600;color:#1f2937;margin-bottom:12px}.empty-hint{font-size:13px;color:#9ca3af;text-align:center;padding:16px 0}.history-list{list-style:none}.history-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #E5E7EB;transition:background .1s}.history-item:last-child{border-bottom:none}.history-item:hover{background:#f9fafb;margin:0 -12px;padding:10px 12px;border-radius:6px}.history-info{cursor:pointer;flex:1}.history-name{display:block;font-size:14px;font-weight:500;color:#1f2937}.history-meta{font-size:12px;color:#9ca3af}.delete-btn{padding:4px;border:none;color:#9ca3af}.delete-btn:hover{color:#ef4444}@media (max-width: 480px){.params-grid{grid-template-columns:1fr!important}.control-row{flex-direction:column;align-items:flex-start;gap:12px!important}}