.chord-diagram-container.svelte-hywvpb{display:inline-block;padding:var(--space-lg)}.chord-diagram.svelte-hywvpb{display:flex;gap:var(--space-sm);align-items:flex-start}.fret-numbers.svelte-hywvpb{display:flex;flex-direction:column;margin-top:28px}.fret-number.svelte-hywvpb{height:40px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--text-muted);font-weight:500;padding-right:var(--space-xs)}.diagram-grid.svelte-hywvpb{display:flex;flex-direction:column}.string-indicators.svelte-hywvpb{display:grid;grid-template-columns:repeat(6,30px);height:20px;margin-bottom:var(--space-xs)}.string-indicator.svelte-hywvpb{position:relative;width:30px}.muted-marker.svelte-hywvpb,.open-marker.svelte-hywvpb{position:absolute;left:-7px;top:50%;transform:translateY(-50%);font-size:.875rem;font-weight:700;color:var(--text-secondary)}.spacer.svelte-hywvpb{display:block;height:20px}.fretboard-grid.svelte-hywvpb{display:grid;grid-template-columns:repeat(6,30px);grid-template-rows:repeat(5,40px)}.grid-cell.svelte-hywvpb{position:relative;display:flex;align-items:center;justify-content:center;border-left:2px solid var(--border-secondary);border-top:1px solid var(--border-secondary)}.grid-cell.thick-string.svelte-hywvpb{border-left:3px solid var(--border-secondary)}.grid-cell.first-fret.svelte-hywvpb{border-top:4px solid var(--border-secondary)}.grid-cell.last-string.svelte-hywvpb{border-right:none;border-top:none;border-bottom:none;background-color:transparent}.grid-cell.last-fret.svelte-hywvpb{border-bottom:1px solid var(--border-secondary)}.grid-cell.last-fret.last-string.svelte-hywvpb{border-bottom:none}.note-marker.svelte-hywvpb{position:absolute;width:22px;height:22px;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;z-index:10;line-height:1;left:-11px}.grid-cell.thick-string.svelte-hywvpb .note-marker:where(.svelte-hywvpb){left:-11px}.string-labels.svelte-hywvpb{display:grid;grid-template-columns:repeat(6,30px);margin-top:var(--space-xs)}.string-label.svelte-hywvpb{font-size:.625rem;color:var(--text-muted);font-weight:500;position:relative;left:-15px;text-align:center;width:30px}.chords-page.svelte-1k2ukhd{min-height:100vh;padding:var(--space-lg);max-width:1170px;margin:0 auto}.controls.svelte-1k2ukhd{background:linear-gradient(135deg,#22c55e0d,#a855f70d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-xl);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;position:relative;overflow:hidden}.controls.svelte-1k2ukhd:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.06) 0%,transparent 50%);pointer-events:none;opacity:0;transition:opacity .3s ease}.controls.svelte-1k2ukhd:hover:before{opacity:1}@media (max-width: 768px){.controls.svelte-1k2ukhd{justify-content:flex-start;flex-direction:column;align-items:stretch;gap:16px}.control-group.svelte-1k2ukhd{width:100%}}.control-group.svelte-1k2ukhd{display:flex;align-items:center;gap:8px;flex:0 0 auto}.control-group.svelte-1k2ukhd label:where(.svelte-1k2ukhd){font-weight:600;color:var(--text-primary);min-width:100px;text-align:right}.control-group.svelte-1k2ukhd select:where(.svelte-1k2ukhd){padding:10px 36px 10px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#0000004d;color:#ffffffe6;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23ffffff' stroke-opacity='0.7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.control-group.svelte-1k2ukhd select:where(.svelte-1k2ukhd):hover{background-color:#ffffff0d;border-color:#ffffff4d}.control-group.svelte-1k2ukhd select:where(.svelte-1k2ukhd):focus{outline:none;border-color:#673ab7;box-shadow:0 0 0 3px #22c55e1a,0 1px 2px #0000000d;background-color:#0006}.selected-chord-info.svelte-1k2ukhd{margin-bottom:var(--space-xl)}.no-voicings.svelte-1k2ukhd{color:var(--text-secondary);font-style:italic;text-align:center;padding:var(--space-xl)}.chord-grid.svelte-1k2ukhd{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);margin-bottom:var(--space-xl)}@media (min-width: 1024px){.chord-grid.svelte-1k2ukhd{grid-template-columns:repeat(3,1fr)}}.chord-item.svelte-1k2ukhd{display:flex;flex-direction:column;align-items:center;padding:var(--space-lg);background:var(--surface-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all .2s ease}.chord-item.svelte-1k2ukhd:hover{border-color:var(--primary-color);box-shadow:0 4px 12px var(--shadow-color);transform:translateY(-2px)}.chord-pills.svelte-1k2ukhd{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-md);align-items:center}.pill.svelte-1k2ukhd{display:inline-block;padding:4px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:.75rem;font-weight:500;color:#ffffffe6;white-space:nowrap}.pill.shape-pill.svelte-1k2ukhd{background:#22c55e33;color:#22c55e;border-color:#22c55e66}.pill.inversion-pill.svelte-1k2ukhd{background:#a855f733;color:#a855f7;border-color:#a855f766}.pill.fret-pill.svelte-1k2ukhd{background:#ffffff1a;color:#ffffffe6}.pill.notation-pill.svelte-1k2ukhd{font-family:monospace;letter-spacing:.05em;background:#ffffff0d}.loading-container.svelte-1k2ukhd{display:flex;justify-content:center;align-items:center;min-height:200px;padding:var(--space-xl)}.loading-text.svelte-1k2ukhd{color:var(--text-secondary);font-style:italic}