@font-face{font-family:"Himnario Word";src:url("fonts/Carlito-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Himnario Word";src:url("fonts/Carlito-Bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Himnario Word";src:url("fonts/Carlito-Italic.ttf") format("truetype");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"Himnario Word";src:url("fonts/Carlito-BoldItalic.ttf") format("truetype");font-style:italic;font-weight:700;font-display:swap}
:root{--navy:#081629;--navy-2:#0e2039;--panel:#132640;--line:rgba(179,210,255,.13);--muted:#9bb0ca;--text:#eef5ff;--cyan:#32ccf3;--blue:#246cf2;--paper-ink:#14213c;--reader-size:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#061222;color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.app-shell{min-height:100vh;background:radial-gradient(ellipse 65% 35% at 52% 0,rgba(49,99,154,.33),transparent 75%),linear-gradient(145deg,#071426,#0b1b31 65%,#091a30)}
.topbar{height:82px;max-width:1600px;margin:auto;padding:0 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;align-items:center}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#1f6ded,#27d5f6);font-size:30px;box-shadow:0 8px 30px #159cdb50}.brand strong{display:block;font-size:25px;letter-spacing:-.04em}.brand small{display:block;margin-top:2px;color:var(--muted);font-size:11px;letter-spacing:.04em}.top-actions{display:flex;gap:18px;align-items:center}.top-list{color:var(--text);background:none;border:0;padding:12px 4px}.top-list b{color:var(--cyan)}.button-primary{border:0;border-radius:10px;padding:13px 21px;background:linear-gradient(105deg,#2779f4,#26c9f2);color:#041b32;font-weight:750;box-shadow:0 7px 24px #0f9beb45}.button-primary:hover{filter:brightness(1.1)}
.hero{max-width:1100px;padding:49px 20px 36px;margin:auto;text-align:center}.eyebrow,.overline{font-size:11px;letter-spacing:.18em;font-weight:750;color:var(--cyan);margin:0 0 13px}.hero h1{font-size:clamp(32px,4vw,51px);letter-spacing:-.045em;margin:0 0 8px}.hero>p:not(.eyebrow){color:#a6b8d2;font-size:15px;margin:0 0 28px}.search-box{margin:auto;display:flex;align-items:center;gap:15px;width:min(100%,760px);height:61px;padding:0 21px;border:1px solid #5d80dc;border-radius:32px;background:rgba(255,255,255,.055);box-shadow:0 12px 35px #020b1d55,0 0 0 1px #00caf31e inset;text-align:left}.search-box:focus-within{border-color:var(--cyan);box-shadow:0 0 0 4px #32ccf321}.search-box svg{width:23px;fill:none;stroke:#d8e9ff;stroke-width:2;flex:none}.search-box input{min-width:0;flex:1;color:white;background:none;border:0;outline:0;font-size:16px}.search-box input::placeholder{color:#90a3c0}.search-shortcut{color:#6c829f;font-size:22px}.chips{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:20px}.chip{border:1px solid #3d5677;background:#13243a99;color:#cbd9ee;border-radius:99px;padding:7px 17px;font-size:12px}.chip:hover,.chip.active{border-color:var(--cyan);color:#091d2d;background:var(--cyan)}
.dashboard{max-width:1600px;padding:0 3% 40px;margin:auto;display:grid;grid-template-columns:minmax(260px,1fr) minmax(420px,1.4fr) minmax(260px,.78fr);gap:16px;align-items:start}.results-panel,.playlist-panel{min-width:0;background:linear-gradient(165deg,#132640dd,#102138e8);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 45px #020b1d38}.results-panel{padding:22px 14px}.playlist-panel{padding:22px 15px;position:sticky;top:16px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:8px;padding:0 10px}.section-heading h2{margin:0;font-size:23px;letter-spacing:-.04em}.section-heading .overline{font-size:10px;margin-bottom:5px}.text-button{border:0;background:none;color:var(--cyan);font-size:12px;white-space:nowrap}.text-button:hover{text-decoration:underline}.results-hint,.playlist-hint{margin:11px 10px 15px;color:#94a9c4;font-size:12px;line-height:1.4}.song-list{max-height:720px;overflow:auto;scrollbar-color:#37587c transparent;scrollbar-width:thin}.song-row{width:100%;display:flex;align-items:center;gap:10px;padding:12px 9px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;border-radius:8px}.song-row:hover,.song-row.active{background:#253d5c}.song-row.active{box-shadow:inset 3px 0 var(--cyan)}.song-rank{width:20px;text-align:center;color:#76a6d5;font-size:12px;flex:none}.song-info{flex:1;min-width:0}.song-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650}.song-info small{display:block;color:#92a9c6;font-size:11px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.star{background:none;border:0;color:#9cb2ce;font-size:25px;line-height:1;padding:5px;flex:none}.star.active,.star:hover{color:var(--cyan)}.song-row .star{margin-left:auto}.no-results{color:#aabbd2;padding:38px 14px;text-align:center}
.preview-panel{min-width:0}.preview-toolbar{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#b4c8e0}.preview-label{font-size:10px;font-weight:750;letter-spacing:.15em}.live-dot{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;margin-right:6px;box-shadow:0 0 10px var(--cyan)}.preview-tools{display:flex;gap:5px}.preview-tools button{border:0;background:none;color:#b3c7e1;min-width:35px;height:34px;border-radius:7px}.preview-tools button:hover{background:#28415f;color:white}.preview-tools #addCurrent{font-size:25px}.preview-tools #addCurrent.active{color:var(--cyan)}.song-paper{background:#fff;color:var(--paper-ink);min-height:680px;padding:48px clamp(24px,5vw,66px) 68px;border-radius:9px;box-shadow:0 20px 45px #0006;overflow:hidden}.empty-paper{text-align:center;padding:150px 0 100px;color:#50627e}.empty-icon{color:#1b63dc;font-size:48px}.empty-paper h2{font-size:24px;margin:12px 0 6px}.empty-paper p{font-size:14px}.paper-title{text-align:center;color:#1452b4;font:italic bold clamp(32px,4vw,49px) Georgia,"Times New Roman",serif;margin:0 auto 10px}.paper-rule{width:80%;max-width:390px;height:2px;background:#2972ed;margin:0 auto 29px}.paper-meta{text-align:center;color:#687795;font-size:12px;margin:-12px 0 25px}.paper-body{font-family:Calibri,"Segoe UI",Arial,sans-serif;font-size:var(--reader-size);line-height:1.4}.paper-body .raw-line{min-height:1.4em;white-space:pre;overflow-wrap:normal}.paper-body .raw-line.chord-line{color:#105bd1;font-weight:700;font-size:.83em;min-height:1.15em}.paper-body .raw-line.section-line{font-weight:700;margin-top:15px}.paper-body .raw-line.blank-line{min-height:.7em}.paper-body .chordpro-line{min-height:1.55em;display:flex;flex-wrap:wrap;align-items:end;white-space:pre-wrap}.paper-body .chord-group{display:inline-flex;flex-direction:column;vertical-align:bottom;white-space:pre-wrap}.paper-body .chord-name{min-height:1.15em;color:#135bd0;font-size:.75em;font-weight:700;line-height:1}.paper-body .plain-lyrics{white-space:pre-wrap}.paper-body .chordpro-empty{height:.8em}
.playlist-items{min-height:80px}.playlist-item{display:flex;align-items:center;gap:9px;padding:10px 7px;border-bottom:1px solid var(--line);border-radius:8px}.playlist-item:hover{background:#213852}.playlist-number{color:#6f97bd;width:17px;text-align:center;font-size:12px}.playlist-name{flex:1;min-width:0}.playlist-name strong{display:block;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.playlist-name small{display:block;color:#95a9c4;font-size:10px;margin-top:3px}.order-buttons{display:flex;flex-direction:column}.order-buttons button,.remove-item{border:0;background:none;color:#94abc8;padding:1px 4px;font-size:13px}.remove-item{font-size:20px}.order-buttons button:hover,.remove-item:hover{color:white}.direct-wide{width:100%;margin-top:17px}.direct-wide:disabled,.top-actions .button-primary:disabled{filter:grayscale(1);opacity:.5;cursor:not-allowed}.playlist-foot{color:#7692ad;font-size:11px;text-align:center;margin:13px 0 0}.playlist-empty{color:#90a8c2;font-size:13px;text-align:center;padding:25px 5px}
.direct-mode{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse 90% 55% at 50% 45%,#122c4d 0,#081932 60%,#030c1a 100%);color:#fff;overflow:hidden;touch-action:pan-y}.direct-header{height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(12px,4vw,45px)}.direct-header button{background:none;border:0;color:white;font-size:30px;width:40px}.direct-header div{text-align:center}.direct-header strong{display:block;font-size:20px}.direct-header span{display:block;color:#98b1cd;font-size:13px;margin-top:5px}.direct-content{height:calc(100dvh - 165px);overflow:auto;padding:20px max(11vw,50px) 60px;text-align:center;scrollbar-width:thin;scrollbar-color:#3b5e85 transparent}.direct-content .paper-title{color:#fff;font-size:clamp(32px,5vw,54px)}.direct-content .paper-rule,.direct-content .paper-meta{display:none}.direct-content .paper-body{font-size:clamp(22px,3vw,38px);line-height:1.55;max-width:900px;margin:auto}.direct-content .raw-line{white-space:pre-wrap}.direct-content .chord-line,.direct-content .chord-name{color:#30d6f6!important}.direct-content .chordpro-line{justify-content:center;margin-bottom:.18em}.direct-content .section-line{color:#7bdcf5}.direct-arrow{position:absolute;top:45%;width:55px;height:95px;border:1px solid #326195;background:#153b66aa;color:#fff;font-size:52px;line-height:1;border-radius:50%;display:grid;place-items:center}.direct-prev{left:-17px}.direct-next{right:-17px}.direct-arrow:disabled{opacity:.25}.direct-footer{height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#91a8c7;font-size:12px}.direct-dots{display:flex;gap:9px}.direct-dots span{width:8px;height:8px;border-radius:50%;background:#3e5f87}.direct-dots span.active{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
@media(max-width:1100px){.dashboard{grid-template-columns:minmax(250px,.9fr) minmax(390px,1.3fr)}.playlist-panel{grid-column:1/-1;position:static}.playlist-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.direct-wide{max-width:320px;display:block;margin:17px auto 0}}
@media(max-width:700px){.topbar{height:68px;padding:0 17px}.brand-mark{width:38px;height:38px;font-size:24px;border-radius:11px}.brand{gap:9px}.brand strong{font-size:20px}.brand small{font-size:9px}.top-actions{gap:9px}.top-list{font-size:12px}.top-list span{display:none}.top-actions .button-primary{padding:10px 12px;font-size:12px}.hero{padding:39px 17px 23px}.hero h1{font-size:32px}.hero>p:not(.eyebrow){font-size:13px;line-height:1.5}.search-box{height:55px;padding:0 15px}.search-box input{font-size:14px}.search-shortcut{display:none}.chips{justify-content:flex-start;flex-wrap:nowrap;overflow:auto;padding-bottom:8px}.chip{flex:none}.dashboard{display:flex;flex-direction:column;padding:0 12px 30px;gap:17px}.results-panel,.preview-panel,.playlist-panel{width:100%}.results-panel{padding:17px 11px}.song-list{max-height:350px}.preview-panel{order:2}.playlist-panel{order:3}.song-paper{min-height:440px;padding:31px 22px 50px}.paper-title{font-size:35px}.paper-body{font-size:min(var(--reader-size),17px);overflow-x:auto}.paper-body .raw-line{font-size:13px}.playlist-items{display:block}.direct-header{height:72px}.direct-header strong{font-size:18px}.direct-content{height:calc(100dvh - 144px);padding:25px 45px 40px}.direct-content .paper-body{font-size:clamp(19px,5vw,27px)}.direct-content .raw-line{font-size:.75em;overflow-wrap:anywhere}.direct-arrow{width:44px;height:78px;font-size:40px}.direct-prev{left:-15px}.direct-next{right:-15px}.direct-footer{height:72px}}
.direct-content .paper-title{display:none}
.direct-view-selector{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #37658f;border-radius:999px;background:#102842}.direct-view-selector button{border:0;border-radius:999px;padding:7px 18px;background:transparent;color:#b8cde6;font-size:11px;font-weight:800;letter-spacing:.09em}.direct-view-selector button[aria-pressed="true"]{background:#32ccf3;color:#061629;box-shadow:0 2px 12px #20c7ef55}.direct-mode.lyrics-only .direct-content .paper-body{line-height:1.24;max-width:100%;font-weight:550}.direct-mode.lyrics-only .direct-content .raw-line,.direct-mode.lyrics-only .direct-content .lyrics-line{font-size:1em;white-space:normal;overflow-wrap:anywhere;margin:.14em 0;text-align:center}.direct-mode.lyrics-only .direct-content .section-line{margin-top:.8em}.direct-mode.lyrics-only .direct-content .blank-line,.direct-mode.lyrics-only .direct-content .chordpro-empty{height:.45em;min-height:0;margin:0}
.shared-direct .header-spacer{display:block;width:66px}.shared-direct .direct-header .stop-direct{width:auto;min-width:66px;padding:8px 10px;border:1px solid #3c658d;border-radius:8px;color:#c7dcf2;font-size:11px;font-weight:700}.shared-direct .direct-header .stop-direct:hover{background:#264360}.shared-direct .direct-waiting{min-height:55vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#dceaff;text-align:center}.shared-direct .direct-waiting span{font-size:54px;color:#32ccf3}.shared-direct .direct-waiting h1{font-size:clamp(26px,5vw,45px);margin:12px 0}.shared-direct .direct-waiting p{color:#9eb7d2;font-size:15px;line-height:1.5;max-width:420px}.shared-direct .direct-content .paper-body{max-width:900px;margin:auto}.shared-direct .direct-content .lyrics-line{margin:.1em 0}
.shared-direct .direct-content{overflow:hidden;display:flex;align-items:center;justify-content:center;padding:5px 43px}.shared-direct .direct-content .paper-body{width:100%;max-width:none;flex:none;line-height:1.08;transform-origin:center center}.shared-direct .direct-content .raw-line{font-size:1em;line-height:1.08;min-height:1.08em;white-space:pre-wrap;overflow-wrap:anywhere}.shared-direct .direct-content .blank-line{min-height:.4em;line-height:.4}.shared-direct .direct-content .section-line{margin-top:.3em}.shared-direct .direct-content .chordpro-line{min-height:1em;margin:0;line-height:1.08}.shared-direct .direct-content .chord-name{min-height:.8em;line-height:.85}.shared-direct.lyrics-only .direct-content .paper-body{line-height:1.12}.shared-direct.lyrics-only .direct-content .raw-line,.shared-direct.lyrics-only .direct-content .lyrics-line{line-height:1.12;margin:0;min-height:1.12em}.shared-direct.lyrics-only .direct-content .blank-line,.shared-direct.lyrics-only .direct-content .chordpro-empty{height:.4em;min-height:.4em;line-height:.4;margin:0}
@media(max-width:700px){.shared-direct .direct-header{height:64px}.shared-direct .direct-content{height:calc(100dvh - 128px);padding:3px 38px}.shared-direct .direct-footer{height:64px}.shared-direct .direct-header strong{font-size:16px}.shared-direct .direct-header span{font-size:11px}}
.shared-direct .direct-header{height:112px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:6px 18px}.shared-direct .direct-topline{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:44px}.shared-direct .direct-topline>div{flex:1;min-width:0;text-align:center}.shared-direct .direct-topline strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-direct .direct-options{display:flex;justify-content:center;align-items:center;gap:10px;width:100%}.shared-direct .direct-view-selector,.shared-direct .direct-theme-selector{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #37658f;border-radius:999px;background:#102842}.shared-direct .direct-view-selector button,.shared-direct .direct-theme-selector button{border:0;border-radius:999px;padding:6px 14px;background:transparent;color:#b8cde6;font-size:10px;font-weight:800;letter-spacing:.07em;line-height:1.1}.shared-direct .direct-view-selector button[aria-pressed="true"],.shared-direct .direct-theme-selector button[aria-pressed="true"]{background:#32ccf3;color:#061629;box-shadow:0 2px 12px #20c7ef55}.shared-direct .direct-content{height:calc(100dvh - 140px)}.shared-direct .direct-footer{height:28px;gap:0}.shared-direct.theme-light{background:#f4f8ff;color:#132441}.shared-direct.theme-light .direct-header{background:#fbfdff;border-bottom:1px solid #dde8f6;box-shadow:0 3px 16px #234c8314}.shared-direct.theme-light .direct-header button{color:#294361}.shared-direct.theme-light .direct-topline strong{color:#1452b4;font:italic bold 25px Georgia,"Times New Roman",serif}.shared-direct.theme-light .direct-topline span{color:#70819b}.shared-direct.theme-light .direct-view-selector,.shared-direct.theme-light .direct-theme-selector{background:#e8eff9;border-color:#c7d8ee}.shared-direct.theme-light .direct-view-selector button,.shared-direct.theme-light .direct-theme-selector button{color:#435b7b}.shared-direct.theme-light .direct-view-selector button[aria-pressed="true"],.shared-direct.theme-light .direct-theme-selector button[aria-pressed="true"]{background:#246cf2;color:#fff;box-shadow:0 2px 9px #246cf23b}.shared-direct.theme-light .direct-content{background:#fff;color:#14213c}.shared-direct.theme-light .direct-content .paper-body{font-family:Calibri,"Segoe UI",Arial,sans-serif;color:#14213c;font-weight:400}.shared-direct.theme-light .direct-content .chord-line,.shared-direct.theme-light .direct-content .chord-name{color:#145bd1!important}.shared-direct.theme-light .direct-content .section-line{color:#14213c}.shared-direct.theme-light .direct-arrow{background:#e5eefb;color:#174f9a;border-color:#c7d9ee}.shared-direct.theme-light .direct-footer{background:#fbfdff;border-top:1px solid #dde8f6}.shared-direct.theme-light .direct-dots span{background:#b4c6df}.shared-direct.theme-light .direct-dots span.active{background:#246cf2;box-shadow:0 0 9px #246cf255}.shared-direct.theme-light .direct-waiting{color:#17355d}.shared-direct.theme-light .direct-waiting p{color:#667d9a}.shared-direct.theme-light .direct-header .stop-direct{border-color:#c7d8ee;color:#355477}.shared-direct.theme-dark .direct-header{background:#081629}.shared-direct.theme-dark .direct-content{background:transparent}
@media(max-width:700px){.shared-direct .direct-header{height:105px;padding:4px 9px;gap:5px}.shared-direct .direct-content{height:calc(100dvh - 130px)}.shared-direct .direct-footer{height:25px}.shared-direct .direct-topline{min-height:40px}.shared-direct .direct-topline strong{font-size:17px}.shared-direct.theme-light .direct-topline strong{font-size:20px}.shared-direct .direct-view-selector button,.shared-direct .direct-theme-selector button{padding:6px 9px;font-size:10px}.shared-direct .direct-options{gap:5px}.shared-direct .direct-content{padding-left:34px;padding-right:34px}}
.shared-direct .direct-header{height:58px;padding:5px 16px;gap:0}.shared-direct .direct-topline{min-height:0;height:100%;width:100%;display:flex;align-items:center}.shared-direct .direct-topline .header-spacer,.shared-direct .direct-topline .close-direct{width:42px;flex:none}.shared-direct .direct-topline strong{flex:1;min-width:0;text-align:center;font-size:20px}.shared-direct .direct-topline .close-direct{height:42px;border:0;background:transparent;font-size:30px;line-height:1;border-radius:50%}.shared-direct .direct-topline .close-direct:hover{background:#7f9bb62b}.shared-direct .direct-content{height:calc(100dvh - 116px)}.shared-direct .direct-footer{height:58px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;padding:0 18px}.shared-direct .direct-footer-controls{display:flex;align-items:center;gap:11px}.shared-direct .direct-circle-group{display:flex;align-items:center;gap:5px}.shared-direct .direct-circle-group button{width:37px;height:37px;display:grid;place-items:center;padding:0;border:1px solid #53769c;border-radius:50%;background:transparent;color:#d7e7fb;font-size:18px;font-weight:800;line-height:1}.shared-direct .direct-circle-group button[aria-pressed="true"]{border:2px solid #32ccf3;box-shadow:0 0 0 3px #32ccf333}.shared-direct .theme-swatch{display:block;width:21px;height:21px;border-radius:50%}.shared-direct .light-swatch{background:#fff;border:1px solid #9bb2ca}.shared-direct .dark-swatch{background:#071426;border:1px solid #8099b8}.shared-direct .direct-page-count{font-size:15px;font-weight:700;letter-spacing:.03em;color:#d7e7fb;white-space:nowrap}.shared-direct.theme-light .direct-circle-group button{color:#284464;border-color:#a9bfd9}.shared-direct.theme-light .direct-circle-group button[aria-pressed="true"]{border-color:#246cf2;box-shadow:0 0 0 3px #246cf226}.shared-direct.theme-light .direct-page-count{color:#1c4b8c}.shared-direct.theme-light .direct-topline .close-direct{color:#234b77}
@media(max-width:700px){.shared-direct .direct-header{height:54px;padding:3px 10px}.shared-direct .direct-topline strong{font-size:18px}.shared-direct.theme-light .direct-topline strong{font-size:20px}.shared-direct .direct-content{height:calc(100dvh - 108px)}.shared-direct .direct-footer{height:54px;padding:0 11px}.shared-direct .direct-circle-group button{width:33px;height:33px;font-size:16px}.shared-direct .theme-swatch{width:19px;height:19px}.shared-direct .direct-footer-controls{gap:8px}.shared-direct .direct-circle-group{gap:4px}.shared-direct .direct-page-count{font-size:14px}}
.paper-body .song-section.chorus .lyrics-line,.paper-body .song-section.chorus .chord-group>span:last-child{font-weight:700}
.paper-body .song-section.bridge .lyrics-line,.paper-body .song-section.bridge .chord-group>span:last-child{font-style:italic}
.paper-body .chordpro-comment{color:#5c6f90;font-size:.78em;font-weight:700;margin:.45em 0 .15em}
.direct-content .chordpro-comment{color:#8fb5d8}

/* Los acordes ChordPro conservan el estilo de los acordes del texto original. */
.paper-body .chord-name{color:#105bd1;font-family:"Himnario Word",Calibri,Arial,sans-serif;font-size:.83em;font-weight:700;min-height:1em;margin-bottom:-.25em}
.paper-body .raw-line.chord-line{font-family:"Himnario Word",Calibri,Arial,sans-serif}
.preview-toolbar{flex-wrap:wrap}.preview-label{white-space:nowrap;flex:none}
.top-actions{gap:8px}.live-action{height:40px;border:1px solid transparent;border-radius:10px;color:#fff;font-weight:800;box-shadow:0 5px 16px #0003;transition:filter .15s,transform .15s}.live-action:not(:disabled):hover{filter:brightness(1.13);transform:translateY(-1px)}.live-action:disabled{background:#394a60;border-color:#516077;color:#aab5c3;box-shadow:none;cursor:not-allowed}.live-play,.live-stop{width:42px;padding:0;font-size:19px;line-height:1}.live-play{background:#246cf2}.live-stop{background:#d73745}.live-return{min-width:90px;padding:0 13px;background:#168b51;font-size:12px;letter-spacing:.05em}
.preview-toolbar{height:auto;min-height:46px;gap:10px}.preview-tools{align-items:center;flex-wrap:wrap;justify-content:flex-end}.transpose-tools{display:flex;align-items:center;gap:3px;margin-right:7px;padding-right:10px;border-right:1px solid #415a79}.transpose-tools button{font-weight:750;font-size:13px}.transpose-tools button:disabled{opacity:.4;cursor:default}.transpose-tools button:disabled:hover{background:none;color:#b3c7e1}.transpose-tools span{min-width:84px;text-align:center;font-size:11px;font-weight:700;color:#d6e7fa;white-space:nowrap}
.tone-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:7px 10px 12px;color:#d8e8fb}.tone-values,.tone-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.tone-values span,.tone-values button{display:inline-flex;align-items:center;min-height:29px;padding:5px 8px;border:1px solid #355572;border-radius:7px;background:#142b47;color:#d8e8fb;font-size:11px;font-weight:650}.tone-values button:not(:disabled):hover{border-color:var(--cyan);color:#fff}.tone-values button:disabled{cursor:default;opacity:.8}.tone-actions button{min-height:29px;padding:5px 10px;border-radius:7px;font-size:11px;font-weight:750}.tone-actions #saveTone{border:1px solid #32ccf3;background:#32ccf3;color:#071d31}.tone-actions #resetTone{border:1px solid #6d8bad;background:transparent;color:#d8e8fb}.tone-actions button:not(:disabled):hover{filter:brightness(1.1)}.tone-actions button:disabled{border-color:#405168!important;background:#36465b!important;color:#a4b3c6!important;cursor:not-allowed}
@media(max-width:700px){.topbar{padding:0 10px}.top-actions{gap:5px}.top-list{padding:7px 1px}.live-action{height:34px;border-radius:8px}.live-play,.live-stop{width:34px;font-size:16px}.live-return{min-width:71px;padding:0 6px;font-size:10px}.preview-toolbar{padding:7px 10px;align-items:flex-start}.preview-label{padding-top:11px;font-size:9px;white-space:nowrap}.preview-tools{gap:2px}.transpose-tools{margin-right:2px;padding-right:4px}.transpose-tools span{min-width:68px;font-size:10px}.transpose-tools button{min-width:30px}.preview-tools>button{min-width:31px}.tone-bar{padding:4px 10px 11px}.tone-values,.tone-actions{gap:5px}.tone-values span,.tone-values button,.tone-actions button{font-size:10px;padding:4px 7px;min-height:27px}}