add fullscreen visualizer (#1546)

src/renderer/features/player/components/full-screen-visualizer.module.css

@@ -0,0 +1,66 @@
+.container {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 200;
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background: var(--theme-colors-background);
+}
+
+.controls-container {
+    z-index: 201;
+    background: rgb(var(--theme-colors-background-transparent), 80%);
+}
+
+.visualizer-container {
+    position: relative;
+    flex: 1;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+}
+
+.song-info-backdrop {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 50;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    background: rgb(0 0 0 / 60%);
+}
+
+.song-info-overlay {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: 51;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    max-width: 60%;
+    padding: var(--theme-spacing-lg);
+    color: var(--theme-colors-foreground);
+    text-align: center;
+    text-shadow: 0 2px 8px rgb(0 0 0 / 50%);
+    pointer-events: none;
+    transform: translate(-50%, -50%);
+}
+
+.song-info-title {
+    font-size: clamp(2rem, 8vw, 6rem);
+    line-height: 1.2;
+    color: #ddd;
+}
+
+.song-info-artist {
+    font-size: clamp(1.25rem, 5vw, 3.5rem);
+    line-height: 1.3;
+    color: #ddd;
+}