.radio-logo-container.clickable{cursor:pointer;transition:transform .2s ease,opacity .2s ease}.radio-logo-container.clickable[style*=translateX]:hover,.radio-logo-container.clickable[style*="left: 50%"]:hover{transform:translate(-50%) scale(1.05);opacity:.9}.radio-logo-container.clickable[style*=translateX]:active,.radio-logo-container.clickable[style*="left: 50%"]:active{transform:translate(-50%) scale(.98)}.radio-logo-container.clickable:not([style*=translateX]):not([style*="left: 50%"]):hover{transform:scale(1.05);opacity:.9}.radio-logo-container.clickable:not([style*=translateX]):not([style*="left: 50%"]):active{transform:scale(.98)}.radio-logo-container{position:absolute;top:var(--radio-logo-top, 20px);left:var(--radio-logo-left, 50%);transform:translate(-50%);z-index:var(--radio-logo-z-index, 10);width:var(--radio-logo-width, 200px);height:var(--radio-logo-height, 80px);display:flex;align-items:center;justify-content:center;opacity:var(--radio-logo-opacity, 1);transition:opacity .3s ease,transform .3s ease}@media(max-width:639px){.radio-logo-container{position:relative!important;width:min(80%,var(--radio-logo-width, 200px))!important;height:auto!important;max-height:60px!important;inset:auto!important;transform:none!important;margin:20px auto 10px!important}.radio-logo{max-height:60px;object-fit:contain}}.radio-logo{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .3s ease,filter .3s ease}.radio-selector-container{position:relative;width:100%}.radio-selector-button{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;transition:all .2s ease;border:none;outline:none}.radio-selector-button:hover{opacity:.9;transform:translateY(-1px)}.radio-selector-button:active{transform:translateY(0)}.radio-selector-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;z-index:1001;max-height:400px;overflow-y:auto}.radio-selector-option{display:flex;align-items:center;gap:12px;cursor:pointer;transition:background-color .2s ease}.radio-selector-option:hover{background-color:#ffffff0d}.radio-selector-modal-backdrop{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.radio-selector-modal{position:relative;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;z-index:10001}.radio-selector-modal.animation-fade{animation:fadeIn .3s ease}.radio-selector-modal.animation-slide{animation:slideUp .3s ease}.radio-selector-modal.animation-scale{animation:scaleIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.radio-selector-modal::-webkit-scrollbar{width:8px}.radio-selector-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.radio-selector-modal::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.radio-selector-modal::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.radio-selector-dropdown::-webkit-scrollbar{width:6px}.radio-selector-dropdown::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.radio-selector-dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.radio-selector-dropdown::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.album-cover-container{display:flex;align-items:center;justify-content:center;margin-bottom:var(--album-cover-margin-bottom, 30px);width:100%;max-width:var(--album-cover-max-width, 400px)}.album-cover-wrapper{position:relative;width:var(--album-cover-size, 300px);height:var(--album-cover-size, 300px);border-radius:50%;box-shadow:var(--album-cover-shadow, 0 10px 40px rgba(0, 0, 0, .3));overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.album-cover{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .3s ease,filter .3s ease}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.album-cover-wrapper:hover{transform:scale(1.05);box-shadow:var(--album-cover-shadow-hover, 0 15px 50px rgba(0, 0, 0, .4))}.album-cover-overlay{position:absolute;inset:0;pointer-events:none;opacity:0}.play-pause-button{display:flex;align-items:center;justify-content:center;width:var(--play-button-size, 80px);height:var(--play-button-size, 80px);min-width:var(--play-button-size, 80px);min-height:var(--play-button-size, 80px);border-radius:50%;background-color:var(--play-button-bg, rgba(255, 255, 255, .9));background:var(--play-button-bg-gradient, rgba(255, 255, 255, .9));border:var(--play-button-border, 3px solid rgba(255, 255, 255, .5));outline:none;color:var(--play-button-color, #1a1a1a);cursor:pointer;box-shadow:var(--play-button-shadow, 0 4px 20px rgba(0, 0, 0, .3));transition:all .3s ease,background-color var(--theme-transition-duration, .8s) var(--theme-transition-easing, cubic-bezier(.4, 0, .2, 1)),color var(--theme-transition-duration, .8s) var(--theme-transition-easing, cubic-bezier(.4, 0, .2, 1)),border-color var(--theme-transition-duration, .8s) var(--theme-transition-easing, cubic-bezier(.4, 0, .2, 1)),box-shadow var(--theme-transition-duration, .8s) var(--theme-transition-easing, cubic-bezier(.4, 0, .2, 1));position:relative;overflow:hidden}.play-pause-icon{width:var(--play-icon-size, 32px);height:var(--play-icon-size, 32px);margin-left:var(--play-icon-offset, 2px);transition:transform .2s ease}.play-pause-button:hover{transform:scale(1.1);background-color:var(--play-button-bg-hover, rgba(255, 255, 255, 1));background:var(--play-button-bg-gradient-hover, rgba(255, 255, 255, 1));box-shadow:var(--play-button-shadow-hover, 0 6px 30px rgba(0, 0, 0, .4))}.play-pause-button:active{transform:scale(.95)}.play-pause-button:focus-visible{outline:3px solid var(--play-button-focus-color, rgba(100, 108, 255, .8));outline-offset:4px}.play-pause-button.playing{animation:pulse var(--pulse-duration, 2s) ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 4px 20px #0000004d}50%{box-shadow:0 4px 30px #646cff99}}.play-pause-button.loading{cursor:wait;position:relative}.loading-spinner{animation:spin 1s linear infinite;display:block!important;opacity:1!important;visibility:visible!important}.play-pause-button.loading .play-pause-icon.loading-spinner{display:block!important;visibility:visible!important;opacity:1!important}.play-pause-button.loading svg:not(.loading-spinner){display:none!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes click-scale-play{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes click-bounce-play{0%,to{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(0)}75%{transform:translateY(-5px)}}@keyframes click-ripple-play{0%{box-shadow:0 0 #646cff66}to{box-shadow:0 0 0 20px #646cff00}}.play-pause-button.click-scale{animation:click-scale-play .3s ease}.play-pause-button.click-bounce{animation:click-bounce-play .4s ease}.play-pause-button.click-ripple{animation:click-ripple-play .5s ease}.like-button{transition:all .3s ease,background-color var(--theme-transition-duration, .8s) var(--theme-transition-easing, cubic-bezier(.4, 0, .2, 1)),color var(--theme-transition-duration, .8s) var(--theme-transition-easing, cubic-bezier(.4, 0, .2, 1)),border-color var(--theme-transition-duration, .8s) var(--theme-transition-easing, cubic-bezier(.4, 0, .2, 1)),fill var(--theme-transition-duration, .8s) var(--theme-transition-easing, cubic-bezier(.4, 0, .2, 1));cursor:pointer;display:flex;align-items:center;justify-content:center;outline:none}.like-button:focus-visible{outline:2px solid rgba(29,185,84,.5);outline-offset:2px}.like-icon{transition:all .3s ease;display:flex;align-items:center;justify-content:center}.like-icon i{font-size:inherit;width:1em;height:1em;display:inline-block}@keyframes click-scale-anim{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.like-button.click-scale{animation:click-scale-anim .3s ease}@keyframes click-bounce-anim{0%,to{transform:translateY(0)}25%{transform:translateY(-8px)}50%{transform:translateY(0)}75%{transform:translateY(-4px)}}.like-button.click-bounce{animation:click-bounce-anim .4s ease}@keyframes click-shake-anim{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.like-button.click-shake{animation:click-shake-anim .3s ease}@keyframes click-rotate-anim{0%{transform:rotate(0)}50%{transform:rotate(15deg)}to{transform:rotate(0)}}.like-button.click-rotate{animation:click-rotate-anim .3s ease}@keyframes click-ripple-anim{0%{box-shadow:0 0 #1db95466}to{box-shadow:0 0 0 15px #1db95400}}.like-button.click-ripple{animation:click-ripple-anim .4s ease}.dislike-button{transition:all .3s ease,background-color var(--theme-transition-duration, .8s) var(--theme-transition-easing, cubic-bezier(.4, 0, .2, 1)),color var(--theme-transition-duration, .8s) var(--theme-transition-easing, cubic-bezier(.4, 0, .2, 1)),border-color var(--theme-transition-duration, .8s) var(--theme-transition-easing, cubic-bezier(.4, 0, .2, 1)),fill var(--theme-transition-duration, .8s) var(--theme-transition-easing, cubic-bezier(.4, 0, .2, 1));cursor:pointer;display:flex;align-items:center;justify-content:center;outline:none}.dislike-button:focus-visible{outline:2px solid rgba(226,33,52,.5);outline-offset:2px}.dislike-icon{transition:all .3s ease;display:flex;align-items:center;justify-content:center}.dislike-icon i{font-size:inherit;width:1em;height:1em;display:inline-block}@keyframes click-scale-anim-dislike{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.dislike-button.click-scale{animation:click-scale-anim-dislike .3s ease}@keyframes click-bounce-anim-dislike{0%,to{transform:translateY(0)}25%{transform:translateY(-8px)}50%{transform:translateY(0)}75%{transform:translateY(-4px)}}.dislike-button.click-bounce{animation:click-bounce-anim-dislike .4s ease}@keyframes click-shake-anim-dislike{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.dislike-button.click-shake{animation:click-shake-anim-dislike .3s ease}@keyframes click-rotate-anim-dislike{0%{transform:rotate(0)}50%{transform:rotate(-15deg)}to{transform:rotate(0)}}.dislike-button.click-rotate{animation:click-rotate-anim-dislike .3s ease}@keyframes click-ripple-anim-dislike{0%{box-shadow:0 0 #e2213466}to{box-shadow:0 0 0 15px #e2213400}}.dislike-button.click-ripple{animation:click-ripple-anim-dislike .4s ease}.audio-effects-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.night-mode-button{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden;position:relative}.night-mode-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.night-mode-button:hover:before{width:300%;height:300%}.night-mode-button:active{transform:scale(.95)}.night-mode-glass{background:#1a1a1ab3!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.night-mode-minimal{background:transparent!important;border:1px solid rgba(255,255,255,.1)!important}.night-mode-minimal:hover{background:#ffffff0d!important}.night-mode-click{animation:nightModeClick .3s ease}@keyframes nightModeClick{0%{transform:scale(1)}50%{transform:scale(.92)}to{transform:scale(1)}}.night-mode-pulse{animation:nightModePulse 2s ease-in-out infinite}@keyframes nightModePulse{0%,to{box-shadow:0 4px 12px #0006}50%{box-shadow:0 4px 20px #646cff99}}.night-mode-button:hover{filter:brightness(1.1)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.music-player-wrapper{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--player-wrapper-padding, 20px);overflow:hidden;z-index:1;background-color:transparent}@media(max-width:639px){.music-player-wrapper{min-height:auto;padding:20px 10px;justify-content:center;align-items:center}.music-player-container{width:100%;max-width:100%!important;min-height:auto!important;padding:20px 15px!important;margin:0 auto}.music-player-wrapper>*{width:100%;max-width:100%}}.music-player-container{position:relative;z-index:var(--player-container-z-index, 1);margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:var(--player-container-max-width, 500px);min-height:var(--player-container-max-height, 600px);padding:var(--player-container-padding, 40px 30px);background-color:var(--player-bg-color, rgba(26, 26, 26, .9));border-radius:var(--player-border-radius, 20px);box-shadow:var(--player-shadow, 0 20px 60px rgba(0, 0, 0, .5));transition:background-color var(--theme-transition-duration, .8s) var(--theme-transition-easing, cubic-bezier(.4, 0, .2, 1)),border-color var(--theme-transition-duration, .8s) var(--theme-transition-easing, cubic-bezier(.4, 0, .2, 1)),box-shadow var(--theme-transition-duration, .8s) var(--theme-transition-easing, cubic-bezier(.4, 0, .2, 1));backdrop-filter:var(--player-backdrop-filter, blur(10px));-webkit-backdrop-filter:var(--player-backdrop-filter, blur(10px));border:var(--player-border, 1px solid rgba(255, 255, 255, .1));overflow:hidden}.music-player-container:before{content:"";position:absolute;inset:0;background-image:var(--container-bg-image, none);background-size:cover;background-position:center;filter:blur(var(--container-bg-blur, 0px));z-index:-1;border-radius:inherit}.player-controls-container{display:flex;align-items:center;justify-content:center;gap:var(--controls-gap, 20px);margin-top:var(--controls-margin-top, 0);margin-bottom:var(--controls-margin-bottom, 0);width:100%}.music-player-container.layout-horizontal{flex-direction:row;align-items:center;gap:30px;max-width:800px;min-height:auto}.layout-horizontal-left{flex-shrink:0}.layout-horizontal-right{flex:1;display:flex;flex-direction:column;justify-content:center;gap:20px}.layout-horizontal .player-controls-container{justify-content:flex-start}.music-player-container.bg-blur-album{background-color:transparent;background-image:var(--player-bg-image-blur, none);background-size:cover;background-position:center;background-repeat:no-repeat}.music-player-container.bg-blur-album:before{content:"";position:absolute;inset:-20%;z-index:-1;background-image:var(--player-bg-image-blur, url(https://via.placeholder.com/400x400));background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(var(--player-bg-blur-amount, 30px)) brightness(var(--player-bg-blur-brightness, .6));-webkit-filter:blur(var(--player-bg-blur-amount, 30px)) brightness(var(--player-bg-blur-brightness, .6));background-color:rgba(0,0,0,var(--player-bg-blur-overlay, .3))}.music-player-container.bg-blur-album:after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,var(--player-bg-blur-overlay-after, .2))}@media(max-width:768px){.music-player-container{max-width:var(--player-container-max-width-mobile, 90%);min-height:var(--player-container-min-height-mobile, 500px);padding:var(--player-container-padding-mobile, 30px 20px);border-radius:var(--player-border-radius-mobile, 15px)}}@media(max-width:480px){.music-player-container{max-width:var(--player-container-max-width-small, 95%);min-height:var(--player-container-min-height-small, 450px);padding:var(--player-container-padding-small, 20px 15px);border-radius:var(--player-border-radius-small, 10px)}}.config-editor-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.config-editor-container{width:95%;max-width:1600px;height:90vh;background:#1a1a1a;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;transition:background-color .3s}.config-editor-container.light{background:#fff;box-shadow:0 20px 60px #0000004d}.config-editor-header{padding:20px 30px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;transition:background-color .3s,color .3s}.config-editor-header.dark{background:#1a1a1a;border-bottom-color:#ffffff1a}.config-editor-header.light{background:#f5f5f5;border-bottom-color:#0000001a}.config-editor-header-left{display:flex;align-items:center;gap:15px}.config-editor-header h2{margin:0;color:#fff;font-size:1.5rem;transition:color .3s}.config-editor-header.light h2{color:#1a1a1a}.theme-toggle-btn{padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .2s}.config-editor-header.light .theme-toggle-btn{background:#0000000d;border-color:#0000001a}.theme-toggle-btn:hover{background:#fff3;transform:scale(1.05)}.config-editor-header.light .theme-toggle-btn:hover{background:#0000001a}.config-editor-header-actions{display:flex;gap:10px}.btn-import{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s;background:#956010;color:#fff;display:inline-flex;align-items:center;gap:6px}.btn-import:hover{background:#faaf65;transform:translateY(-1px)}.config-editor-container.light .btn-import{background:#cea15e;color:#fff}.config-editor-container.light .btn-import:hover{background:#f57c00}.btn-save,.btn-save-only,.btn-close,.btn-customize{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.btn-save-only:first-child{margin-left:0}.btn-save-only+.btn-save,.btn-save+.btn-close{margin-left:10px}.btn-save-only{background:#4caf50;color:#fff}.btn-save-only:hover{background:#45a049}.btn-save{background:#646cff;color:#fff}.btn-save:hover{background:#535bf2}.btn-close{background:#ffffff1a;color:#fff;transition:background-color .3s}.btn-close:hover{background:#fff3}.config-editor-container.light .btn-close{background:#0000000d;color:#1a1a1a}.config-editor-container.light .btn-close:hover{background:#0000001a}.btn-customize{background:#535bf2;color:#fff;font-size:.9rem;padding:8px 16px}.btn-customize:hover{background:#646cff}.config-editor-content{flex:1;display:flex;overflow:hidden}.config-editor-panel{width:50%;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden;transition:border-color .3s}.config-editor-container.light .config-editor-panel{border-right-color:#0000001a}.config-preview-panel{width:50%;min-width:600px;display:flex;flex-direction:column;background:#0f0f0f;transition:background-color .3s;overflow:hidden}.config-editor-container.light .config-preview-panel{background:#fafafa}.preset-selector{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:15px}.preset-selector label{color:#fff;font-weight:600;transition:color .3s}.config-editor-container.light .preset-selector label{color:#1a1a1a}.preset-selector select{flex:1;padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.9rem;transition:background-color .3s,border-color .3s,color .3s}.config-editor-container.light .preset-selector select{background:#0000000d;border-color:#0000001a;color:#1a1a1a}.custom-badge{padding:6px 12px;background:#646cff;color:#fff;border-radius:4px;font-size:.85rem;font-weight:600}.config-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto;transition:border-color .3s}.config-editor-container.light .config-tabs{border-bottom-color:#0000001a}.config-tabs button{padding:12px 20px;background:transparent;border:none;color:#fff9;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}.config-tabs button:hover{color:#fff;background:#ffffff0d}.config-tabs button.active{color:#646cff;border-bottom-color:#646cff}.config-editor-container.light .config-tabs button{color:#0009}.config-editor-container.light .config-tabs button:hover{color:#1a1a1a;background:#0000000d}.config-editor-container.light .config-tabs button.active{color:#646cff;border-bottom-color:#646cff}.config-tab-content{flex:1;overflow-y:auto;padding:20px}.tab-content{display:flex;flex-direction:column;gap:20px;color:#fff;transition:color .3s}.config-editor-container.light .tab-content{color:#1a1a1a}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{color:#fff;font-size:.9rem;font-weight:500;transition:color .3s}.config-editor-container.light .control-group label{color:#1a1a1a}.slider{width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;-webkit-appearance:none;transition:background-color .3s}.config-editor-container.light .slider{background:#0000001a}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#646cff;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0003}.config-editor-container.light .slider::-webkit-slider-thumb{border-color:#fff;box-shadow:0 2px 4px #0000004d}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#646cff;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0003}.config-editor-container.light .slider::-moz-range-thumb{border-color:#fff;box-shadow:0 2px 4px #0000004d}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.switch-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%}.switch-wrapper{position:relative;display:inline-block;width:50px;height:26px}.switch-input{opacity:0;width:0;height:0;position:absolute}.switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#fff3;transition:.3s;border-radius:26px}.switch-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.switch-input:checked+.switch-slider{background-color:#646cff}.switch-input:checked+.switch-slider:before{transform:translate(24px)}.switch-input:disabled+.switch-slider{opacity:.5;cursor:not-allowed}.config-editor-container.light .switch-slider{background-color:#0003}.config-editor-container.light .switch-input:checked+.switch-slider{background-color:#646cff}.control-group select{padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.9rem;transition:background-color .3s,border-color .3s,color .3s}.config-editor-container.light .control-group select{background:#0000000d;border-color:#0000001a;color:#1a1a1a}.text-input{padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.9rem;width:100%;transition:background-color .3s,border-color .3s,color .3s}.config-editor-container.light .text-input{background:#0000000d;border-color:#0000001a;color:#1a1a1a}.color-input-group{display:flex;gap:10px;align-items:center}.color-input{width:60px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;transition:border-color .2s}.color-input:hover{border-color:#646cff80}.color-input-group .text-input{flex:1;font-family:Courier New,monospace;font-size:.85rem}.effects-checkboxes{display:flex;flex-direction:column;gap:12px;padding:15px;background:#ffffff0d;border-radius:8px;transition:background-color .3s}.config-editor-container.light .effects-checkboxes{background:#0000000d}.preview-label{padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font-weight:600;font-size:.9rem;transition:border-color .3s,color .3s}.config-editor-container.light .preview-label{border-bottom-color:#0000001a;color:#1a1a1a}.preview-container{flex:1;overflow:hidden;display:flex;align-items:stretch;justify-content:stretch;padding:0;position:relative;width:100%;height:100%;min-height:0}.preview-placeholder{color:#ffffff80;text-align:center}.preview-badge{margin-left:10px;padding:4px 8px;background:#646cff;color:#fff;border-radius:4px;font-size:.75rem;font-weight:600}.preview-player-wrapper.app-blur-background{position:relative;overflow:hidden;background-color:transparent!important}.preview-player-wrapper.app-blur-background:before{content:"";position:absolute;top:-10%;left:-10%;width:120%;height:120%;z-index:0;background-image:var(--app-bg-image-blur, none);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(var(--app-bg-blur-amount, 30px)) brightness(var(--app-bg-blur-brightness, .6));-webkit-filter:blur(var(--app-bg-blur-amount, 30px)) brightness(var(--app-bg-blur-brightness, .6))}.preview-player-wrapper.app-blur-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:rgba(0,0,0,var(--app-bg-blur-overlay, .3))}.preview-player-wrapper.app-blur-background>*{position:relative;z-index:1}.preview-player-wrapper{width:100%;height:100%;min-height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:auto;padding:20px;box-sizing:border-box}.preview-player-wrapper.app-blur-background{overflow:hidden}.preview-player-wrapper .layout-horizontal{max-width:100%;width:100%}.preview-player-wrapper .music-player-wrapper{width:100%;height:100%;min-height:100%;padding:10px;box-sizing:border-box;min-height:100%!important;height:100%!important}.preview-player-wrapper .music-player-container{max-width:100%;width:100%}.preview-player-wrapper .layout-horizontal .music-player-container{max-width:100%;width:100%;display:flex;flex-direction:row;gap:20px;padding:20px}.preview-player-wrapper .layout-horizontal-left,.preview-player-wrapper .layout-horizontal-right{flex:1;min-width:0}.config-tab-content::-webkit-scrollbar,.preview-container::-webkit-scrollbar{width:8px}.config-tab-content::-webkit-scrollbar-track,.preview-container::-webkit-scrollbar-track{background:#ffffff0d;transition:background-color .3s}.config-editor-container.light .config-tab-content::-webkit-scrollbar-track,.config-editor-container.light .preview-container::-webkit-scrollbar-track{background:#0000000d}.config-tab-content::-webkit-scrollbar-thumb,.preview-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px;transition:background-color .3s}.config-editor-container.light .config-tab-content::-webkit-scrollbar-thumb,.config-editor-container.light .preview-container::-webkit-scrollbar-thumb{background:#0003}.config-tab-content::-webkit-scrollbar-thumb:hover,.preview-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.config-editor-container.light .config-tab-content::-webkit-scrollbar-thumb:hover,.config-editor-container.light .preview-container::-webkit-scrollbar-thumb:hover{background:#0000004d}.config-editor-container.light .tab-content h3{color:#1a1a1a}.config-editor-container.light input[type=file]{background:#0000000d!important;border-color:#0000001a!important;color:#1a1a1a!important}.config-editor-container.light input[type=file]::file-selector-button{background:#0000001a;border:1px solid rgba(0,0,0,.2);color:#1a1a1a;padding:6px 12px;border-radius:4px;cursor:pointer;margin-right:10px}.config-editor-container.light input[type=file]::file-selector-button:hover{background:#00000026}
