@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650&family=Fraunces:wght@400;500&display=swap');
:root{--paper:#f5f3ec;--surface:#fdfcf8;--ink:#302f29;--muted:#747367;--line:#deded3;--accent:#a94f37;--accent-soft:#f2e5dc;--sage:#718473;--sage-soft:#e6ebe1;--font:'DM Sans','Trebuchet MS',sans-serif;--display:'Fraunces',Georgia,serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:13px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}button,a,select{touch-action:manipulation}button,a,input,select{-webkit-tap-highlight-color:transparent}svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{max-width:1280px;margin:auto;min-height:60px;padding:0 28px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;margin-right:auto}.brand>svg{width:24px;height:29px;color:var(--accent);stroke-width:1.3}.brand circle{fill:var(--accent);stroke:var(--paper)}.brand>span{font-size:19px;font-weight:650;letter-spacing:-.6px}.brand-light{font-weight:400}.site-header nav{display:flex;gap:25px;height:60px}.nav-link{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}.nav-link.active{color:var(--accent);border-color:var(--accent)}.count{min-width:18px;text-align:center;font-size:10px;background:#e8e7dd;border-radius:3px;padding:0 4px}.guide-button{border:1px solid #b8b7ab;border-radius:50%;width:23px;height:23px;color:var(--muted);font-family:Georgia,serif}.guide-button:hover{color:var(--accent)}main{max-width:1280px;margin:0 auto;padding:20px 28px 24px}h1,h2{margin:0;font-family:var(--display);font-weight:400;line-height:1.15}.chord-strip{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:12px 24px;align-items:center;margin-bottom:18px}.identity-line{display:flex;align-items:center;gap:12px}.chord-identity h1{font-size:36px;letter-spacing:-1.1px;overflow-wrap:anywhere}.chord-identity h1.long-symbol{font-size:27px}.chord-identity h1.unknown-symbol{font-size:26px}.chord-identity p{font-size:12px;color:var(--muted);margin:5px 0 0;max-width:500px}.status-badge{font-size:9px;background:var(--sage-soft);color:#5c6f56;border-radius:3px;padding:2px 6px;white-space:nowrap}.status-badge.unknown{color:#925634;background:var(--accent-soft)}.main-controls{display:flex;align-items:center;gap:10px}.transpose-controls{display:flex;align-items:center;gap:7px;margin-right:10px}.round-button{border:1px solid #cfd0c4;border-radius:50%;height:32px;width:32px;display:inline-flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0}.round-button:hover{background:var(--sage-soft)}.transpose-value{width:42px;display:flex;flex-direction:column;align-items:center}.transpose-value strong{font-size:22px;font-family:var(--display);font-weight:400;line-height:1}.transpose-value>span{font-size:7px;color:var(--muted);white-space:nowrap;margin-top:2px}.transpose-controls select{width:88px;margin-left:3px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;font-size:11px;font-weight:500;border-radius:4px;white-space:nowrap}.primary-button{background:var(--accent);color:#fbf6ef}.primary-button:hover:not(:disabled){background:#93432e}.secondary-button{border:1px solid #cccec0}.secondary-button:hover{background:var(--sage-soft)}select{border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);padding:7px 8px;font-size:11px;max-width:100%}.tone-row{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tone-list{display:flex;gap:5px;flex-wrap:wrap}.tone{display:inline-flex;gap:7px;align-items:center;padding:3px 8px;background:var(--sage-soft);border-radius:3px}.tone.root{background:var(--accent-soft);color:var(--accent)}.tone strong{font-size:11px;font-weight:500}.tone small{font-size:9px;color:var(--muted)}.tone.root small{color:var(--accent)}.small-note{font-size:10px;color:var(--accent)}.alternatives{margin-left:auto}.alternatives select{font-size:10px;padding:4px 7px;max-width:240px}.instrument-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0 12px}.instrument-toolbar{display:flex;gap:14px;align-items:center;margin-bottom:15px}.instrument-tabs{display:flex;gap:2px;background:#e9e9df;padding:3px;border-radius:5px;flex-shrink:0}.instrument-tab{padding:6px 13px;font-size:11px;border-radius:3px;color:var(--muted)}.instrument-tab.active{background:var(--surface);color:var(--ink)}.guitar-controls{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.guitar-controls>select{width:280px;min-width:0}.range-field{flex-shrink:0}.range-field select{width:116px}.selection-count{font-size:11px;color:var(--accent);font-weight:600;white-space:nowrap;margin-left:auto}.selection-count span{font-size:10px;font-weight:400;color:var(--muted)}.text-button{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);padding:5px 0;white-space:nowrap}.text-button:hover{color:var(--accent)}.fretboard-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#b8b5a7 transparent}.fretboard{min-width:620px;display:grid;grid-template-columns:32px 29px 37px repeat(var(--frets),minmax(40px,1fr));grid-template-rows:20px repeat(6,30px) 19px;padding-bottom:2px}.fret-label{font-size:9px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.fret-label.octave{color:var(--accent);font-weight:600}.string-label{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--muted)}.string-label small{font-size:7px;margin-top:4px}.mute-button{align-self:center;justify-self:center;width:24px;height:25px;font-size:16px;color:#bbb8ac}.mute-button.muted{color:var(--ink)}.fret-cell{position:relative;isolation:isolate;height:30px;display:flex;align-items:center;justify-content:center;padding:0;background:#ede6d3;border-right:2px solid #bab5a6}.fret-cell:before{content:'';position:absolute;left:0;right:0;top:50%;height:var(--string-size);background:linear-gradient(#b4ada1,#e5dfd4,#938c82);z-index:-1}.fret-cell:hover{background:#e3d8c1}.fret-cell.open-string{background:var(--paper);border-right:4px solid #a6a094}.fret-cell.open-string:before{background:none}.fret-note{display:flex;align-items:center;justify-content:center;border-radius:50%;height:24px;width:24px;font-size:9px;line-height:1;color:#8a8679}.fret-cell:not(.selected):not(.open-string) .fret-note{opacity:0}.show-all-notes .fret-cell:not(.selected) .fret-note,.fret-cell:hover .fret-note,.fret-cell:focus-visible .fret-note{opacity:1!important}.fret-cell.selected .fret-note{background:var(--sage);color:var(--surface);font-weight:600}.fret-cell.selected.is-root .fret-note{background:var(--accent)}.fret-marker{display:flex;align-items:center;justify-content:center;gap:4px}.fret-marker span{width:4px;height:4px;border-radius:50%;background:#a19e8e}.board-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px}.legend{display:flex;gap:14px;font-size:9px;color:var(--muted)}.legend>span{display:flex;align-items:center;gap:5px}.legend i,.sync-badge i{height:6px;width:6px;border-radius:50%}.root-dot{background:var(--accent)}.tone-dot,.sync-badge i{background:var(--sage)}.switch{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}.switch input{position:absolute;opacity:0;width:26px;height:15px}.switch-track{display:block;width:26px;height:15px;border-radius:20px;background:#d9d9cd;position:relative}.switch-track:after{content:'';position:absolute;width:11px;height:11px;top:2px;left:2px;background:var(--surface);border-radius:50%;transition:transform .15s}.switch input:checked+.switch-track{background:var(--sage)}.switch input:checked+.switch-track:after{transform:translateX(11px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:3px}.piano-panel{margin-top:16px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.section-heading h2{font-family:var(--font);font-size:13px;font-weight:500;display:flex;align-items:center;gap:9px}.sync-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:var(--muted);font-weight:400}.piano-scroll{overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:#b8b5a7 transparent}.piano{height:112px;position:relative;min-width:680px;display:flex;border:1px solid #c6c3b6;border-radius:4px;background:#bbb8aa;padding:4px 4px 3px;gap:1px;overflow:hidden}.piano-key{position:relative;border-radius:0 0 3px 3px;padding:0;display:flex;align-items:center;justify-content:flex-end;flex-direction:column}.piano-key.white{background:linear-gradient(#fbfaf6,#f7f6ed);flex:1;height:100%;box-shadow:0 2px 0 #d8d5c9}.piano-key.black{background:linear-gradient(90deg,#3b3b35,#4a4a43,#32322e);position:absolute;top:4px;height:67px;z-index:2;box-shadow:0 2px 0 #22241f}.piano-key.white:hover{background:#e7eadd}.piano-key.black:hover{background:#575e52}.piano-key>span{font-size:8px;color:#858275;line-height:1;padding-bottom:10px}.piano-key.black>span{color:#c9c8bd;font-size:7px;padding-bottom:8px}.piano-key.selected.white{background:#d4dfcc}.piano-key.selected.black{background:#6c8169}.piano-key.selected.is-root.white{background:#ead0bd}.piano-key.selected.is-root.black{background:var(--accent)}.piano-key.selected:before{content:'';width:6px;height:6px;position:absolute;border-radius:50%;background:var(--sage);bottom:29px}.piano-key.selected.is-root:before{background:var(--accent)}.piano-key.selected.black:before{background:#f3eee1;bottom:22px}.piano-key.selected>span{font-weight:600;color:var(--ink)}.piano-key.selected.black>span{color:var(--surface)}.piano-key small{font-size:6px;position:absolute;bottom:2px;color:var(--muted)}.piano-key .doubling{position:absolute;top:7px;left:50%;transform:translateX(-50%);font-size:8px;color:var(--accent);padding:0}.piano-key.black .doubling{color:var(--surface)}.piano-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:8px;padding-top:4px}.advanced-options{border-top:1px solid var(--line);margin-top:14px;padding-top:10px;display:flex;align-items:start;gap:30px;font-size:10px;color:var(--muted)}.advanced-options>details{flex:1}.advanced-options summary{cursor:pointer}.details-content{padding:12px 0;display:flex;gap:18px;flex-wrap:wrap}.bass-detail strong{font-weight:500;color:var(--ink)}.bass-detail strong span{color:var(--muted)}.theory-settings label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;max-width:320px}.theory-settings label.check-label{justify-content:flex-start}.theory-settings select{padding:5px 7px}.check-label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}input[type=checkbox]{accent-color:var(--accent)}.custom-tuning{margin:0 0 14px}.custom-tuning>div{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.custom-tuning label{font-size:9px;display:flex;flex-direction:column;gap:4px;color:var(--muted)}.custom-tuning select{width:100%}.mapping-message{font-size:11px;color:var(--accent);margin:5px 0;max-width:600px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 20px}.library-heading h1{font-size:30px}.library-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:13px 0;margin-bottom:20px;gap:12px}.library-toolbar>div{display:flex;align-items:center;gap:20px}.library-toolbar .check-label{font-size:11px}#library-count{font-size:10px;color:var(--muted)}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.saved-card{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:17px;position:relative}.saved-card.is-checked{border-color:var(--accent)}.saved-card-header{display:flex;justify-content:space-between;align-items:start;gap:12px}.eyebrow{font-size:8px;letter-spacing:1px;color:var(--muted)}.saved-card h2{font-size:29px;margin:8px 0 3px;overflow-wrap:anywhere}.saved-title-input{border:0;background:none;max-width:calc(100% - 20px);width:100%;font-size:12px;color:var(--muted);padding:4px 0;border-bottom:1px solid transparent}.saved-title-input:focus{outline:0;border-color:var(--accent);color:var(--ink)}.tuning-caption{font-size:9px;color:var(--muted);margin:9px 0 0}.card-diagrams{display:flex;gap:15px;align-items:center;margin-top:14px}.mini-guitar{width:80px;height:100px;flex-shrink:0;stroke-width:1;overflow:visible}.mini-guitar text{font-family:var(--font);font-size:7px;stroke:none;fill:var(--muted)}.mini-guitar circle{stroke:none;fill:var(--sage)}.mini-guitar circle.root{fill:var(--accent)}.saved-tones{display:flex;flex-wrap:wrap;gap:4px;font-size:10px}.saved-tones span{padding:3px 5px;background:var(--sage-soft);border-radius:3px}.saved-midi{font-size:9px;color:var(--muted);margin-top:7px;line-height:1.7}.saved-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:14px;padding-top:11px}.saved-actions button{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px}.saved-actions button:hover,.saved-actions .load-chord{color:var(--accent)}.saved-actions svg{width:14px;height:14px}.library-empty{display:flex;align-items:center;flex-direction:column;text-align:center;padding:55px 20px;gap:25px}.library-empty h2{font-size:23px}.library-note{color:var(--muted);font-size:9px;margin:25px 0}.guide-dialog{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);width:min(560px,calc(100% - 32px));max-height:85dvh;padding:25px;box-shadow:0 15px 70px #302f2930}.guide-dialog::backdrop{background:#302f2950}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.guide-dialog h2{font-size:28px}.guide-dialog ul{padding-left:18px;font-size:12px;color:var(--muted);line-height:1.8}.guide-dialog li{padding-bottom:10px}.guide-dialog strong{color:var(--ink);font-weight:500}.guide-dialog p{font-size:10px;color:var(--muted);line-height:1.7}.sources a{text-decoration:underline;text-underline-offset:3px}.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:#343b30;color:#faf8f0;padding:11px 18px;border-radius:5px;box-shadow:0 6px 25px #302f2920;z-index:10;font-size:12px;max-width:calc(100% - 30px);width:max-content}.toast.error{background:#94482f}
@media(max-width:1000px){.main-controls{gap:7px}.transpose-controls{margin-right:2px;gap:5px}.transpose-controls select{width:77px}.secondary-button>span{display:none}.secondary-button{padding:8px 10px}.guitar-controls>select{width:240px}.instrument-toolbar{gap:10px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.site-header{padding:0 20px;min-height:52px;gap:20px}.site-header nav{height:52px;gap:20px}main{padding:15px 20px 20px}.chord-strip{gap:10px 16px}.chord-identity h1{font-size:32px}.status-badge{display:none}.chord-identity p{font-size:11px}.transpose-controls select{width:72px;font-size:10px}.round-button{width:29px;height:29px}.transpose-value{width:36px}.primary-button{padding:8px 10px;font-size:10px}.primary-button svg{width:14px;height:14px}.instrument-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:12px}.guitar-controls{order:4;flex-basis:100%}.guitar-controls>select{flex:1;width:auto;max-width:400px}.selection-count{margin-left:auto}.fretboard{grid-template-rows:19px repeat(6,29px) 18px}.fret-cell{height:29px}.advanced-options{gap:20px}.piano-panel{margin-top:13px}.piano{height:101px}.piano-key.black{height:60px}.piano-footer{font-size:7px}.library-toolbar{flex-wrap:wrap}.library-grid{gap:14px}}
@media(max-width:580px){.site-header{padding:0 14px;gap:14px}.brand{gap:6px}.brand>span{font-size:16px}.brand>svg{width:21px;height:26px}.site-header nav{gap:14px}.nav-link{font-size:11px}.guide-button{height:21px;width:21px;font-size:12px}main{padding:12px 14px 18px}.chord-strip{grid-template-columns:1fr;margin-bottom:12px;gap:10px}.chord-identity h1{font-size:31px}.chord-identity p{font-size:11px;line-height:1.4}.main-controls{justify-content:space-between;gap:6px;flex-wrap:nowrap}.transpose-controls{margin-right:auto;gap:4px}.transpose-controls select{width:70px;margin-left:4px}.transpose-value{width:30px}.round-button{width:28px;height:28px}.transpose-value strong{font-size:20px}.transpose-value>span{font-size:6px}.primary-button{font-size:10px;padding:8px 9px;gap:5px;min-height:34px}.secondary-button{min-height:34px;padding:7px}.secondary-button svg{width:15px;height:15px}.tone-row{gap:7px}.tone{padding:2px 6px;gap:5px}.tone strong{font-size:10px}.tone small{font-size:8px}.alternatives{margin-left:0}.alternatives select{max-width:180px}.instrument-panel{padding-top:11px;padding-bottom:10px}.instrument-tab{padding:5px 12px}.instrument-toolbar{gap:8px;margin-bottom:10px}.selection-count{font-size:10px}.selection-count span{font-size:9px}.text-button{font-size:10px}.text-button svg{width:14px;height:14px}.guitar-controls{gap:8px}.guitar-controls select{font-size:10px;padding:6px}.range-field select{width:104px}.fretboard{min-width:590px;grid-template-columns:26px 24px 32px repeat(var(--frets),minmax(40px,1fr))}.board-footer{gap:8px;margin-top:5px}.legend{font-size:8px;gap:9px}.switch{font-size:8px;gap:5px}.switch-track{width:24px;height:14px}.switch-track:after{height:10px;width:10px}.switch input:checked+.switch-track:after{transform:translateX(10px)}.section-heading{margin-bottom:8px}.section-heading h2{font-size:12px}.sync-badge{font-size:8px}.piano{height:90px}.piano-key.black{height:53px}.piano-key>span{padding-bottom:8px}.piano-key.selected:before{bottom:24px}.piano-key.black>span{padding-bottom:6px}.piano-key.selected.black:before{bottom:19px}.advanced-options{font-size:9px;margin-top:10px;padding-top:8px;gap:16px}.theory-settings label{flex-wrap:wrap;gap:5px}.theory-settings label.check-label{flex-wrap:nowrap;align-items:start}.library-grid{grid-template-columns:1fr}.library-heading{margin-bottom:15px;gap:12px}.library-heading h1{font-size:26px}.library-toolbar>div{gap:16px}.library-toolbar .check-label,.library-toolbar .text-button{font-size:10px}.custom-tuning>div{grid-template-columns:repeat(3,1fr);gap:7px}.guide-dialog{padding:20px}.guide-dialog ul{font-size:11px}}
@media(max-width:360px){.brand>span{font-size:14px}.site-header{gap:11px}.site-header nav{gap:10px}.primary-button svg{display:none}.transpose-controls select{width:60px}.transpose-controls{gap:3px}.tone-row{gap:5px}.text-button>span{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:580px){main{padding-bottom:6px}.advanced-options{margin-top:6px}}

/* Carnet compact : diagrammes dominants, détails à la demande. */
.library-heading{margin:0 0 8px}
.library-heading h1{font-size:24px}
.library-toolbar{padding:6px 0;margin-bottom:10px}
.library-note{display:none}
.library-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;align-items:start}
.saved-card{padding:10px;cursor:grab;min-width:0}
.saved-card-header{gap:6px;align-items:center}
.saved-card h2{font-size:24px;margin:0;min-width:0}
.card-tools{display:flex;align-items:center;gap:4px;flex-shrink:0}
.card-tools>label{display:flex;align-items:center;min-height:24px}
.card-tools input{margin:0;width:13px;height:13px}
.drag-handle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:grab;touch-action:none;color:var(--muted);padding:3px}
.drag-handle:hover{color:var(--accent);background:var(--accent-soft);border-radius:3px}
.drag-handle svg{width:15px;height:15px;fill:currentColor;stroke:none}
.saved-title-input{font-size:10px;padding:2px 0;max-width:100%;cursor:text}
.card-diagrams{display:flex;justify-content:center;align-items:center;margin:4px 0;gap:0}
.mini-guitar{width:156px;max-width:100%;height:auto;flex-shrink:0;overflow:visible}
.mini-guitar .diagram-string{stroke:#74766b;stroke-width:1.4}
.mini-guitar .diagram-fret{stroke:#a4a698;stroke-width:1.2}
.mini-guitar .diagram-nut{stroke:var(--ink);stroke-width:4}
.mini-guitar text{font-size:12px;fill:var(--ink)}
.mini-guitar .fret-number{font-size:11px;fill:var(--muted)}
.mini-guitar .string-mute{font-size:18px;fill:var(--ink)}
.mini-guitar .string-position{font-size:13px;font-weight:500}
.mini-guitar circle.open-string{fill:none;stroke:var(--sage);stroke-width:2}
.mini-guitar circle.open-string.root{fill:none;stroke:var(--accent)}
.saved-details{border-top:1px solid var(--line);padding-top:4px;font-size:9px;color:var(--muted);cursor:default}
.saved-details summary{cursor:pointer}
.saved-details .tuning-caption{margin:6px 0;font-size:9px}
.saved-tones{gap:4px}
.saved-tones span{font-size:9px;padding:2px 5px}
.saved-midi{margin:6px 0 0;font-size:9px}
.saved-actions{margin-top:4px;padding-top:4px}
.saved-actions button{min-height:24px;min-width:24px;cursor:pointer}
.saved-actions .load-chord{margin-right:auto}
.saved-actions svg{width:13px;height:13px}
.saved-card.is-dragging{opacity:.3}
.saved-card.drop-target{border-color:var(--accent);outline:2px dashed var(--accent);outline-offset:2px;background:var(--accent-soft)}
.sorting-chords,.sorting-chords *{cursor:grabbing!important;user-select:none!important}
.drag-ghost{position:fixed;left:0;top:0;z-index:20;pointer-events:none;opacity:.95;box-shadow:0 12px 30px #302f2930;border-color:var(--accent);will-change:transform}
.drag-ghost .saved-title-input{pointer-events:none}
@media(max-width:580px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.saved-card{padding:10px}.saved-card h2{font-size:20px}.mini-guitar{width:152px}.card-diagrams{margin:6px 0}.saved-title-input{font-size:9px}.saved-actions button{font-size:9px}.card-tools{gap:2px}}
@media(max-width:330px){.library-grid{grid-template-columns:1fr}.mini-guitar{width:176px}}