@import"https://fonts.googleapis.com/css2?family=SF+Pro+Display:wght@300;400;500;600;700&family=SF+Pro+Text:wght@400;500;600&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow:hidden}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}:root{--glass-bg: rgba(255, 255, 255, .72);--glass-bg-hover: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 4px 20px rgba(0, 0, 0, .06);--glass-shadow-hover: 0 8px 32px rgba(0, 0, 0, .1);--blur-amount: 20px;--accent-blue: #007AFF;--accent-blue-light: rgba(0, 122, 255, .1);--accent-green: #34C759;--accent-green-light: rgba(52, 199, 89, .1);--accent-red: #FF3B30;--accent-red-light: rgba(255, 59, 48, .1);--accent-orange: #FF9500;--accent-orange-light: rgba(255, 149, 0, .1);--accent-purple: #AF52DE;--accent-purple-light: rgba(175, 82, 222, .1);--text-primary: #1d1d1f;--text-secondary: #86868b;--text-tertiary: #aeaeb2;--surface-primary: #f5f5f7;--surface-secondary: #ffffff;--surface-elevated: rgba(255, 255, 255, .9);--divider: rgba(0, 0, 0, .06);--divider-strong: rgba(0, 0, 0, .1)}.audio-control-panel{width:100%;height:100%;min-height:0;padding:16px;box-sizing:border-box;background:linear-gradient(135deg,#f5f5f7,#e8e8ed);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}.alerts-container{flex-shrink:0;margin-bottom:12px}.panel-content{flex:1;min-height:0;display:flex;gap:12px}.resize-handle-horizontal{width:8px;background:transparent;cursor:col-resize;position:relative;flex-shrink:0;transition:background .2s}.resize-handle-horizontal:hover{background:#007aff1a}.resize-handle-horizontal:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:40px;background:var(--divider-strong);border-radius:2px;transition:background .2s,height .2s}.resize-handle-horizontal:hover:after{background:var(--accent-blue);height:60px}.panel-column{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;padding-right:4px;padding-bottom:8px}.panel-column.left-col{overflow-y:auto}.panel-column.right-col{overflow-y:hidden}.panel-column::-webkit-scrollbar{width:4px}.panel-column::-webkit-scrollbar-track{background:transparent}.panel-column::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:2px}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border-radius:16px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:14px;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.glass-card.flex-grow{flex:1 0 auto;display:flex;flex-direction:column}.glass-card.flex-shrink-0{flex-shrink:0}.glass-card.status-card-centered{flex-shrink:0;display:flex;flex-direction:column;justify-content:center;min-height:300px}.glass-card.status-card-centered .glass-card-header{margin-bottom:auto;width:100%}.glass-card.status-card-centered .empty-state{margin-top:auto;margin-bottom:auto;flex:1;display:flex;flex-direction:column;justify-content:center}.glass-card.status-card-centered .status-stats{margin-top:auto;margin-bottom:auto;width:100%}.glass-card:hover{box-shadow:var(--glass-shadow-hover)}.glass-card-header{gap:10px;padding-bottom:10px;margin-bottom:14px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between}.edit-leads-btn{background:#007aff1a;color:#007aff;border:none;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s}.edit-leads-btn:hover{background:#007aff33;transform:translateY(-1px)}.glass-card-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.glass-card-icon.blue{background:var(--accent-blue-light);color:var(--accent-blue)}.glass-card-icon.green{background:var(--accent-green-light);color:var(--accent-green)}.glass-card-icon.orange{background:var(--accent-orange-light);color:var(--accent-orange)}.glass-card-icon.purple{background:var(--accent-purple-light);color:var(--accent-purple)}.glass-card-icon.red{background:var(--accent-red-light);color:var(--accent-red)}.glass-card-title{flex:1;min-width:0}.glass-card-title h2{font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 1px;letter-spacing:-.1px}.glass-card-title p{font-size:10px;color:var(--text-secondary);margin:0}.form-group{margin-bottom:10px;flex-shrink:0}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:9px;font-weight:600;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}.form-select,.form-input{width:100%;height:36px;padding:0 10px;font-size:12px;font-weight:500;color:var(--text-primary);background:var(--surface-secondary);border:1px solid var(--divider-strong);border-radius:8px;outline:none;transition:all .2s ease;font-family:inherit;appearance:none;-webkit-appearance:none;cursor:pointer;box-sizing:border-box}.form-select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:12px;padding-right:28px}.form-select:hover,.form-input:hover{border-color:var(--accent-blue);background:var(--surface-elevated)}.form-select:focus,.form-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-light)}.form-input[type=number],.form-input[type=tel]{-moz-appearance:textfield;appearance:textfield}.form-input[type=number]::-webkit-outer-spin-button,.form-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.selected-option{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--surface-primary);border-radius:6px;margin-top:4px}.selected-option-icon{width:22px;height:22px;border-radius:5px;background:var(--accent-blue-light);color:var(--accent-blue);display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}.selected-option-text{flex:1;min-width:0}.selected-option-name{font-size:11px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-option-meta{font-size:9px;color:var(--text-secondary)}.button-group{display:flex;gap:8px;margin-top:12px;flex-shrink:0}.btn{flex:1;height:38px;border-radius:10px;border:none;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(180deg,#34c759,#28a745);color:#fff;box-shadow:0 2px 8px #34c7594d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #34c75966}.btn-danger{background:linear-gradient(180deg,#ff3b30,#dc2626);color:#fff;box-shadow:0 2px 8px #ff3b304d}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ff3b3066}@keyframes pulse{0%,to{box-shadow:0 2px 8px #ff3b304d}50%{box-shadow:0 2px 16px #ff3b3080}}.btn-danger.pulsing{animation:pulse 2s infinite}.status-badge{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:600;flex-shrink:0}.status-badge.idle{background:var(--surface-primary);color:var(--text-secondary)}.status-badge.running{background:var(--accent-green-light);color:var(--accent-green)}.status-badge.stopped{background:var(--accent-orange-light);color:var(--accent-orange)}.status-indicator{width:5px;height:5px;border-radius:50%;background:currentColor}.status-badge.running .status-indicator{animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.status-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stat-item{text-align:center;padding:8px 4px;background:var(--surface-secondary);border-radius:8px}.stat-value{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.1}.stat-label{font-size:8px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;margin-top:2px}.time-stats{display:flex;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--divider)}.time-stat{flex:1;text-align:center;padding:6px;background:var(--surface-secondary);border-radius:6px}.time-stat-value{font-size:14px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.time-stat-label{font-size:8px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;margin-top:1px}.progress-container{margin-top:8px}.progress-label{display:flex;justify-content:space-between;margin-bottom:3px;font-size:9px;color:var(--text-secondary)}.progress-bar{height:5px;background:var(--surface-primary);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-green));border-radius:3px;transition:width .5s ease}.loading-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--surface-primary) 25%,var(--surface-secondary) 50%,var(--surface-primary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;text-align:center}.empty-state-icon{width:40px;height:40px;border-radius:10px;background:var(--surface-primary);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:8px;color:var(--text-tertiary)}.empty-state h3{font-size:12px;font-weight:600;color:var(--text-primary);margin:0 0 2px}.empty-state p{font-size:10px;color:var(--text-secondary);margin:0}.alert{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;margin-bottom:8px}.alert:last-child{margin-bottom:0}.alert-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.alert-content{flex:1}.alert-message{font-size:11px;font-weight:500;margin:0}.alert.success{background:var(--accent-green-light);color:var(--accent-green)}.alert.error{background:var(--accent-red-light);color:var(--accent-red)}.config-display{background:var(--surface-primary);border-radius:6px;padding:8px;margin-top:8px}.config-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.config-row:not(:last-child){border-bottom:1px solid var(--divider)}.config-label{font-size:10px;color:var(--text-secondary)}.config-value{font-size:10px;font-weight:600;color:var(--text-primary);max-width:60%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){.audio-control-panel{padding:12px}.panel-content{flex-direction:column}.resize-handle-horizontal{display:none}.panel-column.left-col,.panel-column.right-col{width:100%!important;overflow-y:visible}}.test-call-card{background:#ffffffb8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 20px #0000000f;padding:12px;flex-shrink:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:12px}.test-call-card:hover{box-shadow:0 8px 32px #0000001a}.test-call-header{display:flex;align-items:center;gap:10px}.test-call-icon{width:32px;height:32px;border-radius:8px;background:#af52de1a;color:#af52de;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.active-pulse{background:#34c759;color:#fff;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{box-shadow:0 0 #34c75966}70%{box-shadow:0 0 0 6px #34c75900}to{box-shadow:0 0 #34c75900}}.test-call-title h3{font-size:13px;font-weight:600;color:#1d1d1f;margin:0}.status-text{font-size:11px;margin:0}.status-text.disconnected{color:#86868b}.status-text.ready{color:#34c759;font-weight:500}.status-text.calling{color:#af52de}.status-text.active{color:#34c759;font-weight:700}.status-text.error{color:#ff3b30}.sip-audio-controls{display:flex;flex-direction:column;gap:6px}.sip-select{width:100%;height:28px;padding:0 8px;font-size:10px;background:#ffffff80;border:1px solid rgba(0,0,0,.1);border-radius:6px;outline:none;color:#1d1d1f}.test-call-form{display:flex;gap:6px;align-items:stretch}.test-call-input-wrapper{flex:1}.test-call-input{width:100%;height:36px;padding:0 12px;font-size:14px;font-weight:500;color:#1d1d1f;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;outline:none;box-sizing:border-box}.test-call-input:focus{border-color:#af52de;box-shadow:0 0 0 3px #af52de1a}.test-call-btn{height:36px;padding:0 16px;border-radius:8px;border:none;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(180deg,#af52de,#9333ea);color:#fff;box-shadow:0 2px 8px #af52de4d;flex-shrink:0;min-width:80px}.hangup-btn{background:linear-gradient(180deg,#ff3b30,#dc2626);box-shadow:0 2px 8px #ff3b304d}.test-call-btn:disabled{opacity:.5;cursor:not-allowed;background:#86868b}.pattern-comparison-card{background:#ffffffb8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 20px #0000000f;padding:14px;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.pattern-comparison-card:hover{box-shadow:0 8px 32px #0000001a}.pattern-comparison-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.06);flex-shrink:0}.header-left{display:flex;align-items:center;gap:10px}.edit-patterns-btn{background:#007aff1a;color:#007aff;border:none;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s}.edit-patterns-btn:hover{background:#007aff33;transform:translateY(-1px)}.pattern-comparison-icon{width:32px;height:32px;border-radius:8px;background:#007aff1a;color:#007aff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pattern-comparison-title h3{font-size:13px;font-weight:600;color:#1d1d1f;margin:0 0 1px}.pattern-comparison-title p{font-size:10px;color:#86868b;margin:0}.pattern-list-container{flex:1;min-height:0;overflow-y:auto;padding-right:4px}.pattern-list-container::-webkit-scrollbar{width:3px}.pattern-list-container::-webkit-scrollbar-track{background:transparent}.pattern-list-container::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:2px}.pattern-item{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:10px;padding:12px 14px;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;gap:16px}.pattern-item:hover{background:#fafafa;border-color:#00000014}.pattern-item-header{display:flex;align-items:center;justify-content:space-between;flex:0 0 200px;min-width:0}.pattern-item-name{font-size:11px;font-weight:600;color:#1d1d1f;display:flex;align-items:center;gap:5px;min-width:0}.pattern-item-name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pattern-item-icon{width:18px;height:18px;border-radius:4px;background:#007aff1a;color:#007aff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pattern-item-count{font-size:9px;font-weight:500;color:#86868b;background:#f5f5f7;padding:2px 6px;border-radius:8px;flex-shrink:0}.pattern-stats-row{display:flex;gap:8px;flex:1;justify-content:flex-start;align-items:center}.pattern-stat{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#f5f5f7;border-radius:6px;flex:0 0 80px;min-width:0;justify-content:flex-start}.pattern-stat-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.pattern-stat-dot.interested{background:#34c759}.pattern-stat-dot.not-interested{background:#ff3b30}.pattern-stat-dot.unclear{background:#ff9500}.pattern-stat-info{flex:1;min-width:0}.pattern-stat-value{font-size:11px;font-weight:700;color:#1d1d1f}.pattern-stat-label{font-size:7px;color:#86868b;text-transform:uppercase;letter-spacing:.2px}.pattern-success-rate{flex:0 0 120px;min-width:0}.pattern-rate-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.pattern-rate-text{font-size:9px;color:#86868b}.pattern-rate-value{font-size:10px;font-weight:700;color:#34c759}.pattern-rate-bar{height:4px;background:#e5e5ea;border-radius:2px;overflow:hidden}.pattern-rate-fill{height:100%;border-radius:2px;transition:width .5s ease}.pattern-rate-fill.high,.pattern-rate-fill.medium,.pattern-rate-fill.low{background:linear-gradient(90deg,#34c759,#30d158)}.pattern-comparison-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px;text-align:center;flex:1}.pattern-comparison-empty-icon{width:36px;height:36px;border-radius:8px;background:#f5f5f7;display:flex;align-items:center;justify-content:center;margin-bottom:8px;color:#aeaeb2}.pattern-comparison-empty h4{font-size:12px;font-weight:600;color:#1d1d1f;margin:0 0 2px}.pattern-comparison-empty p{font-size:10px;color:#86868b;margin:0}.best-performer-badge{display:inline-flex;align-items:center;gap:2px;font-size:8px;font-weight:600;color:#34c759;background:#34c7591a;padding:1px 5px;border-radius:4px;margin-left:4px}.best-performer-badge svg{width:8px;height:8px}.pattern-list{display:flex;flex-direction:column;gap:8px}.pattern-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.05);transition:all .2s}.pattern-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.pattern-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.pattern-icon{width:32px;height:32px;background:#007aff1a;color:#007aff;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pattern-details{display:flex;flex-direction:column;flex:1;min-width:0}.pattern-name{font-size:13px;font-weight:500;color:#1d1d1f;cursor:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pattern-meta{font-size:10px;color:#86868b}.pattern-item.editing{background:#f5f5f7;border-color:#007aff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{width:500px;max-width:90%;max-height:85vh;display:flex;flex-direction:column;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.5);box-shadow:0 20px 40px #0003;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:16px;font-weight:600;color:#1d1d1f;margin:0}.close-button{background:none;border:none;color:#86868b;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-button:hover{background:#0000000d;color:#1d1d1f}.modal-body{padding:20px;overflow-y:auto;flex:1}.upload-section{margin-bottom:20px;padding:16px;background:#ffffff80;border-radius:12px;border:1px dashed rgba(0,0,0,.1);text-align:center;transition:all .2s}.upload-section:hover{border-color:#007aff;background:#007aff0d}.upload-label{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.upload-icon{color:#007aff;background:#007aff1a;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.upload-text{font-size:13px;font-weight:500;color:#1d1d1f}.upload-subtext{font-size:11px;color:#86868b}.lead-list{display:flex;flex-direction:column;gap:8px}.lead-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.05);transition:all .2s}.lead-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.lead-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.lead-icon{width:32px;height:32px;background:#007aff1a;color:#007aff;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lead-details{display:flex;flex-direction:column;flex:1;min-width:0}.lead-name{font-size:13px;font-weight:500;color:#1d1d1f;cursor:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-meta{font-size:10px;color:#86868b}.delete-button{background:#ff3b301a;color:#ff3b30;border:none;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.delete-button:hover{background:#ff3b30;color:#fff}.rename-input{font-size:13px;font-weight:500;color:#1d1d1f;border:1px solid #007AFF;border-radius:4px;padding:2px 4px;width:100%;outline:none;background:#fff;box-shadow:0 0 0 2px #007aff1a}.lead-item.editing{background:#f5f5f7;border-color:#007aff}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:2px}.left-bottom-panel{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;overflow:hidden}.recording-player-container *{box-sizing:border-box}.recording-player-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;position:relative}.player-header{flex:0 0 auto;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.06);background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10}.caller-info{display:flex;align-items:center;gap:16px}.caller-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#007aff,#5856d6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:600;box-shadow:0 4px 12px #007aff33;flex-shrink:0}.caller-details{min-width:0}.caller-details h2{margin:0 0 2px;font-size:18px;font-weight:700;color:#1d1d1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.caller-details p{margin:0;font-size:13px;color:#86868b;font-weight:500}.audio-player-section{flex:0 0 auto;padding:24px 24px 32px;background:#fff;display:flex;flex-direction:column;gap:20px;position:relative;z-index:5;box-shadow:0 4px 20px #00000005}.waveform-container{height:64px;width:100%;background:linear-gradient(to bottom,#f5f5f7,#fafafa);border-radius:8px;overflow:hidden;position:relative;border:1px solid rgba(0,0,0,.03)}.waveform-placeholder{width:100%;height:100%;background:repeating-linear-gradient(90deg,rgba(0,122,255,.15) 0px,rgba(0,122,255,.15) 2px,transparent 2px,transparent 5px);opacity:.6}.player-controls{display:flex;align-items:center;gap:16px;width:100%}.play-pause-button{width:44px;height:44px;border-radius:50%;background:#007aff;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,background .2s ease;flex-shrink:0;box-shadow:0 4px 10px #007aff4d}.play-pause-button:hover{background:#006ce6;transform:scale(1.02)}.play-pause-button:active{transform:scale(.96)}.time-display{font-size:13px;font-weight:600;color:#86868b;font-variant-numeric:tabular-nums;min-width:36px;text-align:center}.current-time{color:#1d1d1f}.seek-bar{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#e5e5e7;border-radius:2px;outline:none;cursor:pointer;position:relative}.seek-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:.5px solid rgba(0,0,0,.04);box-shadow:0 2px 5px #00000026;cursor:pointer;transition:transform .1s;margin-top:-7px}.seek-bar::-webkit-slider-thumb:hover{transform:scale(1.1)}.seek-bar::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:none;box-shadow:0 2px 5px #00000026;cursor:pointer}.subtitles-section{flex:1 1 0;display:flex;flex-direction:column;background:#fafafa;border-top:1px solid rgba(0,0,0,.08);min-height:0;position:relative;z-index:1}.subtitles-header{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid rgba(0,0,0,.04)}.subtitles-header h3{margin:0;font-size:15px;font-weight:600;color:#1d1d1f;letter-spacing:-.01em}.language-badge{padding:4px 10px;background:#f2f2f7;color:#8e8e93;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.subtitles-content{flex:1;overflow-y:auto;padding:24px;font-size:15px;line-height:1.6;color:#333;white-space:pre-wrap}.subtitles-content::-webkit-scrollbar{width:8px}.subtitles-content::-webkit-scrollbar-track{background:transparent}.subtitles-content::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:4px;border:2px solid transparent;background-clip:content-box}.subtitles-content::-webkit-scrollbar-thumb:hover{background-color:#0003}.empty-player-state,.loading-player-state,.error-player-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;color:#86868b}.loading-spinner{width:32px;height:32px;border:3px solid rgba(0,122,255,.1);border-top-color:#007aff;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.right-bottom-panel{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;overflow:hidden}.call-history-container{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif}.call-history-header{display:flex;flex-direction:column;gap:16px;padding:20px 24px 16px;border-bottom:1px solid rgba(0,0,0,.05);background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-shrink:0;z-index:10}.header-top-row{display:flex;justify-content:space-between;align-items:center;height:28px}.call-history-header h3{margin:0;font-size:20px;font-weight:700;color:#1d1d1f;letter-spacing:-.025em}.call-count{font-size:12px;font-weight:600;color:#86868b;background:#f2f2f7;padding:4px 10px;border-radius:12px;letter-spacing:.01em}.filter-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.filter-select,.filter-date{appearance:none;-webkit-appearance:none;width:100%;height:36px;padding:0 12px;border-radius:8px;border:none;background-color:#f2f2f7;font-size:13px;font-weight:500;color:#1d1d1f;font-family:inherit;transition:all .2s ease;cursor:pointer;outline:none;box-sizing:border-box}.filter-select:hover,.filter-date:hover{background-color:#e5e5ea}.filter-select:focus,.filter-date:focus{background-color:#fff;box-shadow:0 0 0 2px #007aff}.filter-select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:14px;padding-right:32px}.call-history-list{flex:1;overflow-y:auto;padding:12px 16px;scroll-behavior:smooth}.call-history-list::-webkit-scrollbar{width:8px}.call-history-list::-webkit-scrollbar-track{background:transparent}.call-history-list::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:4px;border:2px solid transparent;background-clip:content-box}.call-history-list::-webkit-scrollbar-thumb:hover{background-color:#0003}.call-item{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:12px;padding:16px;margin-bottom:10px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000005;cursor:pointer;position:relative}.call-item:hover{background:#fafafa;transform:scale(1.01);box-shadow:0 4px 12px #0000000f;border-color:#00000014}.call-item.selected{background:#f0f8ff;border-color:#007aff4d;box-shadow:0 0 0 1px #007aff1a}.call-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:8px}.call-name{font-size:15px;font-weight:600;color:#1d1d1f;line-height:1.4}.interest-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}.interest-badge.interested{background-color:#e1f7e6;color:#1a8f3e}.interest-badge.not-interested{background-color:#feecec;color:#d92d20}.interest-badge.unclear{background-color:#f2f2f7;color:#86868b}.call-item-details{display:flex;flex-direction:column;gap:6px}.call-phone,.call-datetime,.call-location{display:flex;align-items:center;gap:8px;font-size:13px;color:#6e6e73}.icon{flex-shrink:0;opacity:.7;color:#86868b}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60%;color:#86868b;gap:16px}.empty-state p{margin:0;font-size:14px}.clear-filters-btn{padding:8px 20px;background:#007aff;color:#fff;border:none;border-radius:18px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.clear-filters-btn:hover{background:#0062cc}.loading-state{display:flex;align-items:center;justify-content:center;height:100%;font-size:14px;color:#86868b}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.call-item{animation:fadeIn .3s ease-out backwards}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#f5f5f7;border-bottom:1px solid rgba(0,0,0,.08);gap:16px;flex-wrap:wrap}.toolbar-section{display:flex;align-items:center;gap:8px}.toolbar-group{display:flex;align-items:center;gap:4px}.toolbar-divider{width:1px;height:24px;background:#0000001a;margin:0 8px}.toolbar-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;background:transparent;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:500;color:#1d1d1f;cursor:pointer;transition:all .15s ease;white-space:nowrap}.toolbar-button:hover{background:#0000000d}.toolbar-button:active{background:#00000014;transform:scale(.98)}.toolbar-button.active{background:#fff;border-color:#0000001a;box-shadow:0 1px 3px #00000014}.toolbar-button.icon-only{padding:6px}.toolbar-button svg{flex-shrink:0}.tool-buttons{background:#fff9;border-radius:8px;padding:2px;gap:2px}.tool-button{border-radius:6px}.tool-button.active{background:#0071e3;color:#fff;border-color:transparent;box-shadow:0 2px 6px #0071e34d}.tool-button.active:hover{background:#0077ed}.tool-name{font-size:11px}.snap-button{border:1px solid rgba(0,0,0,.1);background:#fff9}.snap-button.active{background:#34c759;color:#fff;border-color:transparent}.snap-button.active:hover{background:#30b855}.select-wrapper{display:flex;align-items:center;gap:6px}.select-label{font-size:11px;font-weight:500;color:#86868b}.toolbar-select{padding:5px 24px 5px 10px;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:12px;font-weight:500;color:#1d1d1f;background:#fffc;cursor:pointer;transition:all .15s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.toolbar-select:focus{outline:none;border-color:#0071e3;box-shadow:0 0 0 3px #0071e31a}.toolbar-select:hover{border-color:#0003}.zoom-controls,.zoom-slider-container{display:flex;align-items:center;gap:8px}.zoom-slider{width:100px;height:4px;-webkit-appearance:none;appearance:none;background:#0000001a;border-radius:2px;cursor:pointer}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.15);box-shadow:0 1px 4px #00000026;cursor:pointer;transition:all .15s ease}.zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 6px #0003}.zoom-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.15);box-shadow:0 1px 4px #00000026;cursor:pointer}.zoom-value{font-size:11px;font-weight:500;color:#86868b;min-width:36px}.add-track-button{border:1px solid rgba(0,0,0,.1);background:#fffc}.add-track-button:hover{background:#fff;border-color:#00000026}@media(max-width:900px){.toolbar{padding:8px 12px}.tool-name{display:none}.zoom-slider{width:60px}.add-track-button span{display:none}}.timeline-wrapper{flex-shrink:0;background:#fafafa;border-bottom:1px solid rgba(0,0,0,.08);-webkit-user-select:none;user-select:none;position:relative;z-index:100}.timeline-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:linear-gradient(180deg,#fff,#f8f8fa);border-bottom:1px solid rgba(0,0,0,.06)}.timeline-info{display:flex;align-items:baseline;gap:12px}.current-time{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#1d1d1f}.current-bar{font-size:12px;font-weight:500;color:#86868b;font-variant-numeric:tabular-nums}.timeline-ruler{position:relative;height:44px;min-width:100%;margin-left:200px;cursor:pointer;background:linear-gradient(180deg,#f5f5f7,#ebebed)}.timeline-grid{position:absolute;inset:0;pointer-events:none}.grid-line{position:absolute;top:0;bottom:0;width:1px;background:#0000000f}.grid-line.major{background:#0000001a}.timeline-markers{position:absolute;inset:0}.timeline-marker{position:absolute;top:0;display:flex;flex-direction:column;align-items:center}.timeline-marker.major{height:100%}.timeline-marker.minor{height:8px}.marker-tick{width:1px;background:#00000040}.timeline-marker.major .marker-tick{height:12px}.timeline-marker.minor .marker-tick{height:6px;background:#00000026}.marker-labels{display:flex;flex-direction:column;align-items:flex-start;padding:4px 6px;transform:translate(4px)}.marker-time{font-size:10px;font-weight:600;color:#1d1d1f;font-variant-numeric:tabular-nums;white-space:nowrap}.marker-bar{font-size:9px;font-weight:500;color:#86868b;font-variant-numeric:tabular-nums;white-space:nowrap}.playhead{position:absolute;top:0;bottom:0;z-index:100;pointer-events:none;transform:translate(-6px)}.playhead-head{position:relative;display:flex;justify-content:center;color:#ff3b30;filter:drop-shadow(0 1px 2px rgba(255,59,48,.3))}.playhead-head svg{transform:rotate(45deg)}.playhead-line{position:absolute;top:10px;left:50%;transform:translate(-50%);width:2px;height:1000px;background:linear-gradient(180deg,#ff3b30,#ff3b30cc);box-shadow:0 0 8px #ff3b3066}.timeline-ruler:hover{background:linear-gradient(180deg,#f8f8fa,#e8e8ea)}.timeline-ruler:active{background:linear-gradient(180deg,#f0f0f2,#e0e0e2)}@keyframes playheadPulse{0%,to{box-shadow:0 0 8px #ff3b3066}50%{box-shadow:0 0 12px #ff3b3099}}.playhead-line.playing{animation:playheadPulse 1s ease-in-out infinite}.timeline-selection{position:absolute;top:0;bottom:0;background:#0071e333;border-left:2px solid #0071e3;border-right:2px solid #0071e3;pointer-events:none;z-index:50}.waveform-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.waveform-canvas{display:block;width:100%;height:100%}.audio-clip{position:absolute;top:8px;bottom:8px;min-width:20px;border-radius:6px;border:2px solid transparent;overflow:hidden;cursor:grab;transition:box-shadow .15s ease,transform .1s ease;display:flex;flex-direction:column;box-shadow:0 1px 3px #00000014}.audio-clip:hover{box-shadow:0 2px 8px #0000001f}.audio-clip.selected{box-shadow:0 2px 12px #0071e340;z-index:10}.audio-clip.dragging{cursor:grabbing;opacity:.9;transform:scale(1.01);box-shadow:0 4px 20px #0003;z-index:100}.clip-header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;min-height:20px;color:#fff;font-size:10px;font-weight:600;gap:8px}.clip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-shadow:0 1px 2px rgba(0,0,0,.2)}.clip-duration{font-weight:500;opacity:.9;font-variant-numeric:tabular-nums;flex-shrink:0}.clip-waveform{flex:1;position:relative;overflow:hidden;background:#ffffff80}.clip-resize-handle{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:10;transition:background-color .15s ease}.clip-resize-handle.left{left:0;border-radius:6px 0 0 6px}.clip-resize-handle.right{right:0;border-radius:0 6px 6px 0}.clip-resize-handle:hover{background:#0000001a}.clip-resize-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:20px;background:#0003;border-radius:1px;opacity:0;transition:opacity .15s ease}.clip-resize-handle:hover:after{opacity:1}.chop-indicator{position:absolute;top:0;bottom:0;width:2px;background:#ff3b30;pointer-events:none;z-index:20;box-shadow:0 0 8px #ff3b3080}.chop-indicator:before{content:"";position:absolute;top:0;left:-4px;width:10px;height:10px;background:#ff3b30;border-radius:50%;transform:translateY(-50%)}.selection-overlay{position:absolute;inset:0;border:2px solid;border-radius:6px;pointer-events:none;animation:selectionPulse 2s ease-in-out infinite}@keyframes selectionPulse{0%,to{opacity:1}50%{opacity:.7}}.clip-fade-handle{position:absolute;top:50%;width:12px;height:12px;background:#fff;border:2px solid rgba(0,0,0,.3);border-radius:50%;transform:translateY(-50%);cursor:pointer;z-index:15;transition:all .15s ease}.clip-fade-handle:hover{transform:translateY(-50%) scale(1.2);border-color:#00000080}.clip-fade-handle.fade-in{left:0}.clip-fade-handle.fade-out{right:0}.audio-clip:before{content:"";position:absolute;top:4px;right:4px;width:16px;height:16px;opacity:0;transition:opacity .15s ease;pointer-events:none}.audio-clip:hover:before{opacity:.5}.clip-context-menu{background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 10px 40px #00000026,0 2px 10px #0000001a;padding:4px;min-width:160px;animation:fadeIn .15s ease}.clip-context-menu button{display:block;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:4px;text-align:left;font-size:13px;font-weight:500;color:#1d1d1f;cursor:pointer;transition:background .1s ease}.clip-context-menu button:hover{background:#0071e314}.track{display:flex;min-height:100px;border-bottom:1px solid rgba(0,0,0,.06);transition:background-color .15s ease}.track:hover{background:#00000003}.track.collapsed{min-height:36px}.track.drag-over{background:#0071e30d}.track-header{width:200px;min-width:200px;padding:10px 12px;background:linear-gradient(90deg,#f8f8fa,#f5f5f7);border-right:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:10px}.track.collapsed .track-header{padding:6px 12px;flex-direction:row;align-items:center}.track-header-top{display:flex;align-items:center;gap:8px}.track-color-indicator{width:4px;height:24px;border-radius:2px;flex-shrink:0}.track.collapsed .track-color-indicator{height:16px}.track-collapse-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:4px;color:#86868b;cursor:pointer;transition:all .15s ease}.track-collapse-btn:hover{background:#0000000d;color:#1d1d1f}.track-collapse-btn svg{transition:transform .2s ease}.track-name{font-size:13px;font-weight:600;color:#1d1d1f;cursor:default;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-name-input{flex:1;padding:2px 6px;font-size:13px;font-weight:600;border:1px solid #0071e3;border-radius:4px;outline:none;background:#fff}.track-controls{display:flex;flex-direction:column;gap:8px}.track-buttons{display:flex;gap:4px}.track-btn{display:flex;align-items:center;justify-content:center;width:24px;height:20px;padding:0;font-size:10px;font-weight:700;border:1px solid rgba(0,0,0,.1);border-radius:4px;background:#fffc;color:#86868b;cursor:pointer;transition:all .15s ease}.track-btn:hover{background:#fff;border-color:#0003}.mute-btn.active{background:#ff9500;border-color:#ff9500;color:#fff}.solo-btn.active{background:#34c759;border-color:#34c759;color:#fff}.delete-btn{margin-left:auto;width:24px;color:#86868b}.delete-btn:hover{background:#ff3b30;border-color:#ff3b30;color:#fff}.volume-control{display:flex;align-items:center;gap:6px}.volume-control svg{color:#86868b;flex-shrink:0}.volume-slider{flex:1;height:3px;-webkit-appearance:none;appearance:none;background:#0000001a;border-radius:2px;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#1d1d1f;cursor:pointer;transition:transform .1s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-value{font-size:10px;font-weight:500;color:#86868b;min-width:30px;text-align:right}.track-lane{flex:1;position:relative;min-width:0;overflow:hidden}.track-lane.chop-cursor{cursor:crosshair}.track-content{position:relative;width:100%;height:100%}.track-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);pointer-events:none}.drop-indicator{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0071e314;border:2px dashed rgba(0,113,227,.3);border-radius:8px;margin:8px;pointer-events:none}.drop-indicator span{font-size:13px;font-weight:500;color:#0071e3}.track-list-container{flex:1;overflow:auto;position:relative;background:#fff}.track-list{min-height:100%;position:relative}.tracks-playhead{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#ff3b30,#ff3b3099);z-index:50;pointer-events:none;transform:translate(-1px);box-shadow:0 0 8px #ff3b304d}.track-list-container.drag-over{background:#0071e305}.track-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:48px;color:#86868b}.track-list-empty-icon{width:64px;height:64px;margin-bottom:16px;opacity:.5}.track-list-empty-text{font-size:15px;font-weight:500;margin-bottom:8px}.track-list-empty-hint{font-size:13px;opacity:.8}.track-list-container::-webkit-scrollbar{display:none}.track-list-container{-ms-overflow-style:none;scrollbar-width:none}.file-browser{width:240px;min-width:240px;display:flex;flex-direction:column;background:linear-gradient(180deg,#f8f8fa,#f5f5f7);border-right:1px solid rgba(0,0,0,.08)}.file-browser-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.06)}.file-browser-title{font-size:13px;font-weight:600;color:#1d1d1f;margin:0}.add-files-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:#0000000d;border:none;border-radius:6px;color:#1d1d1f;cursor:pointer;transition:all .15s ease}.add-files-btn:hover{background:#0000001a}.add-files-btn:active{transform:scale(.95)}.file-browser-search{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:8px 12px;background:#fffc;border:1px solid rgba(0,0,0,.08);border-radius:8px}.file-browser-search svg{color:#86868b;flex-shrink:0}.search-input{flex:1;border:none;background:transparent;font-size:12px;color:#1d1d1f;outline:none}.search-input::placeholder{color:#86868b}.file-drop-zone{flex:1;overflow-y:auto;padding:8px;transition:background-color .15s ease}.file-drop-zone.drag-over{background:#0071e30d}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:32px 16px;color:#86868b;text-align:center}.empty-state svg{margin-bottom:12px;opacity:.5}.empty-state p{font-size:13px;font-weight:500;margin:0 0 4px}.empty-state span{font-size:11px;opacity:.8}.file-list{display:flex;flex-direction:column;gap:4px}.file-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#fff9;border:1px solid rgba(0,0,0,.04);border-radius:8px;cursor:grab;transition:all .15s ease}.file-item:hover{background:#ffffffe6;border-color:#00000014;box-shadow:0 1px 3px #0000000d}.file-item:active{cursor:grabbing;background:#0071e30d;border-color:#0071e333}.file-icon{font-size:18px;flex-shrink:0}.file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-name{font-size:12px;font-weight:500;color:#1d1d1f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:10px;color:#86868b}.file-drag-handle{color:#86868b;opacity:0;transition:opacity .15s ease}.file-item:hover .file-drag-handle{opacity:1}.file-browser-footer{padding:8px 16px;border-top:1px solid rgba(0,0,0,.06);font-size:10px;color:#86868b;text-align:center}.drag-preview{position:fixed;top:-100px;left:-100px;padding:8px 12px;background:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:12px;font-weight:500;box-shadow:0 4px 12px #00000026;pointer-events:none;z-index:10000}.file-drop-zone::-webkit-scrollbar{width:6px}.file-drop-zone::-webkit-scrollbar-track{background:transparent}.file-drop-zone::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.file-drop-zone::-webkit-scrollbar-thumb:hover{background:#0003}.transport-controls{display:flex;align-items:center;gap:20px}.transport-buttons{display:flex;align-items:center;gap:4px;background:#00000008;padding:4px;border-radius:10px}.transport-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;color:#1d1d1f;cursor:pointer;transition:all .15s ease}.transport-btn:hover{background:#0000000f}.transport-btn:active{background:#0000001a;transform:scale(.95)}.play-btn{width:44px;height:44px;background:linear-gradient(180deg,#0077ed,#0071e3);color:#fff;border-radius:50%;margin:0 4px;box-shadow:0 2px 8px #0071e34d}.play-btn:hover{background:linear-gradient(180deg,#0077ed,#005bb5);box-shadow:0 4px 12px #0071e366;transform:scale(1.05)}.play-btn:active{transform:scale(.98);box-shadow:0 2px 6px #0071e34d}.play-btn.playing{background:linear-gradient(180deg,#ff9500,#ff8000);box-shadow:0 2px 8px #ff95004d}.play-btn.playing:hover{background:linear-gradient(180deg,#ff9500,#e67300);box-shadow:0 4px 12px #ff950066}.stop-btn{color:#86868b}.stop-btn:hover{color:#ff3b30;background:#ff3b301a}.transport-time{display:flex;align-items:baseline;gap:4px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.transport-time .current-time{font-size:15px;font-weight:600;color:#1d1d1f}.time-separator{font-size:12px;color:#86868b}.total-time{font-size:13px;font-weight:500;color:#86868b}.record-btn{position:relative}.record-btn:before{content:"";width:8px;height:8px;background:#ff3b30;border-radius:50%}.record-btn.recording:before{animation:recordPulse 1s ease-in-out infinite}@keyframes recordPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.loop-btn.active{color:#0071e3;background:#0071e31a}@media(max-width:768px){.transport-controls{gap:12px}.transport-btn{width:28px;height:28px}.play-btn{width:40px;height:40px}.transport-time .current-time{font-size:13px}.total-time{font-size:11px}}.export-modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.export-modal{width:420px;max-width:90vw;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003,0 0 0 1px #0000000d;overflow:hidden;animation:slideUp .3s ease}.export-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.06)}.export-modal-header h2{font-size:17px;font-weight:600;color:#1d1d1f;margin:0}.close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#0000000d;border:none;border-radius:50%;color:#86868b;cursor:pointer;transition:all .15s ease}.close-btn:hover{background:#0000001a;color:#1d1d1f}.export-modal-content{padding:24px 20px}.export-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#f5f5f7,#e8e8ed);border-radius:20px;color:#0071e3}.export-form{display:flex;flex-direction:column;gap:16px}.form-label{font-size:12px;font-weight:600;color:#86868b;text-transform:uppercase;letter-spacing:.02em}.filename-input-wrapper{display:flex;align-items:center;background:#f5f5f7;border:1px solid rgba(0,0,0,.08);border-radius:10px;overflow:hidden;transition:all .15s ease}.filename-input-wrapper:focus-within{border-color:#0071e3;box-shadow:0 0 0 3px #0071e326}.filename-input{flex:1;padding:12px 14px;border:none;background:transparent;font-size:15px;font-weight:500;color:#1d1d1f;outline:none}.filename-input::placeholder{color:#86868b}.file-extension{padding:12px 14px;font-size:15px;font-weight:500;color:#86868b;background:#00000008;border-left:1px solid rgba(0,0,0,.06)}.export-info{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:#f5f5f7;border-radius:10px;margin-top:8px}.info-row{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:12px;color:#86868b}.info-value{font-size:12px;font-weight:500;color:#1d1d1f}.export-progress{padding:0 20px 16px}.progress-bar{height:4px;background:#00000014;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#0071e3,#00c7be);border-radius:2px;transition:width .3s ease}.progress-text{display:block;margin-top:8px;font-size:12px;font-weight:500;color:#0071e3;text-align:center}.export-modal-footer{display:flex;gap:12px;padding:16px 20px;background:#f5f5f7;border-top:1px solid rgba(0,0,0,.06)}.cancel-btn,.export-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .15s ease}.cancel-btn{background:#fffc;border:1px solid rgba(0,0,0,.1);color:#1d1d1f}.cancel-btn:hover{background:#fff;border-color:#00000026}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.export-btn{background:linear-gradient(180deg,#0077ed,#0071e3);border:none;color:#fff;box-shadow:0 2px 8px #0071e34d}.export-btn:hover{background:linear-gradient(180deg,#0077ed,#005bb5);box-shadow:0 4px 12px #0071e366}.export-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.audio-device-selector{position:relative}.device-selector-button{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:13px;font-weight:500;color:#1d1d1f;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.device-selector-button:hover{background:#fff;border-color:#00000026;box-shadow:0 2px 6px #00000014}.device-selector-button.active{background:#fff;border-color:#0071e3;box-shadow:0 0 0 3px #0071e326}.device-selector-button .button-text{margin-left:2px}.device-selector-button .chevron{transition:transform .2s ease;opacity:.6}.device-selector-button .chevron.rotated{transform:rotate(180deg)}.device-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 10px 40px #00000026,0 2px 10px #0000001a;z-index:1000;overflow:hidden;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(180deg,#f8f8fa,#f5f5f7);border-bottom:1px solid rgba(0,0,0,.06);font-size:12px;font-weight:600;color:#1d1d1f;letter-spacing:-.01em}.refresh-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;color:#86868b;cursor:pointer;transition:all .15s ease}.refresh-button:hover{background:#0000000d;color:#1d1d1f}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.refresh-button svg.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.device-section{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.06)}.device-section:last-of-type{border-bottom:none}.section-header{display:flex;align-items:center;gap:8px;padding:0 16px 8px;font-size:11px;font-weight:600;color:#86868b;text-transform:uppercase;letter-spacing:.03em}.section-header svg{opacity:.7}.device-list{max-height:160px;overflow-y:auto}.device-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px;background:transparent;border:none;text-align:left;cursor:pointer;transition:all .1s ease}.device-item:hover{background:#00000008}.device-item.selected{background:#0071e314}.device-item.selected .device-name{color:#0071e3}.device-name{font-size:13px;font-weight:500;color:#1d1d1f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:8px}.device-item svg{color:#0071e3;flex-shrink:0}.loading-message,.no-devices{padding:16px;text-align:center;font-size:12px;color:#86868b}.device-status{padding:12px 16px;background:linear-gradient(180deg,#f8f8fa,#f5f5f7);border-top:1px solid rgba(0,0,0,.06)}.status-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.status-label{font-size:11px;font-weight:500;color:#86868b}.status-value{font-size:11px;font-weight:600;color:#1d1d1f;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-list::-webkit-scrollbar{width:6px}.device-list::-webkit-scrollbar-track{background:transparent}.device-list::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.device-list::-webkit-scrollbar-thumb:hover{background:#00000040}.record-button{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#ffffffe6;border:2px solid rgba(0,0,0,.1);border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 4px #00000014}.record-button:hover:not(:disabled){background:#fff;border-color:#ff3b304d;box-shadow:0 2px 8px #ff3b3026;transform:scale(1.05)}.record-button:active:not(:disabled){transform:scale(.98)}.record-button:disabled{opacity:.5;cursor:not-allowed}.record-button-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.record-dot{width:14px;height:14px;background:#ff3b30;border-radius:50%;transition:all .2s ease;box-shadow:0 1px 3px #ff3b304d}.record-button:hover:not(:disabled) .record-dot{transform:scale(1.1);box-shadow:0 2px 6px #ff3b3066}.record-button.armed{background:#ff3b301a;border-color:#ff3b30;box-shadow:0 0 0 3px #ff3b3026}.record-button.armed .record-dot{animation:armPulse 1.5s ease-in-out infinite}@keyframes armPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}.record-button.recording{background:#ff3b30;border-color:#ff3b30;box-shadow:0 0 0 4px #ff3b3033,0 2px 12px #ff3b3066}.record-button.recording .record-dot{background:#fff;animation:recordPulse 1s ease-in-out infinite}@keyframes recordPulse{0%,to{transform:scale(1);box-shadow:0 0 #fff6}50%{transform:scale(.9);box-shadow:0 0 0 6px #fff0}}.record-label{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);font-size:9px;font-weight:700;letter-spacing:.05em;color:#ff3b30;white-space:nowrap;animation:labelFadeIn .2s ease}.record-label.recording-label{color:#fff;background:#ff3b30;padding:2px 6px;border-radius:4px;animation:recordLabelPulse 1s ease-in-out infinite}@keyframes labelFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes recordLabelPulse{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:768px){.record-button{width:32px;height:32px}.record-dot{width:12px;height:12px}.record-label{display:none}}.audio-editor{width:100vw;height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#fafafa,#f5f5f7);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,sans-serif;color:#1d1d1f;overflow:hidden;position:relative}.audio-editor *{box-sizing:border-box}.audio-editor-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06);z-index:200;position:relative}.header-left{display:flex;align-items:center;gap:24px;flex:1}.header-center{display:flex;align-items:center;justify-content:center;gap:16px;flex:1}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:1}.editor-title{font-size:20px;font-weight:600;letter-spacing:-.02em;color:#1d1d1f;margin:0}.project-info{display:flex;align-items:center;gap:16px}.bpm-display{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#86868b}.bpm-input{width:48px;padding:4px 8px;border:1px solid #d2d2d7;border-radius:6px;font-size:13px;font-weight:500;text-align:center;background:#fff;color:#1d1d1f;transition:all .2s ease}.bpm-input:focus{outline:none;border-color:#0071e3;box-shadow:0 0 0 3px #0071e326}.export-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(180deg,#0077ed,#0071e3);border:none;border-radius:8px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0071e34d}.export-button:hover{background:linear-gradient(180deg,#0077ed,#005bb5);transform:translateY(-1px);box-shadow:0 2px 8px #0071e366}.export-button:active{transform:translateY(0);box-shadow:0 1px 2px #0071e34d}.editor-workspace{flex:1;display:flex;overflow:hidden;position:relative}.timeline-container{flex:1;display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden;background:#fff;border-left:1px solid rgba(0,0,0,.06)}.editor-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.06);font-size:11px;color:#86868b}.footer-info{display:flex;gap:20px}.footer-info span{font-weight:500}.keyboard-hints{display:flex;gap:16px}.keyboard-hints span{display:flex;align-items:center;gap:4px}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:2px 6px;background:#f5f5f7;border:1px solid #d2d2d7;border-radius:4px;font-family:inherit;font-size:10px;font-weight:600;color:#1d1d1f;box-shadow:0 1px 1px #0000000d}.audio-editor ::-webkit-scrollbar{display:none}.audio-editor{-ms-overflow-style:none;scrollbar-width:none}::selection{background:#0071e333}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.fade-in{animation:fadeIn .2s ease}.slide-up{animation:slideUp .3s ease}@media(max-width:1024px){.header-left{flex:0 0 auto}.header-center{flex:1}.header-right{flex:0 0 auto}}@media(max-width:768px){.audio-editor-header{padding:12px 16px;flex-wrap:wrap;gap:12px}.header-left{order:1;flex:1 1 100%}.header-center{order:3;flex:1 1 100%;justify-content:center}.header-right{order:2;flex:1 1 100%;justify-content:flex-end}.editor-title{font-size:18px}.keyboard-hints{display:none}}