*,body{margin:0;padding:0}.regenerate,.visualizer,.winamp{border:1px solid #000}.container,.info-display,.left-section,.main-player,.window-controls,body{display:flex}.info-display,.song-display{color:#0f0;font-family:monospace;letter-spacing:1px}#version,#vis-info{font-style:italic;font-weight:800;color:#232735}*{box-sizing:border-box}body{background-color:#222;justify-content:center;align-items:center;min-height:100vh}.container{gap:2px;max-width:850px;align-items:flex-start}.left-section{flex-direction:column;gap:2px;width:275px}.winamp{width:275px;background:#232735;box-shadow:2px 2px 4px rgba(0,0,0,.5);height:auto;margin-bottom:2px}.search-section .winamp-header,.winamp-header{background:linear-gradient(to right,#232735,#4b4e5c);padding:3px 5px;display:flex;justify-content:space-between;align-items:center;height:20px}.winamp-header .title{color:#918d8d;font-family:Arial,sans-serif;font-size:12px;font-weight:thin}.window-controls{gap:4px}.window-controls button{width:9px;height:9px;border:1px solid #000;background:#777}.visualizer{width:76px;height:70px;background:#000}.info-display{justify-content:space-between;padding:3px;font-size:11px}.song-artist,.song-info{display:inline-block;white-space:nowrap;transition:transform 10s linear;position:relative}.player-info,.slider-container{flex:1}.song-display{background:#000;font-size:8px;padding:7px;height:53px}.controls button,.regenerate{width:43px;height:18px;font-size:10px;padding:2px}.regenerate{margin-right:auto;border-radius:2px;color:#000;background:#777;cursor:pointer}.controls button:disabled,.regenerate:disabled{background:#333;cursor:not-allowed;opacity:.8}.controls button:enabled:hover,.fetch-button:hover,.fullscreen-button:hover,.regenerate:hover:not(:disabled){background:#888}.controls button:enabled:active,.regenerate:active:not(:disabled),.slider,.volume{background:#666}.song-artist-container,.song-info-container{white-space:nowrap;overflow:hidden;position:relative;max-width:197px;padding-right:10px}.song-info{font-size:13px}.sliders{padding-left:5px;padding-right:5px;padding-bottom:0;display:flex;gap:10px}.slider{height:10px;border:1px solid #000;width:100%}.slider-label{text-align:center;font-size:9px;color:#fff}.controls{display:flex;padding:0 8px 8px;gap:4px;background:0 0}.controls button{border:1px solid #000;border-radius:2px;color:#000}.controls button:enabled{background:#777;cursor:pointer}.visualizer-window{width:550px;height:600px;background:#000;border:1px solid #000;position:relative}#visualizerCanvas{position:absolute;top:20px;left:0;width:100%;height:calc(100% - 20px)}.hidden{display:none}.fullscreen-button{position:absolute;bottom:20px;right:20px;background:#777;border:1px solid #000;border-radius:2px;color:#000;padding:5px 10px;cursor:pointer;font-size:11px;z-index:2}.visualizer-window.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999}.visualizer-window.fullscreen #visualizerCanvas{width:100vw;height:calc(100vh - 20px)}.search-section{background:#232735;display:flex;flex-flow:column;padding:5px;border:1px solid #000}#jsonUpload,.search-input{flex:1;padding:5px;background:#000;border:1px solid #333;letter-spacing:1px;font-size:12px;font-family:monospace}#jsonUpload{width:100%;margin:auto;color:#666}.search-section .winamp-header .title{color:#fff;font-family:Arial,sans-serif;font-size:12px;font-weight:700}.search-container{display:flex;align-items:center;gap:5px;margin-bottom:5px}.search-input{width:85%;color:#0f0}.fetch-button,.playlist,.playlist-section{border:1px solid #000}.fetch-button{padding:5px 10px;background:#777;color:#000;font-size:10px;cursor:pointer}.playlist{width:275px;height:232px;background:#232735}#playlistItems{padding:7px}.playlist-section{flex:1;width:275px;background:#000;overflow-y:auto;font-family:monospace;font-size:10px;color:#0f0;min-height:377px}.song-image{min-width:76px;min-height:76px;height:76px;width:76px;background:#000;border:1px solid #333;display:flex;justify-content:center;align-items:center;margin-bottom:5px}.song-image img{width:100%;height:100%;object-fit:cover}.playlist-items{list-style:none;margin:0;padding:0}.playlist-items li{display:flex;justify-content:space-between;padding:3px 5px;margin:2px 0;background:#000;border:none;color:#0f0;cursor:pointer;transition:background-color .3s}.slider.balance,.slider.volume{height:5px;border-radius:5px;outline:0;transition:background .3s;appearance:none}.playlist-items li:hover{background:#333}.playlist-items li .track-index{width:30px;text-align:left}.playlist-items li .track-title{flex:1;text-align:left}.playlist-items li .track-time{width:50px;text-align:right}#songDisplay.loading,.playlist-item.playing{color:orange}.slider.volume{background:linear-gradient(to right,orange,#444)}.slider.volume::-webkit-slider-thumb{appearance:none;width:10px;height:10px;background:orange;border-radius:50%;cursor:pointer}.slider.volume::-moz-range-thumb{width:10px;height:10px;background:orange;border-radius:50%;cursor:pointer}.slider.volume:hover{background:linear-gradient(to right,#ff0,#444)}.slider.balance{background:linear-gradient(to right,#444,orange,#444)}.slider.balance::-webkit-slider-thumb{appearance:none;width:10px;height:10px;background:orange;border-radius:50%;cursor:pointer}.slider.balance::-moz-range-thumb{width:10px;height:10px;background:orange;border-radius:50%;cursor:pointer}.slider.balance:hover{background:linear-gradient(to right,#333,#ff0,#333)}#songDisplay{transition:color .3s,opacity .3s;color:#0f0}#songDisplay.error{color:red}#songDisplay.info{color:#0f0}input:disabled{cursor:not-allowed}.disabled{pointer-events:none;opacity:.5}.loading-indicator{display:inline-block;width:16px;height:16px;border:2px solid #fff;border-radius:50%;border-top-color:transparent;animation:.8s linear infinite spin}input[type=file]{background-color:#777;border:1px #000;color:#000;cursor:pointer;padding:5px 10px;font-size:10px}input[type=file]:hover{background-color:#888}input[type=file]::-webkit-file-upload-button{background:#777;color:#000;border:none;cursor:pointer;padding:5px 10px;font-size:10px}input[type=file]::-webkit-file-upload-button:hover{background-color:#888}#version{font-family:monospace;font-size:8px}#vis-info{font-family:monospace;font-size:10px;cursor:pointer}#vis-info:hover{color:#888}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:846px){.playlist-section{min-height:140px;max-height:140px;width:100%}.visualizer-window{width:100%;height:0;padding-bottom:calc(100% - 20px);position:relative;background:#000}.container{flex-direction:column;gap:2px}#visualizerCanvas{position:absolute;top:20px;left:0;width:100%;height:calc(100% - 20px)}}@media (max-width:600px){.left-section,.winamp{width:100%}}