*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto}@keyframes audioGlow{0%{box-shadow:0 0 4px #2e7d3233}50%{box-shadow:0 0 12px #2e7d3299}to{box-shadow:0 0 8px #2e7d3266}}@keyframes audioPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes audioWave{0%{transform:translate(-10px);opacity:0}50%{opacity:1}to{transform:translate(10px);opacity:0}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.jen-slider{--audio-influence: 0}.jen-slider[data-audio-active=true]{border-color:rgba(76,175,80,calc(var(--audio-influence, 0) * .6));box-shadow:0 0 8px rgba(76,175,80,calc(var(--audio-influence, 0) * .3))}.beat-indicator{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:12px}.beat-pulse{width:12px;height:12px;border-radius:50%;background:#333;transition:background-color .1s ease}.beat-pulse.active{background:#4caf50}.audio-control-panel{padding:12px;background:#282828d9;border-radius:8px;margin-bottom:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.audio-control-panel.enhanced{padding:20px;background:#191923f2;border-radius:16px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin:0;min-height:400px;display:flex;flex-direction:column;gap:20px}.audio-control-panel.enhanced .audio-toggle-section{display:flex;flex-direction:column;gap:16px;margin-bottom:0}.audio-control-panel.enhanced .audio-toggle-btn{padding:16px 24px;font-size:16px;font-weight:600;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:12px;min-height:60px;background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 16px #4caf504d;transition:all .3s ease}.audio-control-panel.enhanced .audio-toggle-btn.active{background:linear-gradient(135deg,#ff6b35,#ff8a50);box-shadow:0 4px 16px #ff6b354d}.audio-control-panel.enhanced .audio-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.audio-control-panel.enhanced .audio-toggle-btn.active:hover{box-shadow:0 6px 20px #ff6b3566}.audio-control-panel.enhanced .button-icon{font-size:20px}.audio-control-panel.enhanced .button-text{font-size:16px}.audio-status-card{background:#ffffff0d;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.1)}.status-indicator{display:flex;align-items:center;gap:12px;margin-bottom:12px}.status-dot{width:12px;height:12px;border-radius:50%;background:#666;transition:all .3s ease}.status-dot.active{background:#4caf50;box-shadow:0 0 12px #4caf5080}.status-text{font-size:14px;font-weight:500;color:#fff}.audio-meters-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:0}@media (min-width: 480px){.audio-meters-grid{grid-template-columns:repeat(4,1fr)}}.audio-control-panel.enhanced .frequency-meter{background:#ffffff0d;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.1);text-align:left}.meter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.meter-label{font-size:12px;color:#aaa;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.meter-value{font-size:14px;color:#fff;font-weight:700}.audio-control-panel.enhanced .meter-bar{height:8px;background:#ffffff1a;border-radius:4px;position:relative;overflow:hidden}.audio-features-section{display:grid;grid-template-columns:1fr 1fr;gap:16px}.beat-indicator-card,.activity-indicator-card{background:#ffffff0d;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.1);text-align:center}.beat-indicator-card .beat-indicator{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0}.beat-text,.activity-text{font-size:12px;color:#aaa;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.beat-status,.activity-status{font-size:14px;color:#fff;font-weight:500;margin-top:8px}.sensitivity-section-enhanced{background:#ffffff0d;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1)}.sensitivity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sensitivity-title{font-size:14px;color:#fff;font-weight:600}.sensitivity-value{font-size:16px;color:#4caf50;font-weight:700}.sensitivity-slider-container{position:relative}.sensitivity-slider.enhanced{width:100%;height:8px;background:#ffffff1a;border-radius:4px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.sensitivity-slider.enhanced::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #4caf504d;transition:all .2s ease}.sensitivity-slider.enhanced::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #4caf5080}.sensitivity-slider.enhanced::-moz-range-thumb{width:24px;height:24px;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #4caf504d}.slider-marks{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;color:#666}.performance-stats-card{background:#ffffff0d;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.1)}.perf-title{font-size:12px;color:#aaa;text-transform:uppercase;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-align:center}.perf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.perf-item{text-align:center}.perf-label{display:block;font-size:10px;color:#666;text-transform:uppercase;font-weight:600;letter-spacing:.5px;margin-bottom:4px}.perf-value{display:block;font-size:16px;color:#fff;font-weight:700}.no-permission-message{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:12px;padding:24px;text-align:center;color:#f44336}.message-icon{font-size:32px;margin-bottom:12px}.message-text{font-size:14px;line-height:1.5}.permission-status{font-size:11px;padding:2px 6px;border-radius:4px;margin-top:4px}.permission-status.granted{color:#4caf50;background-color:#4caf501a}.permission-status.denied{color:#f44336;background-color:#f443361a}.permission-status.prompt{color:#ff9800;background-color:#ff98001a}.frequency-info{font-size:11px;color:#999;text-align:center;margin:8px 0}.audio-toggle-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.audio-toggle-btn{padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.audio-toggle-btn:hover{background:#45a049}.audio-toggle-btn:disabled{background:#666;cursor:not-allowed}.audio-status{font-size:12px;color:#ccc}.permission-status{font-size:11px;margin-top:4px}.permission-status.granted{color:#4caf50}.permission-status.denied{color:#f44336}.permission-status.prompt{color:#ff9800}.audio-meters{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.frequency-meter{background:#3c3c3ccc;border-radius:4px;padding:8px;text-align:center}.meter-label{font-size:10px;color:#aaa;margin-bottom:4px;text-transform:uppercase;font-weight:500}.meter-bar{height:20px;background:#333;border-radius:2px;position:relative;overflow:hidden}.meter-fill{height:100%;transition:width .1s ease;border-radius:2px}.meter-fill.bass{background:linear-gradient(90deg,#4caf50,#66bb6a)}.meter-fill.mid{background:linear-gradient(90deg,#2196f3,#42a5f5)}.meter-fill.high{background:linear-gradient(90deg,#ff9800,#ffb74d)}.meter-fill.volume{background:linear-gradient(90deg,#9c27b0,#ba68c8)}.sensitivity-section{margin:12px 0}.sensitivity-label{display:flex;justify-content:space-between;margin-bottom:6px;font-size:12px;color:#ccc}.sensitivity-slider{width:100%;height:4px;background:#333;border-radius:2px;outline:none;-webkit-appearance:none}.sensitivity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#4caf50;border-radius:50%;cursor:pointer}.sensitivity-slider::-moz-range-thumb{width:16px;height:16px;background:#4caf50;border-radius:50%;cursor:pointer;border:none}.performance-stats{display:flex;gap:16px;justify-content:center;margin:8px 0;font-size:11px;color:#999}.audio-processing{opacity:.9}.battery-optimized{border-left:3px solid #4CAF50;padding-left:8px}.audio-quality-high{color:#4caf50}.audio-quality-medium{color:#ff9800}.audio-quality-low{color:#f44336}.audio-sensitivity-slider .MuiSlider-track{background:linear-gradient(90deg,#4caf50,#66bb6a)}.audio-sensitivity-slider .MuiSlider-thumb:hover{box-shadow:0 0 0 8px #4caf5029}.permission-granted{border-left:3px solid #4CAF50;padding-left:8px}.permission-denied{border-left:3px solid #F44336;padding-left:8px}.permission-requesting{border-left:3px solid #FF9800;padding-left:8px;animation:audioPulse 1.5s infinite}@media (prefers-reduced-motion: reduce){.jen-slider.audio-influenced,.jen-slider.audio-influenced:before,.jen-slider.audio-influenced:after{animation:none;transition:none}.jen-slider.audio-influenced:before,.jen-slider.audio-influenced:after{animation:none}}.audio-reactive-glow{animation:audioGlow .3s ease-out}.audio-activity-indicator{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:12px;color:#ccc}.activity-dot{width:8px;height:8px;border-radius:50%;background:#666;transition:all .2s ease}.activity-dot.active{background:#4caf50;box-shadow:0 0 8px #4caf5080}*{box-sizing:border-box}.img{width:100%;height:5rem}.camera-capture-container{position:relative;overflow:hidden;border-radius:8px;background:#000}.camera-capture-container video{display:block;width:100%;height:100%;object-fit:cover}@keyframes camera-flash{0%{opacity:0}50%{opacity:.8}to{opacity:0}}.camera-flash-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;pointer-events:none;animation:camera-flash .3s ease-out;z-index:9999}@media (max-width: 600px){.camera-capture-container{border-radius:12px}.camera-controls button{min-width:56px;min-height:56px}.camera-controls .capture-button{min-width:72px;min-height:72px}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.live-preview-indicator{animation:pulse 2s infinite}.camera-settings-panel{animation:slideInFromRight .3s ease-out}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.camera-switching{animation:flip .6s ease-in-out}@keyframes flip{0%{transform:scaleX(1)}50%{transform:scaleX(0)}to{transform:scaleX(1)}}.camera-error{background:linear-gradient(45deg,#f44336,#d32f2f);color:#fff;text-align:center;padding:20px;border-radius:8px}.camera-loading{background:linear-gradient(45deg,#333,#555);display:flex;align-items:center;justify-content:center;color:#fff}.camera-video-container{position:relative;width:100%;height:100%;background:#000}.camera-video-container video{width:100%;height:100%;object-fit:cover}.camera-controls-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10}.camera-controls-overlay>*{pointer-events:auto}@media (prefers-reduced-motion: reduce){.camera-flash-overlay,.live-preview-indicator,.camera-settings-panel,.camera-switching{animation:none}}@media (prefers-contrast: high){.camera-capture-container{border:2px solid white}.camera-controls button{border:1px solid white}}.widget-masonry-grid{display:flex;width:100%;margin-left:-8px}.widget-masonry-column{padding-left:8px;background-clip:padding-box}.widget-item{margin-bottom:4px}.image-grid-container{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;justify-content:flex-start;width:100%;padding:4px}.image-grid-item{flex:0 0 auto;border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.image-grid-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.image-grid-item.new-image{animation:slideInUp .4s ease-out;box-shadow:0 0 0 2px #4caf50}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.new-image{animation:fadeIn .3s ease-out}.widget-container{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(0,0,0,.2)}.widget-container::-webkit-scrollbar{width:6px;height:6px}.widget-container::-webkit-scrollbar-track{background:#0003;border-radius:3px}.widget-container::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}@media (min-width: 600px){.widget-masonry-grid{margin-left:-8px}.widget-masonry-column{padding-left:8px}.widget-item{margin-bottom:4px}.image-grid-container{gap:8px}}@media (max-width: 599px){.widget-masonry-grid{margin-left:-4px}.widget-masonry-column{padding-left:4px}.widget-item{margin-bottom:2px}.image-grid-container{gap:6px}.jen-slider{touch-action:manipulation!important;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mobile-slider-container{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;position:relative}.mobile-text-input{font-size:16px!important;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:textfield}.mobile-text-input:focus{outline:none;transform:none}.mobile-control-button{min-width:44px!important;min-height:44px!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.slider-container-mobile{will-change:auto;contain:layout style;min-height:72px;display:flex;align-items:center}.range-label-mobile{min-width:44px;min-height:28px;display:flex!important;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}}.widget-group-divider{margin:4px 0;opacity:.2}.slider-container{display:flex;align-items:center;width:100%}.slider-track{flex-basis:85%;flex-grow:1}.slider-controls{flex-basis:15%;flex-shrink:0;display:flex;justify-content:flex-end;align-items:center;gap:2px}.MuiBox-root .MuiStack-root.slider-stack{margin-top:0;margin-bottom:0}@media (max-width: 599px){.touch-target{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.MuiTypography-root{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.MuiSlider-root{transition:none}.MuiSlider-thumb{transition:box-shadow .15s ease,transform .1s ease!important}.MuiTextField-root{transition:none}.slider-main-container{position:relative;overflow:hidden;contain:layout}}@media (min-width: 1200px){.widget-masonry-grid{margin-left:-6px}.widget-masonry-column{padding-left:6px}.widget-item{margin-bottom:6px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.image-grid-item{transform:translateZ(0)}.MuiSlider-thumb{will-change:transform,box-shadow;transform:translateZ(0)}}@media (prefers-reduced-motion: reduce){.image-grid-item{transition:none}.image-grid-item.new-image{animation:none}.MuiSlider-thumb{transition:none!important}}.audio-mixer{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:12px;padding:16px;margin:0;box-shadow:0 4px 16px #0000004d;border:1px solid #444;color:#fff;font-family:Inter,Arial,sans-serif;width:100%;overflow:hidden;max-height:60vh;overflow-y:auto}.mixer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #444}.mixer-header h3{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mixer-controls{display:flex;gap:10px}.routing-toggle{background:linear-gradient(135deg,#667eea,#764ba2);border:none;padding:8px 16px;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;transition:all .3s ease}.routing-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.routing-toggle.active{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.preset-section{margin-bottom:16px}.preset-section label{display:block;margin-bottom:10px;font-weight:700;color:#ccc}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.preset-button{background:linear-gradient(135deg,#2c3e50,#34495e);border:2px solid #444;padding:12px 8px;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-weight:700;text-align:center;font-size:.9rem}.preset-button:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.preset-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 0 20px #667eea80}.global-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px;padding:16px;background:#ffffff0d;border-radius:8px;border:1px solid #555}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{font-weight:700;color:#ddd;font-size:.9rem}.sensitivity-slider,.beat-sensitivity-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:linear-gradient(90deg,#333,#667eea,#ff6b6b);border-radius:3px;outline:none;transition:all .3s ease}.sensitivity-slider::-webkit-slider-thumb,.beat-sensitivity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#fff,#f1c40f);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:all .3s ease}.sensitivity-slider::-webkit-slider-thumb:hover,.beat-sensitivity-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #f1c40f80}.rhythm-mode-select{background:#333;border:2px solid #555;color:#fff;padding:8px 12px;border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s ease}.rhythm-mode-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 10px #667eea4d}.frequency-bands{margin-bottom:16px}.frequency-bands h4{margin-bottom:15px;color:#fff;font-size:1.2rem;text-align:center}.bands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding:16px;background:#0003;border-radius:10px;border:1px solid #333}.band-strip{background:linear-gradient(180deg,#2c3e50,#34495e);border-radius:8px;padding:15px 10px;text-align:center;border:2px solid #444;transition:all .3s ease}.band-strip:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 6px 20px #0006}.band-header{margin-bottom:10px}.band-name{display:block;font-weight:700;font-size:.8rem;margin-bottom:3px}.band-range{display:block;font-size:.7rem;color:#aaa}.band-meter{height:100px;width:25px;background:#222;border-radius:10px;margin:10px auto;position:relative;border:2px solid #333;overflow:visible}.level-bar{position:absolute;bottom:0;left:0;right:0;border-radius:0 0 8px 8px;transition:height .1s ease;box-shadow:0 0 10px currentColor;overflow:hidden}.meter-scale{position:absolute;right:-30px;top:0;height:100%;width:25px;pointer-events:none}.db-marker{position:absolute;right:0;font-size:.6rem;color:#888;transform:translateY(50%);background:#000000b3;padding:1px 3px;border-radius:2px}.level-display{margin:8px 0;text-align:center}.level-db{font-size:.75rem;font-weight:700;color:#fff;background:#00000080;padding:2px 6px;border-radius:4px;display:inline-block;min-width:60px}.band-controls{margin-top:15px;display:flex;flex-direction:column;gap:6px}.gain-label{font-size:.7rem;color:#ccc;font-weight:700;text-align:center}.gain-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:linear-gradient(90deg,#333,#555,#777);border-radius:3px;outline:none;margin-bottom:3px;position:relative}.gain-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:currentColor;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0006;position:relative;z-index:1}.gain-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.gain-value{font-size:.7rem;font-weight:700;color:#fff;text-align:center;background:#ffffff1a;padding:2px 4px;border-radius:3px;min-width:50px}.gain-input{width:100%;background:#333;border:1px solid #555;color:#fff;padding:4px 6px;border-radius:4px;font-size:.7rem;text-align:center;outline:none}.gain-input:focus{border-color:#667eea;box-shadow:0 0 5px #667eea4d}.gain-input::-webkit-outer-spin-button,.gain-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.routing-matrix{background:#0000004d;border-radius:10px;padding:20px;margin-top:20px;border:2px solid #333}.routing-matrix h4{margin-bottom:15px;color:#fff;text-align:center}.matrix-grid{display:grid;gap:2px;background:#222;border-radius:8px;overflow:hidden}.matrix-header{display:grid;grid-template-columns:150px repeat(8,1fr);background:#333;font-weight:700;color:#fff}.param-label,.band-label{padding:10px 5px;text-align:center;border-right:1px solid #444;font-size:.8rem}.matrix-row{display:grid;grid-template-columns:150px repeat(8,1fr);background:#2a2a2a}.param-name{padding:10px;border-right:1px solid #444;font-weight:700;color:#ddd;font-size:.8rem}.routing-cell{padding:8px 5px;text-align:center;border-right:1px solid #444;display:flex;flex-direction:column;align-items:center;gap:4px}.routing-cell input[type=checkbox]{transform:scale(1.2);accent-color:#667eea}.routing-gain{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#444;border-radius:2px;outline:none}.routing-gain::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#667eea;border-radius:50%;cursor:pointer}.mixer-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;padding:15px;background:#ffffff0d;border-radius:8px;border:1px solid #555;margin-top:20px}.status-item{display:flex;justify-content:space-between;align-items:center}.status-label{font-weight:700;color:#aaa;font-size:.9rem}.status-value{font-weight:700;font-size:.9rem}.status-value.enabled{color:#2ecc71}.status-value.disabled{color:#e74c3c}@media (max-width: 768px){.audio-mixer{padding:12px;margin:0;max-height:50vh}.mixer-header h3{font-size:1.2rem}.preset-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.preset-button{padding:8px 6px;font-size:.8rem}.global-controls{grid-template-columns:1fr;padding:12px;gap:8px}.bands-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;padding:12px}.band-strip{padding:10px 6px}.band-name{font-size:.7rem}.band-range,.meter-scale{font-size:.6rem}.db-marker{font-size:.5rem}.gain-slider{height:4px}.routing-matrix{display:none}}@media (max-width: 480px){.audio-mixer{padding:8px;max-height:40vh}.bands-grid{grid-template-columns:repeat(2,1fr);gap:6px}.preset-grid{grid-template-columns:1fr}.band-strip{padding:8px 4px}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.band-strip:hover .level-bar{animation:pulse .5s ease-in-out}.preset-button.active{animation:pulse 2s ease-in-out infinite}.audio-mixer.party-mode{background:linear-gradient(135deg,#667eea,#764ba2,#ff6b6b);box-shadow:0 0 30px #667eea4d}.audio-mixer.party-mode .band-strip{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.audio-mixer.party-mode .level-bar{box-shadow:0 0 15px currentColor}.audio-pane{padding:16px;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:16px;margin:8px;box-shadow:0 8px 32px #0006;border:1px solid #444;color:#fff;font-family:Inter,Arial,sans-serif;font-weight:500;overflow:hidden;transition:all .3s ease}.audio-pane.party-mode{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border:2px solid #666;box-shadow:0 8px 32px #00000080}.audio-header{margin-bottom:20px}.header-main{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.audio-toggle{flex:1;min-width:140px;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:none;border-radius:12px;font-weight:700;font-size:20px;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#444,#555);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);position:relative;overflow:hidden}.audio-toggle.enabled{background:linear-gradient(135deg,#4caf50,#66bb6a);box-shadow:0 4px 16px #4caf5080;color:#fff;border:2px solid #81C784}.audio-toggle.enabled:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);animation:shimmer 2s infinite}.audio-toggle.disabled{background:linear-gradient(135deg,#555,#666);color:#999;border:2px solid #777;box-shadow:0 4px 16px #0003}.audio-toggle.disabled .toggle-icon{opacity:.5;filter:grayscale(1)}.audio-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.audio-toggle.enabled:hover{box-shadow:0 6px 20px #4caf50b3;background:linear-gradient(135deg,#66bb6a,#81c784)}.audio-toggle.disabled:hover{background:linear-gradient(135deg,#666,#777);color:#ccc}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.party-toggle{flex:1;min-width:140px;padding:14px 20px;border:2px solid #666;border-radius:12px;background:linear-gradient(135deg,#555,#666);color:#fff;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.5)}.party-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.party-toggle.active{background:linear-gradient(135deg,#4a4a4a,#5a5a5a);border-color:#777;color:#fff}.status-bar{display:flex;gap:8px;flex-wrap:wrap}.status-chip{padding:6px 12px;background:#ffffff26;border-radius:20px;font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,.3);color:#fff}.status-chip.party{background:#fff3;border-color:#fff6;font-weight:700;color:#fff}.status-active{color:#90ee90;font-weight:700}.status-inactive{color:#ccc;font-weight:600}.main-controls{display:flex;flex-direction:column;gap:24px}.mixer-presets{background:#ffffff0d;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.1)}.frequency-bands{background:#ffffff14;border-radius:12px;padding:12px;margin-bottom:16px;border:1px solid rgba(255,255,255,.15);transition:all .3s ease}.frequency-bands h4{margin:0 0 8px;font-weight:700;font-size:14px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.master-sensitivity{background:#ffffff14;border-radius:12px;padding:12px;margin-bottom:16px;border:1px solid rgba(255,255,255,.15);transition:all .3s ease}.master-sensitivity h4{margin:0 0 8px;font-weight:700;font-size:14px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.frequency-bands:has(.collapsible-header){padding:8px 12px;margin-bottom:8px}.master-sensitivity:has(.collapsible-header){padding:8px 12px;margin-bottom:8px}.frequency-bands:not(:has(.simple-meters:not([style*="display: none"]))){min-height:auto}.master-sensitivity:not(:has(.sensitivity-content:not([style*="display: none"]))){min-height:auto}.advanced-mixer-section{background:#ffffff14;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.15)}.advanced-mixer-section h4{margin:0 0 12px;font-weight:700;font-size:14px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.collapsible-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px;transition:all .3s ease;border-radius:6px;min-height:32px}.collapsible-header:hover{background:#ffffff14;border-color:#fff3}.collapsible-header h4{margin:0;font-weight:700;font-size:14px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.collapse-icon{font-size:12px;color:#ccc;transition:transform .3s ease;font-weight:700}.collapsible-header:hover .collapse-icon{color:#fff}.sensitivity-section{background:#ffffff14;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,.15)}.sensitivity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.sensitivity-header label{font-weight:700;font-size:16px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.sensitivity-value{background:linear-gradient(135deg,#666,#777);padding:4px 12px;border-radius:16px;font-weight:800;font-size:14px;margin-left:8px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.party-hint{font-size:12px;color:#ddd;font-weight:600;text-align:center}.sensitivity-control{position:relative}.sensitivity-slider{width:100%;height:8px;border-radius:4px;background:linear-gradient(90deg,#444,#666,#888);outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.sensitivity-slider.party-slider{background:linear-gradient(90deg,#555,#777,#999)}.sensitivity-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#fff,#eee);cursor:pointer;box-shadow:0 4px 12px #0006;transition:all .3s ease}.sensitivity-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 6px 16px #00000080}.sensitivity-markers{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#ccc;font-weight:600}.audio-visualization{background:#0006;border-radius:12px;padding:16px;margin-bottom:20px;border:1px solid rgba(255,255,255,.15)}.viz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.viz-header h3{margin:0;font-size:18px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.mixer-toggle{padding:8px 16px;background:linear-gradient(135deg,#555,#666);border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.mixer-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006}.simple-meters{display:flex;flex-direction:column;gap:16px}.meter-row{display:flex;gap:12px;flex-wrap:wrap}.meter-group{flex:1;min-width:120px;display:flex;flex-direction:column;gap:6px}.meter-group label{font-size:14px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.meter{height:20px;background:#ffffff26;border-radius:10px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.2)}.meter-fill{height:100%;border-radius:10px;transition:width .1s ease;position:relative}.meter-fill.volume{background:linear-gradient(90deg,#666,#888)}.meter-fill.bass{background:linear-gradient(90deg,#777,#999)}.meter-fill.mid{background:linear-gradient(90deg,#666,#888)}.meter-fill.high{background:linear-gradient(90deg,#777,#999)}.meter-group span{font-size:12px;color:#ddd;text-align:center;font-weight:600}.beat-section{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff14;border-radius:8px;margin-top:8px;border:1px solid rgba(255,255,255,.15)}.beat-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;background:#ffffff26;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.beat-indicator.active{background:#ffffff4d;border-color:#fff6}.beat-icon{font-size:16px}.beat-text{font-weight:700;font-size:12px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.processing-status{font-size:12px;font-weight:600}.party-info{background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:16px;margin-bottom:20px}.party-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.party-header h3{margin:0;font-size:18px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.party-header span{font-size:20px}.party-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.party-features .feature-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff14;border-radius:8px;font-size:14px;font-weight:600;color:#fff;border:1px solid rgba(255,255,255,.15)}.party-features .feature-item span:first-child{font-size:16px}.info-section{background:#ffffff14;border-radius:12px;border:1px solid rgba(255,255,255,.15);overflow:hidden}.info-section summary{padding:16px;cursor:pointer;font-weight:700;font-size:16px;background:#ffffff14;border-bottom:1px solid rgba(255,255,255,.15);transition:all .3s ease;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.info-section summary:hover{background:#ffffff1f}.info-content{padding:16px}.info-content p{margin:0 0 16px;color:#ddd;line-height:1.6;font-weight:500}.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.feature-list .feature-item{padding:8px 12px;background:#ffffff1a;border-radius:6px;font-size:14px;color:#fff;font-weight:600;border:1px solid rgba(255,255,255,.15)}@media (max-width: 768px){.audio-pane{margin:4px;padding:12px}.header-main{flex-direction:column}.audio-toggle,.party-toggle{min-width:unset;width:100%}.sensitivity-header{flex-direction:column;align-items:flex-start;gap:4px}.meter-row{flex-direction:column}.meter-group{min-width:unset}.beat-section{flex-direction:column;gap:8px;text-align:center}.party-features,.feature-list{grid-template-columns:1fr}}@media (max-width: 480px){.audio-pane{margin:2px;padding:8px}.viz-header{flex-direction:column;gap:8px;align-items:stretch}.mixer-toggle{width:100%}}.party-mode-info{background:linear-gradient(135deg,#ff6b351a,#ff8a501a);border:1px solid rgba(255,107,53,.3);border-radius:12px;padding:16px;margin-top:12px}.party-mode-info .party-header h4{margin:0 0 8px;color:#ff6b35;font-size:16px;font-weight:600}.party-mode-info .party-header p{margin:0;color:#ffb74d;font-size:14px}.integration-status{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;margin-top:12px}.status-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:16px}.status-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.status-label{font-weight:500;color:#fffc}.status-value{font-weight:600;padding:4px 8px;border-radius:4px;font-size:14px}.status-value.success{background:#4caf5033;color:#81c784;border:1px solid rgba(76,175,80,.3)}.status-value.info{background:#2196f333;color:#64b5f6;border:1px solid rgba(33,150,243,.3)}.status-value.inactive{background:#9e9e9e33;color:#bdbdbd;border:1px solid rgba(158,158,158,.3)}.integration-message{padding:12px;border-radius:8px;margin-top:12px}.integration-message.success{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#81c784}.integration-message.info{background:#2196f31a;border:1px solid rgba(33,150,243,.3);color:#64b5f6}.integration-message p{margin:0;font-size:14px;line-height:1.4}.autoplay-controls{background:#9c27b00d;border:1px solid rgba(156,39,176,.2);border-radius:12px;padding:16px;margin-top:12px}.autoplay-status p{margin:0 0 12px;color:#fffc;font-size:14px}.status-badge{display:inline-block;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:600;margin-bottom:16px}.status-badge.active{background:#4caf5033;color:#81c784;border:1px solid rgba(76,175,80,.4)}.status-badge.inactive{background:#9e9e9e33;color:#bdbdbd;border:1px solid rgba(158,158,158,.4)}.autoplay-scene-controls{display:flex;flex-direction:column;gap:16px}.autoplay-toggle{padding:12px 20px;border:2px solid rgba(156,39,176,.3);border-radius:8px;background:#9c27b01a;color:#ce93d8;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.autoplay-toggle:hover{background:#9c27b033;border-color:#9c27b080;transform:translateY(-1px)}.autoplay-toggle.active{background:#9c27b04d;border-color:#9c27b099;color:#e1bee7}.intensity-control{display:flex;flex-direction:column;gap:8px}.intensity-control label{font-weight:500;color:#fffc;font-size:14px}.intensity-slider{width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;cursor:pointer}.intensity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#ce93d8;cursor:pointer;border:2px solid rgba(156,39,176,.3);box-shadow:0 2px 6px #0003}.intensity-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#ce93d8;cursor:pointer;border:2px solid rgba(156,39,176,.3)}.intensity-value{font-weight:600;color:#ce93d8;font-size:13px;text-align:center}.autoplay-parameters{background:#ffffff08;border-radius:8px;padding:12px}.autoplay-parameters h5{margin:0 0 8px;font-size:13px;color:#fffc;font-weight:600}.autoplay-parameters ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.autoplay-parameters li{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#ffffff05;border-radius:4px;font-size:12px}.param-name{color:#ffffffe6;font-weight:500}.param-type{color:#fff9;font-size:11px;background:#ffffff1a;padding:2px 6px;border-radius:10px}.param-autoplay_function .param-type{background:#9c27b04d;color:#e1bee7}.param-autoplay_influenced_slider .param-type{background:#2196f34d;color:#64b5f6}.param-autoplay_influenced_menu .param-type{background:#ff98004d;color:#ffb74d}