#emulator-btn { flex: none; display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; border: 1px solid var(--outline-variant); border-radius: 24px; background: var(--surface-container); color: var(--on-surface); font: inherit; font-size: 13px; cursor: pointer; }
#emulator-btn.emulator-on { background: var(--primary); color: var(--on-primary); border-color: var(--primary); }
#emulator-btn:disabled { opacity: .6; cursor: wait; }
.emulator-dock { position: fixed; right: 20px; bottom: max(20px, env(safe-area-inset-bottom)); z-index: 6; width: 250px; max-width: calc(100vw - 32px); padding: 14px; border: 1px solid var(--outline-variant); border-radius: 24px; background: var(--surface); box-shadow: 0 6px 28px #0003; display: grid; justify-items: center; gap: 8px; }
.emulator-dock[hidden] { display: none; }
.emulator-dock p { margin: 0; text-align: center; }
.emulator-ring { position: relative; width: 112px; height: 112px; }
@media(max-width: 760px) { .emulator-dock { bottom: calc(90px + env(safe-area-inset-bottom)); right: 12px; width: 190px; padding: 10px; } .emulator-ring { width: 80px; height: 80px; } #emulator-btn { padding: 8px; gap: 4px; } }