.visualizer-container[data-v-d8398ebb]{position:fixed;inset:0;overflow:hidden}.viz-mount[data-v-d8398ebb]{position:absolute;inset:0}.upload-overlay[data-v-d8398ebb]{z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.upload-box[data-v-d8398ebb]{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00ff4108;border:1.5px dashed #00ff4166;border-radius:20px;flex-direction:column;align-items:center;gap:14px;padding:48px 56px;transition:border-color .2s,background .2s;display:flex}.upload-box[data-v-d8398ebb]:hover{background:#00ff410f;border-color:#00ff41cc}.upload-title[data-v-d8398ebb]{color:#00ff41;letter-spacing:.04em;margin:0;font-family:Segoe UI,sans-serif;font-size:1.1rem;font-weight:600}.upload-sub[data-v-d8398ebb]{color:#00ff4180;letter-spacing:.06em;margin:0;font-family:Segoe UI,sans-serif;font-size:.8rem}.controls[data-v-d8398ebb]{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0009;border:1px solid #00ff4133;border-radius:50px;align-items:center;gap:16px;width:50vw;min-width:360px;max-width:560px;padding:12px 24px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.btn-play[data-v-d8398ebb],.btn-eject[data-v-d8398ebb]{cursor:pointer;background:0 0;border:1.5px solid #00ff4159;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:border-color .2s,background .2s;display:flex}.btn-play[data-v-d8398ebb]:hover,.btn-eject[data-v-d8398ebb]:hover{background:#00ff4114;border-color:#00ff41}.track-info[data-v-d8398ebb]{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.track-name[data-v-d8398ebb]{color:#00ff41;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;font-family:Segoe UI,sans-serif;font-size:.78rem;font-weight:600;overflow:hidden}.progress-bar[data-v-d8398ebb]{cursor:pointer;background:#00ff4126;border-radius:2px;height:3px}.progress-fill[data-v-d8398ebb]{background:#00ff41;border-radius:2px;height:100%;transition:width .1s linear;box-shadow:0 0 6px #00ff41}.time-row[data-v-d8398ebb]{color:#00ff4173;justify-content:space-between;font-family:Segoe UI Mono,monospace;font-size:.68rem;display:flex}.cfg-toggle[data-v-d8398ebb]{cursor:pointer;z-index:200;background:#000c04bf;border:1px solid #00ff4140;border-radius:10px;justify-content:center;align-items:center;width:40px;height:44px;transition:right .3s,background .2s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.cfg-toggle[data-v-d8398ebb]:hover,.cfg-toggle.active[data-v-d8398ebb]{background:#00ff411a;border-color:#00ff4199}.cfg-panel[data-v-d8398ebb]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:150;scrollbar-width:thin;scrollbar-color:#00ff4133 transparent;background:#000802f2;border-left:1px solid #00ff411f;width:280px;height:100%;padding-bottom:32px;transition:right .3s;position:fixed;top:0;right:-290px;overflow-y:auto}.cfg-panel.open[data-v-d8398ebb]{right:0}.cfg-header[data-v-d8398ebb]{color:#00ff41;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #00ff411a;justify-content:space-between;align-items:center;padding:16px 16px 12px;font-family:Segoe UI,sans-serif;font-size:.85rem;font-weight:700;display:flex}.cfg-reset[data-v-d8398ebb]{color:#00ff4180;cursor:pointer;background:0 0;border:1px solid #00ff4133;border-radius:6px;padding:3px 8px;font-size:.7rem;transition:all .2s}.cfg-reset[data-v-d8398ebb]:hover{color:#00ff41;border-color:#00ff4199}.cfg-section[data-v-d8398ebb]{border-bottom:1px solid #00ff410f;padding:12px 16px}.cfg-section-title[data-v-d8398ebb]{color:#00ff4180;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-family:Segoe UI,sans-serif;font-size:.68rem;font-weight:700}.cfg-row[data-v-d8398ebb]{align-items:center;gap:8px;margin-bottom:8px;display:flex}.cfg-label[data-v-d8398ebb]{color:#00ff41bf;flex-shrink:0;min-width:76px;font-family:Segoe UI,sans-serif;font-size:.72rem}.cfg-val[data-v-d8398ebb]{color:#00ff4180;text-align:right;flex-shrink:0;min-width:38px;font-family:Segoe UI Mono,monospace;font-size:.68rem}.cfg-slider[data-v-d8398ebb]{cursor:pointer;accent-color:#00ff41;appearance:none;background:#00ff4126;border-radius:2px;outline:none;flex:1;height:3px}.cfg-slider[data-v-d8398ebb]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#00ff41;border-radius:50%;width:12px;height:12px;box-shadow:0 0 6px #00ff4199}.cfg-slider[data-v-d8398ebb]::-webkit-slider-runnable-track{background:#00ff4126;border-radius:2px;height:3px}.cfg-color-remove[data-v-d8398ebb]{color:#ff505099;cursor:pointer;background:0 0;border:1px solid #ff50504d;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.85rem;transition:all .2s;display:flex}.cfg-color-remove[data-v-d8398ebb]:hover{color:#ff5050;border-color:#ff5050e6}.cfg-color-add[data-v-d8398ebb]{color:#00ff4180;cursor:pointer;background:0 0;border:1px dashed #00ff4140;border-radius:6px;width:100%;padding:4px 0;font-family:Segoe UI,sans-serif;font-size:.7rem;transition:all .2s}.cfg-color-add[data-v-d8398ebb]:hover{color:#00ff41;border-color:#00ff4199}.cfg-color[data-v-d8398ebb]{cursor:pointer;background:0 0;border:1px solid #00ff414d;border-radius:4px;flex-shrink:0;width:32px;height:22px;padding:0}.cfg-color[data-v-d8398ebb]::-webkit-color-swatch-wrapper{padding:2px}.cfg-color[data-v-d8398ebb]::-webkit-color-swatch{border:none;border-radius:3px}.cfg-radio-group[data-v-d8398ebb]{flex-wrap:wrap;flex:1;gap:4px;display:flex}.cfg-radio[data-v-d8398ebb]{cursor:pointer;align-items:center;gap:4px;display:flex}.cfg-radio input[data-v-d8398ebb]{accent-color:#00ff41;cursor:pointer;margin:0}.cfg-radio span[data-v-d8398ebb]{color:#00ff41bf;font-family:Segoe UI,sans-serif;font-size:.7rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}#app{width:100%;height:100%}