:root{color-scheme:dark;--bg:#111827;--panel:#1a2232;--panel2:#263145;--line:#3d4960;--text:#eff3fb;--muted:#b0bdcf;--accent:#adbcff;--on-accent:#141e3e;--selected:#303f66;--scorebg:#1b2331;--paper:#e5eaf1;--ink:#182239;--radius:12px;--panel-top:120px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}
body.light{color-scheme:light;--bg:#edf0f6;--panel:#f9faff;--panel2:#e9edf6;--line:#c9d1e0;--text:#1c263b;--muted:#535f75;--accent:#3d50a4;--on-accent:#fff;--selected:#e1e7fc;--scorebg:#e9edf4;--paper:#fff;--ink:#182239}
*{box-sizing:border-box}body{margin:0;display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--bg);color:var(--text);font-size:1rem;line-height:1.45}button,input,select,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:9px 14px;border:1px solid transparent;border-radius:var(--radius);background:var(--panel2);color:var(--text);font-weight:550;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button.quiet{background:transparent}button:hover{background:var(--selected)}button:active{background:var(--selected);border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true]{color:var(--accent);background:var(--selected);border-color:var(--accent)}button[aria-pressed=true]::after{content:"";height:5px;width:5px;border-radius:50%;background:currentColor;flex-shrink:0}button.primary{background:var(--accent);color:var(--on-accent);font-weight:650}button.primary:hover{filter:brightness(1.08)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,#score:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.icon{width:20px;height:20px;flex-shrink:0;pointer-events:none}.icon-button{padding:10px;width:44px;flex-shrink:0}input:not([type=range]):not([type=checkbox]),select{min-height:44px;padding:8px 12px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:10px;max-width:100%;font-size:1rem}input[type=range]{min-height:44px;width:100%;accent-color:var(--accent);cursor:pointer;touch-action:pan-y}input[type=checkbox]{width:26px;height:26px;accent-color:var(--accent);margin:9px;cursor:pointer}select{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-100px;padding:12px;background:var(--panel);color:var(--accent);z-index:99}.skip-link:focus{top:12px}
.masthead{display:flex;align-items:center;gap:16px;min-height:60px;flex-shrink:0;padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));background:var(--panel)}.header-leading,.header-end{display:flex;align-items:center;gap:8px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:1.05rem;font-weight:650;white-space:nowrap}.brand>svg{width:27px;height:32px;color:var(--accent)}.document-context{flex:1;min-width:0;text-align:center;display:grid;justify-items:center}#current-tune{font-size:.95rem;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-caption{font-size:.75rem;color:var(--muted)}.header-end{margin-left:auto}
.toolbar{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:12px;padding:8px 16px 12px;flex-shrink:0;background:var(--panel);border-bottom:1px solid var(--line)}.group{display:flex;align-items:center;gap:6px;min-width:0}.transport{flex-wrap:wrap}#play{min-width:96px;position:relative}#play::before{content:"";width:17px;height:17px;background:currentColor;clip-path:polygon(16% 0,100% 50%,16% 100%)}#play[data-state=playing]::before{clip-path:polygon(15% 0,40% 0,40% 100%,15% 100%,15% 0,60% 0,85% 0,85% 100%,60% 100%,60% 0)}#play[data-state=loading]::before{clip-path:none;background:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:turn 1s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}.tempo-control{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg)}.tempo-control button{background:transparent;width:44px;min-width:44px;padding:10px 7px;border-radius:0}.tempo-control label{display:flex;align-items:center;gap:2px}.tempo-control input#tempo{width:48px;border:0;padding:6px 2px;text-align:center;border-radius:0;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}.tempo-control input::-webkit-inner-spin-button{appearance:none}.tempo-unit{font-size:.6875rem;color:var(--muted);padding-right:5px}.edit-actions{flex-basis:100%;justify-content:center;flex-wrap:wrap}.filebar{display:flex;gap:12px;padding:7px 20px;flex-shrink:0;background:var(--panel);color:var(--muted);font-size:.8125rem}#filename{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#score-state{margin-left:auto}
main{display:flex;flex:1;min-height:0;overflow:hidden}.workspace{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.score-scroll{flex:1;overflow:auto;min-height:0;padding:12px;background:var(--scorebg);overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-x pan-y pinch-zoom}.paper{max-width:none;width:100%;margin:0;min-height:100%;padding:20px 14px 40px;background:var(--paper);color:var(--ink);border-radius:8px}#score{overflow-x:hidden;color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y pinch-zoom}#score svg{color:var(--ink)}#empty{padding:70px 24px;color:#535f75;text-align:center}.perform-mode .edit-only,.perform-mode #editor,.perform-mode .filebar,.perform-mode footer{display:none!important}.selection-tray{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 16px;border-bottom:1px solid var(--line);background:var(--selected);font-size:.875rem;flex-shrink:0}.selection-tray[hidden]{display:none}#selection-state{color:var(--text)}#clear-selection{font-size:.875rem;white-space:nowrap}.playing-note,.playing-note *{fill:#344caa!important;stroke:#344caa!important}.playback-dot{fill:#344caa;stroke:var(--paper);stroke-width:1.5;pointer-events:none}.selected-note,.selected-note *{fill:#a33d65!important;stroke:#a33d65!important}.focused-note{outline:2px dashed #344caa;outline-offset:4px}#score [data-index]{cursor:pointer}
.panel-backdrop{position:fixed;inset:0;z-index:20;background:#0a11265c;border:0;border-radius:0;cursor:default;width:100%;height:100%;backdrop-filter:none}.panel-backdrop:hover,.panel-backdrop:active{background:#0a11265c}.panel-backdrop[hidden],.sheet[hidden]{display:none}.sheet{position:fixed;z-index:21;top:var(--panel-top);right:max(16px,env(safe-area-inset-right));width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - var(--panel-top) - 20px);overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 70px #080e2445;overscroll-behavior:contain;animation:sheet-in .18s ease-out}.library-sheet{left:max(16px,env(safe-area-inset-left));right:auto}.sheet-handle{display:none}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 20px 16px;border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0;z-index:2}.sheet-heading h2{font-size:1.25rem;letter-spacing:-.025em;margin:0;font-weight:650}.sheet-heading p{margin:4px 0 0;font-size:.8125rem;color:var(--muted)}.sheet-content{padding:0 20px max(20px,env(safe-area-inset-bottom))}.settings-section{padding:18px 0;border-bottom:1px solid var(--line)}.settings-section:last-child{border:0;padding-bottom:0}.settings-section h3{margin:0 0 12px;font-size:.8125rem;letter-spacing:.03em;color:var(--muted);font-weight:650}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;font-size:.9375rem}.setting-row>span:first-child,.setting-row>label{flex-shrink:0;min-width:88px}.setting-row>select{min-width:0;max-width:260px}.setting-row input[type=range]{flex:1;min-width:30px}.setting-row output{width:42px;text-align:right;font-size:.8125rem;font-variant-numeric:tabular-nums;flex-shrink:0}.setting-row:has(input:disabled){opacity:.55}.text-action{background:transparent;padding:8px 0;color:var(--accent);font-size:.875rem;justify-content:flex-start}.section-note{font-size:.8125rem;line-height:1.55;color:var(--muted);margin:8px 0 0}.zoom-controls{display:flex;align-items:center;gap:5px}.zoom-controls select{width:92px}.wide-action{width:100%;margin-top:12px;justify-content:flex-start}.export-actions{display:flex;gap:8px;flex-wrap:wrap}.export-actions>*{flex:1}.library-actions{display:grid;gap:8px;padding:16px 0}.library-actions button{justify-content:center}.library-actions #open{color:var(--accent);background:var(--selected)}#search{width:100%;margin-bottom:14px}.tune{display:flex;align-items:center;border-bottom:1px solid var(--line);padding:5px 0;gap:6px}.tune button:first-child{flex:1;min-width:0;flex-direction:column;align-items:flex-start;text-align:left;gap:2px;background:transparent;padding:10px 8px;white-space:normal}.tune-name{font-size:.9375rem;font-weight:600}.tune-file{color:var(--muted);font-size:.75rem;overflow-wrap:anywhere}.tune button[aria-current=true]{background:var(--selected)}.current-tag{font-size:.6875rem;font-weight:600;color:var(--accent)}.tune button:last-child{background:transparent;font-size:1.25rem}.perform-mode .tune button:last-child{display:none}.muted{color:var(--muted)}@keyframes sheet-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.editor{background:var(--panel);flex-shrink:0;border-top:1px solid var(--line);max-height:50dvh;overflow:auto}.editor-heading{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;gap:8px}.editor-heading .muted{font-size:.8125rem;margin-left:12px}.palette{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:0 20px 12px}.palette label{display:flex;align-items:center;gap:6px}.palette button,.palette select{font-size:.875rem}.code-wrap{display:flex;height:180px;border-block:1px solid var(--line);background:var(--bg)}#lines{margin:0;padding:12px 10px;min-width:45px;text-align:right;color:var(--muted);font:13px/22px ui-monospace,Consolas,monospace;overflow:hidden;border-right:1px solid var(--line);user-select:none}textarea{width:100%;min-height:100%;resize:vertical;outline-offset:-3px;background:var(--bg);color:var(--text);border:0;padding:12px;font:14px/22px ui-monospace,Consolas,monospace;tab-size:4}.editor.collapsed .palette,.editor.collapsed .code-wrap,.editor.collapsed #diagnostics{display:none}#diagnostics{padding:10px 20px;font-size:.8125rem;max-height:120px;overflow:auto}#diagnostics button{display:block;text-align:left;padding:4px 0;border:0;background:transparent;font-size:.8125rem;min-height:44px}.warning{color:#d9b77e}.error{color:#efa0ab}.light .warning{color:#875013}.light .error{color:#a42843}footer{display:flex;align-items:center;justify-content:space-between;padding:6px 16px;background:var(--panel);font-size:.75rem;color:var(--muted);flex-shrink:0}footer button{font-size:.8125rem;background:transparent;color:var(--accent)}dialog{max-width:620px;width:calc(100% - 32px);max-height:85dvh;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:20px;padding:24px;line-height:1.65}dialog::backdrop{background:#0a112675}dialog a{color:var(--accent)}dialog h2{font-size:1.25rem}.close{float:right}#toast{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 18px;z-index:40;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 30px #0003;font-size:.875rem}#toast[hidden]{display:none}
@media(max-width:700px){.brand-word,.optional-label{display:none}.masthead{gap:8px;min-height:56px;padding-block:5px}.header-leading{gap:6px}.header-end{gap:4px}.brand{min-width:28px}.document-context{align-self:center}#current-tune{font-size:.875rem}.context-caption{font-size:.6875rem}.toolbar{gap:8px;padding:6px 10px 10px}.toolbar button{font-size:.875rem}.transport{width:100%;justify-content:center}.practice-controls{width:100%;justify-content:center;flex-wrap:wrap}.tempo-control button{min-width:44px;width:44px}.tempo-control input#tempo{width:43px}.tempo-unit{display:none}#play{min-width:78px;padding-inline:10px}#repeat{padding-inline:9px;gap:6px}.score-scroll{padding:4px}.paper{padding:16px 7px 32px;border-radius:4px}.selection-tray{padding:5px 10px;font-size:.8125rem;gap:8px}#clear-selection{font-size:.8125rem;padding-inline:8px}.sheet{top:auto;bottom:0;left:0;right:0;width:100%;max-height:85dvh;border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom);animation:sheet-mobile .2s ease-out}.sheet-handle{display:flex;align-items:center;justify-content:center;min-height:28px;padding:10px;touch-action:none}.sheet-handle span{height:4px;width:36px;border-radius:3px;background:var(--line)}.sheet-heading{padding:4px 20px 12px;top:0}.sheet-content{padding-inline:20px}.setting-row{font-size:1rem}.editor-heading .muted{display:none}.palette{padding-inline:12px}.code-wrap{height:160px}textarea{font-size:16px}.filebar{flex-wrap:wrap;font-size:.75rem}.edit-actions{gap:6px}.edit-actions button{font-size:.8125rem}footer span{display:none}footer{justify-content:flex-end}@keyframes sheet-mobile{from{transform:translateY(20px);opacity:.5}to{transform:translateY(0);opacity:1}}}
@media(max-width:360px){.masthead{padding-inline:8px}.transport{gap:4px}.tempo-control button{min-width:44px;width:44px}.toolbar{padding-inline:4px}#play{min-width:70px}.transport #repeat span{display:none}.transport #repeat{width:44px;padding:10px}.setting-row{gap:8px}.setting-row>span:first-child{min-width:76px}.sheet-content{padding-inline:16px}}
@media(max-height:500px) and (min-width:600px){.masthead{min-height:50px}.toolbar{padding:4px 12px 7px}.context-caption{display:none}.sheet{max-height:calc(100dvh - var(--panel-top) - 12px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(prefers-reduced-transparency:reduce){.panel-backdrop{background:#0a1126dc;backdrop-filter:none}}
@media(prefers-contrast:more){:root{--line:#8191af;--muted:#d4dfef}body.light{--line:#52647f;--muted:#273951}button{border-color:var(--line)}}
@media print{body{display:block;height:auto;overflow:visible;background:white}.masthead,.toolbar,.filebar,.sheet,.panel-backdrop,.selection-tray,.editor,footer,#toast,dialog,.skip-link{display:none!important}main,.workspace{display:block;height:auto;overflow:visible}.score-scroll{overflow:visible;background:white;padding:0}.paper{background:white;min-height:0;border:0;padding:0}#score{overflow:visible}.playing-note,.playing-note *,.selected-note,.selected-note *{fill:black!important;stroke:black!important}.playback-dot{display:none}}

/* Keep true engraving size; centre only when the entire stave fits. */
#score > svg{display:block;margin-inline:auto;max-width:100%;height:auto;flex-shrink:0}
#score.selecting-notes,#score.selecting-notes *{touch-action:none;cursor:crosshair}
#score .abcjs-note{fill:var(--ink);stroke:var(--ink)}
#score .selected-note,#score .selected-note *{fill:#a33d65!important;stroke:#a33d65!important}
#score .playing-note,#score .playing-note *{fill:#344caa!important;stroke:#344caa!important}

/* Equal side columns keep the title at the actual centre of the toolbar. */
.masthead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)}
.header-leading{min-width:0}.header-end{justify-self:end;margin-left:0}.document-context{width:100%}
@media(min-width:701px){.masthead{grid-template-columns:minmax(240px,1fr) minmax(0,2fr) minmax(240px,1fr)}}

#match-tempo[hidden]{display:none}

.brand-logo{display:block;width:36px;height:36px;flex-shrink:0}

#cloud-panel{margin-block:16px;padding:16px;border:1px solid var(--border,#8993a54d);border-radius:14px}
#cloud-login-form{display:grid;gap:12px}
#cloud-login-form label{display:grid;gap:6px}
#cloud-panel input{max-width:100%;min-width:0;width:100%;box-sizing:border-box}
#cloud-panel .library-actions{flex-wrap:wrap}
#cloud-status{font-size:.9rem;line-height:1.5}
#cloud-list .tune>button:first-child{text-align:left;white-space:normal}

/* Private library: a visible disclosure control, with the same tactile surfaces as transport. */
#cloud-connect.cloud-entry{display:flex;width:100%;min-height:76px;margin-block:16px;padding:14px;gap:12px;border:1px solid var(--line);border-radius:16px;background:var(--panel2);text-align:start;box-shadow:0 1px 2px #00000012}
#cloud-connect:hover,#cloud-connect[aria-expanded=true]{background:var(--selected);border-color:var(--accent)}
#cloud-connect:active{box-shadow:inset 0 1px 3px #0002}
.cloud-entry-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:11px;background:var(--selected);color:var(--accent)}
.cloud-entry-icon .icon{width:25px;height:25px}
.cloud-entry-copy{display:grid;gap:3px;flex:1;min-width:0}
.cloud-entry-title{font-size:1rem;font-weight:650;line-height:1.3}
.cloud-entry-detail{color:var(--muted);font-size:.8125rem;font-weight:400;line-height:1.4}
.cloud-chevron{width:18px;height:18px;color:var(--muted);transition:transform .15s ease}
#cloud-connect[aria-expanded=true] .cloud-chevron{transform:rotate(90deg)}
#cloud-panel{margin-top:-8px;margin-bottom:20px;padding:18px 16px;background:var(--bg);border-color:var(--line);border-radius:16px}
.cloud-eyebrow{margin:0 0 6px;font-size:.8125rem;font-weight:600;color:var(--accent)}
#cloud-status{margin:0 0 16px;color:var(--muted);font-size:.875rem;overflow-wrap:anywhere}
#cloud-login-form{gap:16px}
#cloud-login-form label{gap:7px;font-size:.875rem;font-weight:550}
#cloud-login-form input{min-height:48px;background:var(--panel);font-weight:400}
#cloud-login{width:100%;min-height:48px;margin-top:2px}
#cloud-controls .library-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#cloud-controls .library-actions button{min-height:48px;white-space:normal}
#cloud-logout{grid-column:1/-1;background:transparent;color:var(--accent)}
.cloud-file-picker{display:grid;gap:6px;position:relative;margin-block:16px}
.cloud-file-button{display:flex;justify-content:center;align-items:center;min-height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);font-weight:550;cursor:pointer;touch-action:manipulation}
.cloud-file-button:hover{background:var(--selected)}
#cloud-upload-files:focus-visible + .cloud-file-button{outline:3px solid var(--accent);outline-offset:3px}
.cloud-file-picker .section-note{margin:0;text-align:center}
#cloud-panel[aria-busy=true] #cloud-status::before{content:"";display:inline-block;vertical-align:-2px;width:12px;height:12px;margin-right:8px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:turn 1s linear infinite}
@media(max-width:360px){#cloud-controls .library-actions{grid-template-columns:1fr}.cloud-entry-detail{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){.cloud-chevron{transition:none}#cloud-panel[aria-busy=true] #cloud-status::before{animation:none}}

/* Author display rules must never override hidden authentication states. */
#cloud-login-form[hidden],#cloud-controls[hidden],#cloud-panel[hidden]{display:none!important}

/* HIG review: clear hierarchy, adaptable widths and consistent control targets. */
[hidden]{display:none!important}
.brand{min-height:44px;min-width:44px}
#mode-toggle::after{display:none}
#mode-toggle[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}
.toolbar .group,.header-leading,.header-end,.setting-row,.zoom-controls{min-width:0}
.practice-controls{flex-wrap:wrap}
.library-search{grid-column:1/-1;background:var(--panel)}
.library-search #search{margin-bottom:0;min-height:48px}
#library .sheet-heading{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:12px;position:sticky;top:0}
#library .sheet-content>.library-actions{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:12px 0}
#library .sheet-content>.library-actions button{font-size:.875rem;white-space:normal;min-height:48px}
#cloud-connect.cloud-entry{margin-block:12px}
.tune-name,.cloud-entry-title,.cloud-entry-detail{overflow-wrap:anywhere}
.tune{min-height:64px}
.selection-tray{flex-wrap:wrap}
#selection-state{flex:1;min-width:min(180px,100%);overflow-wrap:anywhere}
.setting-row select{min-width:0}
.setting-row:has(>.zoom-controls){flex-wrap:wrap}
.zoom-controls{max-width:100%}
.palette select{min-width:0;max-width:100%}
.filebar>span{min-width:0;overflow-wrap:anywhere}
input::placeholder{color:var(--muted);opacity:1}
.sheet{scroll-padding-block:20px;scrollbar-gutter:stable}
.sheet input,.sheet select,.sheet button{scroll-margin-block:24px}
@media(max-width:700px){
 .masthead{grid-template-columns:minmax(108px,1fr) minmax(0,2fr) minmax(108px,1fr);padding-top:max(5px,env(safe-area-inset-top))}
 #mode-toggle{padding-inline:10px}
 .toolbar{padding-inline:max(6px,env(safe-area-inset-left));gap:8px}
 .setting-row:has(>.zoom-controls) .zoom-controls{margin-left:auto}
 .sheet-content{padding-bottom:max(24px,env(safe-area-inset-bottom))}
}
@media(max-width:440px){
 .transport{gap:6px;flex-wrap:wrap}
 .transport #play{min-width:70px;padding-inline:8px}
 .transport #repeat{width:44px;min-width:44px;padding:10px}
 .transport #repeat span{display:none}
 .tempo-control input#tempo{width:32px;padding-inline:1px;font-size:.875rem}
 .tempo-control{flex-shrink:0}
 .tempo-control button{width:44px;min-width:44px}
 .tempo-unit{display:none}
 .setting-row:has(>select){align-items:stretch;flex-direction:column;gap:6px;padding-block:8px}
 .setting-row>select{width:100%;max-width:none}
 .setting-row:has(>.zoom-controls){gap:6px;padding-block:8px}
 .zoom-controls{width:100%;justify-content:space-between}
 .zoom-controls select{flex:1;width:auto}
 #cloud-controls .library-actions{grid-template-columns:1fr}
}
@media(max-height:500px){
 .sheet{max-height:calc(100dvh - 24px)}
 .editor{max-height:44dvh}
}
@media(prefers-contrast:more){
 #cloud-connect.cloud-entry,.cloud-file-button{border-width:2px}
 .tune{border-bottom-width:2px}
}