.editors-view{max-width:1500px;margin:auto;padding:10px clamp(14px,3vw,42px) 70px}.editors-shell{border:1px solid #263149;border-radius:20px;background:linear-gradient(150deg,#0e1422,#090d16);padding:clamp(18px,3vw,34px)}.editors-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;border-bottom:1px solid #263149;padding-bottom:24px}.editors-heading h1{font-size:clamp(2.25rem,5vw,4.8rem);line-height:.95;letter-spacing:-.055em;margin:9px 0}.editors-heading p{color:#9faabd;font-size:1rem;margin:0;max-width:720px}.editors-heading>strong{align-self:flex-start;border:1px solid #35e8ff;color:#35e8ff;border-radius:999px;padding:9px 14px;letter-spacing:.12em}.editor-tabs{display:flex;gap:8px;margin:22px 0}.editor-tabs button,.editor-tools button{border:1px solid #2c3851;background:#111827;color:#aeb9ca;border-radius:10px;padding:11px 14px;font:750 .9rem inherit;cursor:pointer}.editor-tabs button.active,.editor-tools button.active{background:#31ddf3;color:#061016;border-color:#31ddf3}.editor-panel{display:grid;grid-template-columns:minmax(260px,320px) 1fr;gap:18px}.editor-controls,.diagram-paper,.print-sheet{border:1px solid #29364f;border-radius:16px;background:#0b111c;padding:20px}.editor-controls{align-self:start;display:grid;gap:16px}.editor-controls label,.editor-controls fieldset{display:grid;gap:7px;color:#aeb9ca;font-size:.88rem;font-weight:800}.editor-controls fieldset{border:0;padding:0;margin:0}.editor-controls input{width:100%;min-height:44px;border:1px solid #32405a;border-radius:9px;background:#151c2a;color:#fff;padding:9px 11px;font:inherit}.editor-tools{display:flex;flex-wrap:wrap;gap:7px}.editor-tools button{padding:8px 10px}.editor-actions{display:flex;flex-wrap:wrap;gap:8px}.editor-workspace{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(420px,1.3fr);gap:18px}.diagram-paper>span{display:block;color:#35e8ff;font-size:.75rem;font-weight:900;letter-spacing:.12em}.diagram-paper>p,.print-note{color:#8f9bb0;font-size:.82rem}.chord-editor-svg,.saved-chord-svg{display:block;width:100%;height:auto;max-height:380px}.chord-editor-svg .grid,.saved-chord-svg .grid,.fret-editor-svg .grid{stroke:#293345;stroke-width:2}.chord-editor-svg .nut,.saved-chord-svg .nut,.fret-editor-svg .nut{stroke:#07090e;stroke-width:9}.chord-editor-svg text,.saved-chord-svg text,.fret-editor-svg text{font-family:Inter,Arial,sans-serif;text-anchor:middle;dominant-baseline:middle}.chord-editor-svg .marker,.saved-chord-svg .marker{fill:#05070b;stroke:#05070b}.chord-editor-svg .root,.saved-chord-svg .root{fill:#35e8ff;stroke:#087d8e}.chord-editor-svg .marker-text,.saved-chord-svg .marker-text{fill:#fff;font-size:14px;font-weight:900}.chord-hit,.fret-hit{fill:transparent;cursor:pointer}.print-sheet{background:#f6f7fa;color:#10131a;min-height:360px}.print-sheet>header{display:flex;align-items:baseline;gap:10px;border-bottom:2px solid #111827;padding-bottom:10px;margin-bottom:18px}.print-sheet>header span{font-size:.72rem;font-weight:900;letter-spacing:.12em}.print-sheet>header strong{font-size:.82rem}.print-sheet>header small{margin-left:auto;color:#536071}.saved-chord-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.saved-chord{position:relative;border:1px solid #cbd1dc;border-radius:10px;padding:10px;background:#fff}.saved-chord h3{text-align:center;margin:0;font-size:1.15rem}.saved-chord button{position:absolute;right:5px;top:5px;border:0;background:transparent;color:#697386;cursor:pointer;font-size:1.1rem}.print-control{display:block;margin:20px auto 0}.fretboard-print-sheet{min-width:0}.fret-editor-svg{display:block;width:100%;height:auto}.fret-editor-svg .cyan{fill:#2ddff4;stroke:#098293}.fret-editor-svg .dark{fill:#080b12;stroke:#080b12}.fret-editor-svg .purple{fill:#8b6dff;stroke:#4d39aa}.fret-editor-svg .marker-text{fill:#fff;font-size:13px;font-weight:900}.fret-editor-svg .cyan+.marker-text{fill:#071016}.print-note{text-align:center}.color-cyan{box-shadow:inset 4px 0 #2ddff4}.color-dark{box-shadow:inset 4px 0 #05070b}.color-purple{box-shadow:inset 4px 0 #8b6dff}@media(max-width:980px){.editor-panel{grid-template-columns:1fr}.editor-workspace{grid-template-columns:1fr}.saved-chord-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.editors-shell{padding:16px}.editors-heading{display:block}.editors-heading>strong{display:inline-block;margin-top:14px}.editor-tabs button{flex:1}.saved-chord-grid{grid-template-columns:1fr}.print-sheet{padding:14px}.print-sheet>header{flex-wrap:wrap}.print-sheet>header small{width:100%;margin:0}.editor-actions>*{flex:1}}
@media print{body.print-chords>*,body.print-fretboard>*{display:none!important}body.print-chords #editorsView,body.print-fretboard #editorsView{display:block!important;padding:0;margin:0;max-width:none}body.print-chords .editors-shell,body.print-fretboard .editors-shell{border:0;background:#fff;padding:0}body.print-chords .editors-heading,body.print-fretboard .editors-heading,.print-chords .editor-tabs,.print-fretboard .editor-tabs,.print-chords .editor-controls,.print-fretboard .editor-controls,.print-chords .diagram-paper,.print-fretboard #chordEditorPanel,.print-chords #fretboardEditorPanel,.print-fretboard #chordEditorPanel{display:none!important}body.print-chords #chordEditorPanel,body.print-fretboard #fretboardEditorPanel,body.print-chords .editor-workspace{display:block!important}.print-sheet{display:block!important;border:0;padding:8mm;min-height:0}.print-control,.saved-chord button{display:none!important}.saved-chord-grid{grid-template-columns:repeat(3,1fr);gap:8mm}.saved-chord{break-inside:avoid}.fret-editor-svg{margin-top:18mm}}