.compact-drone-control.svelte-1n6ieth{display:flex;align-items:center;gap:var(--space-xs)}.tonic-selector.svelte-1n6ieth{position:relative}.tonic-button.svelte-1n6ieth{display:flex;align-items:center;justify-content:center;min-width:36px;height:32px;padding:0 var(--space-sm);border:1px solid var(--border-secondary);border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.tonic-button.svelte-1n6ieth:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary)}.tonic-label.svelte-1n6ieth{-webkit-user-select:none;user-select:none}.tonic-dropdown.svelte-1n6ieth{position:absolute;top:calc(100% + 4px);left:0;z-index:100;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:var(--space-xs);background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a;min-width:120px}.tonic-dropdown.dropdown-up.svelte-1n6ieth{top:auto;bottom:calc(100% + 4px);box-shadow:0 -4px 6px -1px #0000001a}.tonic-option.svelte-1n6ieth{display:flex;align-items:center;justify-content:center;padding:var(--space-xs);border:none;border-radius:var(--radius-sm);background-color:var(--bg-secondary);color:var(--text-primary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:28px}.tonic-option.svelte-1n6ieth:hover{background-color:var(--bg-tertiary);transform:scale(1.05)}.tonic-option.selected.svelte-1n6ieth{background-color:var(--accent-primary);color:#fff}.minor-third-toggle.svelte-1n6ieth{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--space-xs);border:1px solid var(--border-secondary);border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.minor-third-toggle.svelte-1n6ieth:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary);transform:scale(1.05)}.minor-third-toggle.active.svelte-1n6ieth{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.drone-toggle.svelte-1n6ieth{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.drone-toggle.svelte-1n6ieth:hover{background-color:var(--accent-primary);color:#fff;transform:scale(1.05)}.drone-toggle.playing.svelte-1n6ieth{background-color:#dc2626;color:#fff}.drone-toggle.playing.svelte-1n6ieth:hover{background-color:#b91c1c}@media (max-width: 480px){.tonic-dropdown.svelte-1n6ieth{grid-template-columns:repeat(4,1fr);min-width:160px}}.lock-container.svelte-177caf6{display:flex;flex:1;align-items:center;justify-content:center;height:100%}.lock-icon-circle.svelte-177caf6{display:flex;align-items:center;justify-content:center;width:125px;height:125px;border-radius:50%;border:3px solid var(--border-secondary);background-color:var(--bg-primary);color:var(--text-muted);opacity:.6;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;cursor:pointer;font-family:inherit}.lock-icon-circle.svelte-177caf6:hover{opacity:.8;border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.lock-icon-circle.svelte-177caf6:focus{outline:none;box-shadow:0 0 0 3px #673ab74d}