/* Fonte musical: "PL Musica" = subconjunto da Bravura (como no result.css; unicode-range de web_app.BRAVURA_WEB_RANGES), a Bravura inteira (unicode-range = o resto) só para um glifo fora dele */
@font-face{font-family:'PL Musica';src:url('/assets/Bravura-web.ttf') format('truetype');font-display:block;unicode-range:U+20,U+E000-E002,U+E030-E032,U+E047-E048,U+E050,U+E05C,U+E062,U+E069-E06A,U+E080-E08B,U+E0A2-E0A4,U+E0A9,U+E1D2-E1DB,U+E1E7,U+E240-E247,U+E260-E264,U+E4A0-E4A4,U+E4AC,U+E4C0-E4C1,U+E4E0-E4F2,U+E520-E525,U+E52B-E52D,U+E535-E536,U+E566,U+E56C}@font-face{font-family:Bravura;src:url('/assets/Bravura.ttf') format('truetype');font-display:block;unicode-range:U+0-1F,U+21-DFFF,U+E003-E02F,U+E033-E046,U+E049-E04F,U+E051-E05B,U+E05D-E061,U+E063-E068,U+E06B-E07F,U+E08C-E0A1,U+E0A5-E0A8,U+E0AA-E1D1,U+E1DC-E1E6,U+E1E8-E23F,U+E248-E25F,U+E265-E49F,U+E4A5-E4AB,U+E4AD-E4BF,U+E4C2-E4DF,U+E4F3-E51F,U+E526-E52A,U+E52E-E534,U+E537-E565,U+E567-E56B,U+E56D-10FFFF}.pa-page text[font-family="Bravura"]{font-family:'PL Musica',Bravura}
:root{font-family:"Segoe UI",Arial,sans-serif;font-size:13px;color:#272b30;background:#e5e7e9;--accent:#087d83;--border:#d7dbde;--muted:#656e75;--focus:#1c2a32}
*{box-sizing:border-box}body{margin:0;letter-spacing:0}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}a{color:inherit;text-decoration:none}[hidden]{display:none!important}svg.lucide{width:18px;height:18px;stroke-width:1.7;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button{border:0;background:transparent}h1,h2,p{margin:0}hr{border:0;border-top:1px solid var(--border);margin:5px 0}kbd{font:12px "Segoe UI",sans-serif;color:var(--muted)}
.editor-app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.document-header{height:46px;flex:none;background:#fff;display:flex;align-items:center;gap:22px;padding:0 18px;border-bottom:1px solid #e9ecee}.brand{display:flex;align-items:center;gap:8px;font-weight:650;white-space:nowrap}.brand svg{color:var(--accent);width:22px;height:22px}.document-title{display:flex;gap:12px;align-items:center;flex:1;min-width:0}.document-title h1{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.document-kind{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.04em;border-left:1px solid var(--border);padding-left:12px}.document-state{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);white-space:nowrap}.state-dot{width:6px;height:6px;border-radius:50%;background:#8e9a9f}.document-state[data-state="edited"] .state-dot{background:var(--accent)}.document-state[data-state="error"] .state-dot{background:#bd4d24}
.menubar{height:30px;display:flex;align-items:center;padding:0 12px;background:#fff;flex:none;z-index:20}.menu{position:relative}.menu-trigger{min-height:27px;padding:4px 12px;font-size:13px;border-radius:3px}.menu-trigger:hover,.menu-trigger[aria-expanded="true"]{background:#eceff0}.menu-popup{position:absolute;top:calc(100% + 4px);left:0;min-width:252px;padding:5px;background:#fff;border:1px solid #cdd2d6;border-radius:4px;box-shadow:0 6px 18px #0002;z-index:50}.menu-popup button,.menu-popup a{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;text-align:left;border-radius:2px;padding:8px 10px;font-size:13px;white-space:nowrap}.menu-popup button:hover,.menu-popup a:hover{background:#edf5f5}.menu-popup [aria-disabled="true"]{opacity:.4;pointer-events:none}
.commandbar{display:flex;align-items:center;gap:10px;min-height:47px;flex:none;border-top:1px solid #eef0f1;border-bottom:1px solid #cbd1d5;padding:5px 14px;background:#f9fafb;z-index:15}.tool-group{display:flex;align-items:center;gap:3px;padding-right:12px;border-right:1px solid var(--border)}.toolbar-spacer{flex:1}.icon-button{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;padding:0;flex:none;border:1px solid transparent;border-radius:4px;background:transparent;vertical-align:middle}.icon-button:hover:not(:disabled){background:#e8edef;border-color:#d3dbde}.icon-button.active,.icon-button[aria-pressed="true"]{background:#dcefed;color:#006970;border-color:#9dcac8}.export-trigger{display:flex;align-items:center;gap:8px;background:var(--accent);color:#fff;height:32px;padding:0 11px;font-weight:600}.export-trigger:hover,.export-trigger[aria-expanded="true"]{background:#08686e}.export-menu .menu-popup{left:auto;right:0}.export-trigger svg:last-child{width:14px}.metro-control{display:flex;align-items:center;gap:6px;font-size:12px;margin-left:9px;white-space:nowrap}input[type="checkbox"]{accent-color:var(--accent)}#pl-play{color:var(--accent)}#pl-play .lucide-pause,#pl-play[data-playing="true"] .lucide-play{display:none}#pl-play[data-playing="true"] .lucide-pause{display:block}
.workbench{display:flex;flex:1;min-height:0;min-width:0;position:relative}.ed-palette{width:176px;flex:none;overflow-y:auto;overflow-x:hidden;background:#f5f6f7;border-right:1px solid #cbd1d5;display:flex;flex-direction:column}.palette-heading{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;font-size:11px;color:var(--muted);font-weight:600;border-bottom:1px solid var(--border)}.palette-heading .icon-button{width:26px;height:26px}.palette-heading svg{width:15px}.palette-section{padding:14px 14px 13px;border-bottom:1px solid var(--border)}.palette-section h2{font-size:12px;font-weight:600;margin-bottom:11px}.symbol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.symbol-grid .icon-button{width:100%;height:43px}.music{font-family:'PL Musica',Bravura;font-size:29px;line-height:1;display:inline-block;transform:translateY(-1px);font-weight:normal;pointer-events:none}.symbol-grid .ep-dur .music{transform:translateY(6px)}.modifier-row{display:flex;gap:6px;margin-top:6px}.modifier-row .music{font-size:25px}.tuplet{font:italic 22px Georgia,serif}.stepper{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--border);border-radius:4px}.stepper output{font-size:14px;font-variant-numeric:tabular-nums;min-width:28px;text-align:center}.unit-label{font-size:11px;margin-top:8px;color:var(--muted);line-height:1.5}.palette-footer{display:flex;align-items:center;gap:8px;margin-top:auto;padding:18px 14px;color:var(--muted);font-size:12px;line-height:1.7}.palette-footer svg{width:17px}
.pa-host{position:relative;flex:1;min-width:0;overflow:auto;padding:28px 24px;background:#e3e6e8;scrollbar-gutter:stable;outline-offset:-3px!important;user-select:none}.pa-page{position:relative;margin:0 auto 24px;background:#fff;box-shadow:0 1px 5px #1b29312a;flex:none}.pa-page>svg{display:block;width:100%;height:auto}.pa-cursor{position:absolute;width:2px;background:#168e83;pointer-events:none;opacity:.7}.nh{fill:#008790;fill-opacity:0;stroke:transparent;pointer-events:all;cursor:pointer}.nh:hover{fill-opacity:.12}.nh.sel{fill-opacity:0;stroke:none}.drawing .nh{cursor:inherit}.marquee{position:absolute;border:1px solid #078189;background:#07818918;pointer-events:none;z-index:3}.loading-score{margin:100px auto;text-align:center;color:var(--muted)}.pa-host[aria-busy="true"]{cursor:progress}.pa-host[aria-busy="true"]{cursor:progress!important}
.playback-strip{display:flex;align-items:center;gap:16px;height:41px;flex:none;padding:0 16px;background:#f9fafb;border-top:1px solid var(--border)}.measure-label{min-width:150px;color:var(--muted);font-size:12px}.pl-bar{position:relative;height:18px;flex:1;cursor:pointer;min-width:30px}.pl-bar:before{content:"";position:absolute;top:7px;left:0;right:0;height:4px;border-radius:2px;background:#d8dfe2}#pl-fill{position:absolute;left:0;top:7px;height:4px;background:var(--accent);width:0;border-radius:2px;max-width:100%;pointer-events:none}#pl-time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:82px}.speed-control,.sound-control{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.speed-control input{width:78px;accent-color:var(--accent)}.speed-control output{width:34px}.speed-control svg{width:16px;color:var(--muted)}select{border:1px solid var(--border);border-radius:3px;background:#fff;padding:4px}.sound-control select{max-width:125px;font-size:12px}
.statusbar{height:36px;display:flex;align-items:center;gap:12px;flex:none;padding:0 12px;background:#f4f5f6;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}#ep-hint{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-controls,.zoom-controls{display:flex;align-items:center;gap:3px;flex:none}.page-controls{padding-right:12px;border-right:1px solid var(--border)}.statusbar .icon-button{width:28px;height:28px}.statusbar svg{width:15px;height:15px}#page-number{width:36px;height:23px;text-align:center;background:#fff;border:1px solid var(--border);border-radius:3px;appearance:textfield;font-size:12px;padding:0}#page-number::-webkit-inner-spin-button{appearance:none}#page-count{min-width:25px;padding-left:2px}#zoom-level{width:79px;font-size:12px;padding:3px}.editor-alert{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background:#fff3e9;color:#833e17;border-bottom:1px solid #eec5a8;font-size:13px;flex:none}.editor-alert button{font-weight:600;text-decoration:underline;white-space:nowrap}
dialog{border:1px solid var(--border);border-radius:6px;box-shadow:0 10px 40px #0003;padding:22px;width:440px;max-width:calc(100vw - 32px);color:#323a40;line-height:1.6}dialog::backdrop{background:#14232d50}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.dialog-heading h2{font-size:16px}.info-source{font-weight:600;overflow-wrap:anywhere}dialog p{margin-bottom:12px}.text-button{padding:8px 12px;border:1px solid var(--border);border-radius:4px;background:#f4f7f7}.key-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px}.key-list dd{margin:0;text-align:right;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1050px){.speed-control input{width:52px}.measure-label{min-width:115px}.document-header{gap:14px}.document-kind{display:none}.playback-strip{gap:10px}.sound-control{max-width:130px}}
.unit-label{font-size:12px}.palette-heading{font-size:12px}
.editor-app .nh{touch-action:none}.editor-app .pa-host[data-tool="select"] .nh{cursor:grab}.note-dragging,.note-dragging .nh{cursor:grabbing!important}.note-drag-preview{pointer-events:none}.note-drag-head{font-family:'PL Musica',Bravura;fill:#087d83;stroke:#fff;stroke-width:1;paint-order:stroke fill}.note-drag-guide{stroke:#087d83;stroke-width:.6;stroke-dasharray:2 2}
@media print{.note-drag-preview{display:none!important}}
.project-open-main{max-width:480px;margin:70px auto;padding:0 24px}.project-open-main h1{font-size:23px;margin-bottom:28px}.project-opener{min-height:100dvh;background:#f5f6f7}#project-open-form{display:grid;gap:14px;font-size:13px;line-height:1.55}#project-file{width:100%;min-width:0;border:1px solid var(--border);padding:10px;background:#fff;border-radius:4px;font-size:12px}.project-consent{display:flex;align-items:flex-start;gap:8px}.project-consent input{flex:none;margin-top:5px}.project-consent a{text-decoration:underline}.project-limit{font-size:12px;color:var(--muted)}#project-open-status:empty{display:none}#project-open-status{color:#85441d;overflow-wrap:anywhere}.open-enc-link{display:block;margin-top:22px;color:var(--accent);font-size:13px;text-decoration:underline}#project-error-text{overflow-wrap:anywhere}
@media print{body.editor-app{height:auto;overflow:visible;display:block;background:#fff}.editor-app> :not(.workbench){display:none!important}.workbench{display:block}.ed-palette{display:none!important}.pa-host{overflow:visible;padding:0;background:#fff}.pa-page{width:100%!important;margin:0;box-shadow:none;break-after:page}.pa-page:last-child{break-after:auto}.pa-cursor,.marquee{display:none!important}.nh{fill-opacity:0!important;stroke:none!important}}
.nh.pending-del,.nh.pending-del:hover{fill:#fff;fill-opacity:1;stroke:none}
.sel-block{position:absolute;background:#fff;mix-blend-mode:difference;pointer-events:none;border-radius:2px;z-index:2}
@media print{.sel-block{display:none}}
.menu-label{display:block;padding:6px 10px 2px;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.menu-popup [role=menuitemcheckbox] span::before{content:'';display:inline-block;width:18px}
.menu-popup [role=menuitemcheckbox][aria-checked=true] span::before{content:'\2713'}
.step-caret{position:absolute;width:2px;background:#d1004a;pointer-events:none;z-index:3;animation:caret-blink 1s steps(1) infinite}
@keyframes caret-blink{50%{opacity:.25}}
.step-ghost{position:absolute;background:#000;border-radius:50%;transform:rotate(-20deg);pointer-events:none;opacity:.75;z-index:3}
.pa-host.step-mode{cursor:text}
.step-piano{position:fixed;left:50%;bottom:62px;transform:translateX(-50%);display:flex;align-items:stretch;gap:6px;padding:8px;background:#fff;border:1px solid #cdd2d6;border-radius:6px;box-shadow:0 6px 18px #0002;z-index:40;width:min(560px,calc(100vw - 16px));height:110px}
.step-piano[hidden]{display:none}
.step-piano .keys{position:relative;flex:1;display:flex}
.step-piano .bkeys{position:absolute;left:calc(8px + 34px + 6px);right:calc(8px + 34px + 6px);top:8px;height:58%;pointer-events:none}
.step-piano .wk{flex:1;border:1px solid #9aa3a9;border-radius:0 0 4px 4px;background:#fff;position:relative}
.step-piano .wk span{position:absolute;bottom:4px;left:0;right:0;font-size:10px;color:#6b747b}
.step-piano .wk:active,.step-piano .bk:active{background:#bfe3e5}
.step-piano .bk{position:absolute;top:0;width:4.6%;height:100%;background:#1b2931;border-radius:0 0 3px 3px;pointer-events:auto}
.step-piano .oct{width:34px;border:1px solid #cdd2d6;border-radius:4px;font-size:18px;background:#f5f6f7}
@media print{.step-caret,.step-ghost,.step-piano{display:none!important}}
.tool-text{font:600 15px/1 Georgia,serif;pointer-events:none}.tool-arc{font:26px/1 Georgia,serif;pointer-events:none;transform:translateY(-2px);display:inline-block}
.lyric-input{position:absolute;z-index:6;min-width:44px;height:24px;padding:1px 5px;font:14px/1.2 "Times New Roman",serif;text-align:center;border:1px solid #087d83;border-radius:3px;background:#fff;box-shadow:0 2px 8px #0002;outline:none}
.pa-host[data-tool="lyric"],.pa-host[data-tool="chord"]{cursor:text}.pa-host[data-tool="lyric"] .nh,.pa-host[data-tool="chord"] .nh{cursor:text}
.chord-form{display:grid;gap:8px}.chord-form fieldset{border:1px solid var(--border);border-radius:4px;padding:6px 10px}.chord-form legend{font-size:12px;padding:0 4px}.chord-row{display:flex;gap:10px;flex-wrap:wrap}.chord-row label{display:flex;align-items:center;gap:3px;font-size:14px}.chord-form input[type=text],#chord-custom{border:1px solid var(--border);border-radius:3px;padding:5px 7px}.chord-preview{margin:4px 0 0}.chord-error{color:#b00020;font-size:12px;margin:0;min-height:1em}.chord-actions{display:flex;justify-content:flex-end;gap:8px}.ts-note{font-size:12px;color:var(--muted);margin:0}.text-button.primary{background:var(--accent,#087d83);color:#fff;border-color:transparent}
/* Menu do celular, "Visão geral" do zoom por toque e espaço para o teclado na tela */
.document-header #menu-toggle{display:none}#menu-toggle .lucide-x,#menu-toggle[aria-expanded="true"] .lucide-menu{display:none}#menu-toggle[aria-expanded="true"] .lucide-x{display:block}
#toggle-palette .lucide-panel-bottom,#close-palette .lucide-chevron-down{display:none}
.zoom-back{position:absolute;top:12px;right:28px;z-index:8;display:flex;align-items:center;gap:7px;min-height:44px;padding:0 16px 0 13px;border:1px solid #cdd2d6;border-radius:22px;background:#fff;box-shadow:0 2px 10px #1b29312e;font-weight:600}.zoom-back:hover{background:#f2f5f6}@media print{.zoom-back{display:none!important}}
.pa-host.step-mode{scroll-padding-bottom:180px}
/* Toque: o toque amplia o compasso enquanto as notas são pequenas demais, e
   arrastar sobre elas rola a partitura; sem zoom de toque duplo na pauta */
.editor-app .pa-host{touch-action:manipulation}.editor-app .pa-host.touch-overview .nh{touch-action:manipulation}
/* Alvos de 44 px no toque, em qualquer largura (EDITOR_INTERFACE.md) */
@media(pointer:coarse){.brand,.document-state{min-height:44px}.speed-control input{height:44px}.icon-button,.palette-heading .icon-button,.statusbar .icon-button{width:44px;height:44px}.symbol-grid .icon-button{height:44px}.menubar{height:auto}.menu-trigger,.export-trigger{min-height:44px}.menu-popup button,.menu-popup a{min-height:44px}.metro-control,.speed-control,.sound-control,.chord-row label{min-height:44px}.text-button{min-height:44px}input[type=checkbox],input[type=radio]{width:20px;height:20px}.pl-bar{height:44px}.pl-bar:before,#pl-fill{top:20px}#page-number,#zoom-level,.sound-control select{height:40px;font-size:16px}.lyric-input{height:28px;font-size:16px}dialog input:not([type=checkbox]):not([type=radio]),dialog select{font-size:16px;min-height:40px}.commandbar{flex-wrap:wrap;row-gap:4px}}
/* tablet de toque: a barra de comandos continua numa linha (Abrir .enc fica no menu Arquivo) */
@media(pointer:coarse) and (max-width:1050px){.commandbar{gap:6px}.tool-group{padding-right:8px}.commandbar .tool-group>a{display:none}.export-trigger{width:44px;padding:0;justify-content:center}.export-trigger span,.export-trigger svg:last-child{display:none}}
/* Celular (EDITOR_INTERFACE.md, "Telas Menores"): nada de rolagem lateral até
   320 px; menus num painel aberto pelo botão Menu; Exportar no cabeçalho e
   Tocar/Parar na barra de reprodução (editor.js); paletas numa folha inferior
   que encolhe a partitura em vez de cobri-la */
@media(max-width:720px){
.document-header{height:48px;gap:6px;padding:0 4px}.document-header .brand{display:none}.document-header #menu-toggle{display:inline-flex}.icon-button,.palette-heading .icon-button,.statusbar .icon-button{width:44px;height:44px}
.document-title{gap:8px}.document-title h1{font-size:13px}.document-state{min-height:44px;padding:0 6px;font-size:12px}
.document-header .export-menu{flex:none}.export-trigger{width:44px;height:44px;padding:0;justify-content:center}.export-trigger span,.export-trigger svg:last-child{display:none}
.export-menu .menu-popup{position:fixed;top:52px;right:8px;left:auto;min-width:220px;max-width:calc(100vw - 16px)}
.menubar{display:none}.menus-open .menubar{display:block;position:fixed;top:48px;left:0;right:0;bottom:0;height:auto;padding:4px 0 24px;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--border);z-index:60}
.menubar .menu{border-bottom:1px solid #eef0f1}.menubar .menu-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:0 18px 0 16px;border-radius:0;font-size:14px;font-weight:600}
.menubar .menu-trigger:after{content:"";width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-2px) rotate(45deg)}.menubar .menu-trigger[aria-expanded="true"]:after{transform:translateY(2px) rotate(-135deg)}
.menubar .menu-popup{position:static;min-width:0;padding:0 8px 8px;border:0;border-radius:0;box-shadow:none;background:transparent}.menu-popup button,.menu-popup a{min-height:44px;white-space:normal}.menubar kbd{display:none}
.commandbar{gap:0;min-height:52px;padding:4px 2px;justify-content:space-between;flex-wrap:nowrap}.commandbar .tool-group{gap:0;padding:0;border:0}
.commandbar .tool-group>a,.commandbar .toolbar-spacer,#step-entry,.commandbar>.transport-buttons,.commandbar>.export-menu{display:none}
.workbench{flex-direction:column}.pa-host{padding:16px 12px}
#toggle-palette .lucide-panel-left,#close-palette .lucide-panel-left-close{display:none}#toggle-palette .lucide-panel-bottom,#close-palette .lucide-chevron-down{display:block}
.ed-palette{order:2;width:auto;max-height:min(42dvh,340px);flex:none;flex-flow:row wrap;align-content:flex-start;border-right:0;border-top:1px solid #cbd1d5;border-radius:12px 12px 0 0;box-shadow:0 -4px 16px #1b293124}
.palette-heading{flex:0 0 100%;position:sticky;top:0;z-index:1;min-height:48px;padding:0 4px 0 16px;background:#f5f6f7}
.palette-section{flex:0 0 auto;padding:4px 12px 12px;border:0}.palette-section h2{margin-bottom:6px}
.palette-section[data-palette="notas"]{flex-basis:100%;display:flex;flex-wrap:wrap;gap:4px 10px}.palette-section[data-palette="notas"] h2{flex:0 0 100%;margin:0}
.symbol-grid{display:flex;flex-wrap:wrap;gap:4px}.symbol-grid .icon-button{width:44px;height:44px}.modifier-row{margin-top:0;gap:4px}.palette-footer{display:none}
.playback-strip{height:48px;gap:8px;padding:0 10px 0 2px}.playback-strip .transport-buttons{gap:0;padding:0;border:0}.metro-control,.measure-label,.sound-control,.speed-control{display:none}
.pl-bar{height:44px}.pl-bar:before,#pl-fill{top:20px}
.statusbar{height:48px;gap:4px;padding:0 4px 0 10px}.page-controls{gap:0;padding-right:4px}#page-number{width:40px;height:40px}#zoom-level{width:96px;height:40px}#zoom-out,#zoom-in,#fit-width,#fit-page{display:none}
.zoom-back{right:12px}.step-piano{bottom:104px}.editor-alert{padding:10px;font-size:12px}.key-list{grid-template-columns:1fr}.key-list dd{text-align:left;margin-top:-9px}
}
@media(max-width:720px) and (min-width:372px){#step-entry{display:inline-flex}}
@media(max-width:360px){#page-number{width:36px}#zoom-level{width:84px}}
/* sem nota selecionada, acidentes e altura ficam cinza: a dica diz por quê (só com uma dessas paletas aberta) */
.palette-hint{display:none;flex:none;width:100%;margin:0;padding:0 12px 8px;font-size:12px;line-height:1.4;color:var(--muted)}
.ed-palette:has([data-palette="acidentes"]:not([hidden]) #acc-sharp:disabled) .palette-hint,.ed-palette:has([data-palette="altura"]:not([hidden]) #note-up:disabled) .palette-hint{display:block}
/* atalho do teclado para a partitura: primeiro Tab, só aparece com foco (são 40 paradas de menus e ferramentas até ela) */
.skip-link{position:absolute;left:8px;top:-60px;z-index:100;padding:10px 14px;border-radius:4px;background:var(--focus);color:#fff;font-weight:600}.skip-link:focus{top:8px}
/* movimento reduzido (WCAG 2.3.3), como no site: o cursor da entrada nota a nota fica fixo, sem piscar */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}