.remote.svelte-8e6i5b{font-family:system-ui,sans-serif;background:#0f172a;color:#cbd5e1;min-height:100vh;margin:0;padding:1rem 1.25rem;box-sizing:border-box}h1.svelte-8e6i5b{color:#3b82f6;font-size:1.4rem;margin:0 0 .25rem}.hint.svelte-8e6i5b{font-size:.85rem;color:#94a3b8;margin:0 0 1rem;max-width:40ch}.control-group{display:flex;flex-direction:column;gap:3px;margin:6px 0;font-size:.9rem}.control-row{display:flex;gap:1rem;flex-wrap:wrap}hr{border:1px solid #334155;margin:10px 0}.remote-playback.svelte-8e6i5b{display:flex;flex-direction:column;gap:6px;width:100%}.remote-playback.svelte-8e6i5b #playbackBarMount{width:100%;display:flex;align-items:center;gap:14px}.remote-playback.svelte-8e6i5b #playbackBarMount #timeSlider{flex:1 1 auto;min-width:0;width:100%}.control-group input[type=range]{width:100%}.remote-keys.svelte-8e6i5b{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}.key-btn.svelte-8e6i5b{background:#1e293b;color:#cbd5e1;border:1px solid #334155;border-radius:6px;padding:8px 14px;font-size:1.1rem;cursor:pointer;min-width:40px;text-align:center}.key-btn.svelte-8e6i5b:hover{background:#334155;color:#f8fafc}.key-btn.svelte-8e6i5b:active{background:#3b82f6;color:#fff}.play-btn.svelte-8e6i5b{background:#1e3a5f;border-color:#3b82f6}