.custom-tabs{display:flex;border:none !important;border-bottom:2px solid #e9ecef !important;margin-bottom:24px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent;background-color:transparent !important;box-shadow:none !important}.custom-tabs::-webkit-scrollbar{height:4px}.custom-tabs::-webkit-scrollbar-track{background:transparent}.custom-tabs::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:2px}.custom-tab{padding:10px 20px;background:transparent;border:none;border-bottom:3px solid transparent;font-weight:500;color:#6c757d;white-space:nowrap;transition:all 0.2s ease;position:relative;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:80px;font-size:0.95rem;outline:none;box-shadow:none}.custom-tab:hover{color:var(--primary-color);background-color:rgba(74,108,247,0.05)}.custom-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background-color:var(--primary-lighter);font-weight:600}.custom-tab .tab-icon{margin-right:8px;font-size:1rem;flex-shrink:0}.custom-tab span{display:inline;background:transparent;border:none;box-shadow:none;outline:none}.tool-content-container .card{border:1px solid var(--border-color-light) !important}.card-body{padding:5px 20px}.audio-visualizer{height:140px;background:linear-gradient(to bottom,#f8f9fa,#f1f3f4);border-radius:8px;overflow:hidden;position:relative}.volume-meter{height:8px;border-radius:4px;background-color:#e9ecef;overflow:hidden}.volume-level{height:100%;background:linear-gradient(to right,#20c997,var(--primary-color));width:0%;transition:width 0.3s ease}.status-indicator{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px;background-color:#6c757d}.status-indicator.active{background-color:#20c997;box-shadow:0 0 0 3px rgba(32,201,151,0.2)}.status-indicator.recording{background-color:#dc3545;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}.spectrum-container{height:160px;background:linear-gradient(to bottom,#0f172a,#1e293b);border-radius:8px;overflow:hidden;position:relative}@media (max-width:992px){.custom-tab{padding:10px 15px;font-size:0.95rem}}@media (max-width:768px){.custom-tabs{padding-bottom:2px;margin-bottom:16px}.custom-tab{padding:10px 12px;font-size:0.85rem;min-width:100px}.custom-tab .tab-icon{margin-right:6px;font-size:0.9rem}.audio-visualizer,.spectrum-container{height:120px}}@media (max-width:576px){.custom-tab{padding:8px 10px;font-size:0.8rem;min-width:90px}.custom-tab .tab-icon{margin-right:4px;font-size:0.85rem}}@media (max-width:480px){.custom-tab{min-width:60px;padding:8px}.custom-tab span{display:none}.custom-tab .tab-icon{margin-right:0}}@media (max-width:320px){.custom-tab{min-width:50px;padding:6px}}