/* Native MyAV portrait hierarchy, ported from ResizeEL.java. W/H are the
   usable app rectangle inside the phone, excluding its OS status/gesture bars. */
@font-face{font-family:smarttf;src:url('./assets/smart.ttf') format('truetype');font-display:swap}
.myav-app{position:relative;width:100%;height:calc(100% - 58px);padding:0;background:#000;color:#fff;font-family:smarttf,Arial,sans-serif;overflow:hidden;--h:710px;--w:338px;--device-colour:#6c7876}
.myav-main{position:absolute;left:0;top:0;width:85%;height:100%}.myav-mainarea{position:relative;height:78%;width:100%}.myav-model{position:absolute;left:0;top:0;width:100%;height:calc(var(--h)*.02);text-align:center;font-family:Arial,sans-serif;font-size:calc(var(--h)*.012);line-height:calc(var(--h)*.02);color:var(--device-colour);white-space:nowrap;overflow:hidden}
.myav-header{position:absolute;left:0;right:0;top:calc(var(--h)*.02);height:calc(var(--h)*.072);display:flex;align-items:center;justify-content:center}.myav-feedback{width:calc(var(--w)*.55);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#1ab4f4;font-family:MyAVDisplay,monospace;font-size:calc(var(--h)*.0264);line-height:1.13;white-space:nowrap;overflow:hidden;font-weight:400}.myav-feedback.non-avr{color:#0178e7}.myav-feedback span{display:block;max-width:100%;overflow:hidden;text-overflow:clip;text-align:center}.myav-setup{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;width:calc(var(--h)*.072);height:calc(var(--h)*.072);border:0;background:none;color:white;padding:0}.myav-setup img{display:block;width:calc(var(--h)*.052);height:calc(var(--h)*.052);object-fit:contain}.myav-setup small{font-family:smarttf,Arial;font-size:calc(var(--h)*.0136);line-height:1.1;white-space:nowrap;margin-top:calc(var(--h)*.0036)}
.myav-pager{position:absolute;left:0;bottom:calc(var(--h)*.18);width:100%;height:calc(var(--h)*.513);display:flex;align-items:center;justify-content:center;overflow:hidden;outline:0;touch-action:pan-y}.myav-mainarea.channel-strip .myav-pager{bottom:calc(var(--h)*.17)}.myav-pages{position:absolute;left:0;bottom:calc(var(--h)*.10);width:100%;height:calc(var(--h)*.08);display:flex;align-items:center;justify-content:center;overflow:hidden}.myav-mainarea.channel-strip .myav-pages{bottom:calc(var(--h)*.09)}.myav-bottom-strip{position:absolute;left:0;bottom:0;width:100%;height:calc(var(--h)*.10);display:flex;align-items:center;justify-content:center;overflow:hidden}.myav-mainarea.channel-strip .myav-bottom-strip{height:calc(var(--h)*.09)}
.myav-key:active,.myav-shortcut:active{opacity:.5!important}.myav-key-label{user-select:none}.myav-key-blank{pointer-events:none}.myav-key:focus-visible,.myav-shortcut:focus-visible,.myav-setup:focus-visible,.myav-compose-button:focus-visible{outline:2px solid #1ab4f4;outline-offset:-2px}.myav-key,.myav-shortcut{vertical-align:middle;cursor:pointer}.myav-header>.myav-key{flex-shrink:0}
.myav-volume{position:absolute;right:0;top:0;width:15%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.myav-volume .myav-key-bg{object-fit:fill}.myav-volume-number{font-family:MyAVDisplay,monospace;font-size:min(calc(var(--h)*.024),calc(var(--w)*.052));line-height:1.2;color:#1ab4f4;text-align:center;padding:0;min-height:calc(var(--h)*.036);background:transparent;flex-shrink:0;border:0;width:100%;margin:0 0 calc(var(--h)*.005)}.myav-volume-number.muted{font-size:min(calc(var(--h)*.02),calc(var(--w)*.042));white-space:nowrap}
.myav-footer{position:absolute;top:78%;left:0;width:100%;height:15%;display:flex;align-items:flex-end;justify-content:center;gap:0}.myav-mode-holder{width:calc(var(--w)*.35);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden}.myav-format-logo{width:calc(var(--w)*.31);height:calc(var(--h)*.052);object-fit:contain;margin:0 0 calc(var(--h)*.005)}.myav-speaker-holder{height:100%;width:calc(var(--w)*.16);display:flex;align-items:center;justify-content:flex-end;flex-direction:column;padding-bottom:0}.myav-speaker-holder img{width:90%;height:calc(var(--h)*.08);object-fit:contain}.myav-zone{font-family:smarttf,Arial;color:#1ab4f4;font-size:calc(var(--h)*.015);line-height:1.4;white-space:nowrap}.myav-zone.zone2{color:#f00}.myav-input-holder{width:calc(var(--w)*.33);height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column}.myav-compose-button{height:calc(var(--h)*.06);min-height:calc(var(--h)*.06);border:calc(var(--h)*.0024) solid black;border-radius:calc(var(--h)*.006);background:#d3d3d3;color:#000;font:calc(var(--h)*.024)/1.05 Arial,sans-serif;padding:0 2px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;cursor:pointer}.myav-compose-button.active{background:#00f;color:white}.myav-compose-button>small{font-size:calc(var(--h)*.015);line-height:1.2;white-space:nowrap}.myav-mode-holder .myav-compose-button{width:94%}.myav-input-holder>.myav-home{height:calc(var(--h)*.04);min-height:calc(var(--h)*.04);width:78%;margin:0 0 calc(var(--h)*.005)}.myav-home img{width:100%;height:100%;object-fit:contain}
.myav-macrobar{height:100%;display:flex;align-items:center;justify-content:center;gap:calc(var(--w)*.025)}.myav-macro-group{display:flex;flex-direction:column;align-items:center;justify-content:center}.myav-macro-group small{font:calc(var(--h)*.011)/1.1 smarttf,Arial;color:white;text-align:center}.myav-channel-rail{display:flex;gap:0;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;justify-content:flex-start;align-items:center}.myav-channel-rail::-webkit-scrollbar{display:none}.myav-channel-tile{position:relative;width:calc(var(--h)*.12);min-width:calc(var(--h)*.12);height:100%;padding:2px;border:1px solid #aaa;border-radius:2px;background:linear-gradient(#f8f8f8,#ddd);color:black;display:flex;align-items:center;justify-content:center;overflow:hidden;font:calc(var(--h)*.02)/1.15 Arial,sans-serif;text-align:center}.myav-channel-tile[aria-pressed=true]{background:linear-gradient(#ddd,#a2b6bd)}.myav-channel-tile img{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:contain;opacity:0}.myav-channel-tile img.loaded{opacity:1;background:inherit}.myav-channel-tile:has(img.loaded)>span{opacity:0}
.myav-popup-layer{position:absolute;inset:0;z-index:40;background:transparent}.myav-settings{position:absolute;top:0;right:0;width:90%;height:80%;background:rgb(158 155 140 / .9294);border-radius:calc(var(--h)*.045);color:white;overflow:hidden;font-family:smarttf,Arial}.myav-settings-scroll{height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ccc #6f6d63;padding:0}.myav-settings-header{background:white;color:black;text-align:left;padding:0;margin:0}.myav-settings-heading{font:calc(var(--h)*.019)/1.3 smarttf,Arial;margin:0;padding:0}.myav-settings-model{font:calc(var(--h)*.015)/1.25 smarttf,Arial;display:flex;align-items:center}.myav-settings-model img{height:calc(var(--h)*.015);width:auto;max-width:30%;object-fit:contain;margin-right:3px}.myav-settings-address{font:calc(var(--h)*.0105)/1.3 Arial;margin:0}.myav-settings-row{display:flex;align-items:center;gap:calc(var(--h)*.009);padding:calc(var(--h)*.007) calc(var(--h)*.004);font-size:calc(var(--h)*.0165);min-height:calc(var(--h)*.055)}.myav-settings-row>label{flex-shrink:0}.myav-profile-button{font:calc(var(--h)*.028)/1.1 smarttf,Arial;color:white;background:black;border:calc(var(--h)*.002) solid white;border-radius:calc(var(--h)*.005);padding:calc(var(--h)*.005);min-width:calc(var(--w)*.20);max-width:60%;overflow:hidden}.myav-zone-radio{font:calc(var(--h)*.028)/1.1 smarttf,Arial;display:flex;align-items:center;gap:5px;cursor:pointer}.myav-zone-radio input{width:calc(var(--h)*.024);height:calc(var(--h)*.024);margin:0;accent-color:#40bdd7}.myav-settings-row input:focus-visible{outline:2px solid white}
.myav-dropdown{position:absolute;bottom:7%;right:15%;width:50%;max-height:66%;overflow:hidden;border-radius:14px;background:white;color:black;padding:calc(var(--h)*.008) 0;box-shadow:0 5px 20px #0005;font-family:Arial,sans-serif}.myav-dropdown-list{max-height:calc(var(--h)*.60);overflow-y:auto;scrollbar-width:thin}.myav-input-row{height:calc(var(--h)*.06);min-height:calc(var(--h)*.06);display:flex;gap:0;margin:2px 0;width:100%;position:relative}.myav-input-row .input-main{position:relative;width:80%;display:flex;flex-direction:column;justify-content:center;align-items:center;border:calc(var(--h)*.0024) solid #000;border-radius:calc(var(--h)*.006);background:#d3d3d3;color:black;overflow:hidden;padding:0 3px;font:calc(var(--h)*.024)/1.05 Arial,sans-serif}.myav-input-row.active .input-main{background:#00f;color:#fff}.myav-input-row .input-main small{font-size:calc(var(--h)*.015);white-space:nowrap;max-width:100%;overflow:hidden}.myav-input-row .input-jump{background:#fff;border:0;width:20%;padding:3px;color:#000;display:flex;align-items:center;justify-content:center}.myav-input-row .input-jump img{height:65%;max-width:100%;object-fit:contain}.myav-input-led{position:absolute;right:4px;bottom:4px;width:calc(var(--h)*.015);height:calc(var(--h)*.015);background:#00ff00;border:1px solid #000;border-radius:100%}.myav-input-led.off{background:#ff0000}.myav-input-tools{height:calc(var(--h)*.05);display:flex;width:80%;gap:0;flex-shrink:0}.myav-input-tools button{height:100%;width:25%;border:2px solid black;border-radius:3px;background:#fff;padding:2px}.myav-input-tools button.active{background:#0f0}.myav-input-tools img{height:100%;width:100%;object-fit:contain}.myav-input-row .move-input{width:10%;border:0;background:#ddd;color:black;padding:0;font-size:15px}.myav-popup-modes .myav-input-row .input-main{width:100%}.myav-profiles{position:absolute;top:calc(var(--h)*.11);right:6%;width:60%;max-height:62%;background:black;padding:4px;overflow:auto;border:1px solid white;border-radius:5px;z-index:2;display:flex;flex-direction:column}.myav-profiles button{font:calc(var(--h)*.028)/1.3 smarttf,Arial;color:#fff;background:#000;border-bottom:1px solid #555;padding:7px;text-align:left}.myav-profiles button[aria-pressed=true]{background:#26788c}.myav-numeric-popup{position:absolute;left:15%;right:15%;top:25%;background:#aaa;color:#000;border:2px solid white;border-radius:10px;padding:15px;font:14px Arial;text-align:center}.myav-numeric-popup input{width:100%;padding:10px;margin:12px 0;font-size:20px}.myav-numeric-popup button{padding:7px 15px;border:1px solid #333;margin:5px;background:#ddd;color:#000}.myav-unused{position:absolute;inset:0;background:#182229;color:#f2f5f6;padding:16px;z-index:20;font-family:Arial,sans-serif;display:flex;flex-direction:column;gap:10px}.myav-unused h2{font-size:24px;font-weight:400;margin:0 0 10px}.myav-unused p{font-size:14px;line-height:1.45;color:#bbc8ce;margin:0}.myav-unused select{font:14px Arial;padding:12px;background:#26343c;color:#f2f5f6;border:1px solid #60747f;border-radius:4px}.myav-unused .unused-empty{padding-top:16px}.myav-unused button{margin-top:auto;background:#304049;color:#91a2ab;padding:12px;border-radius:24px;font-size:12px}.myav-demo-notice{font:10px/1.5 Arial;color:#8fa2a9;padding:8px}
.demo-appearance{display:flex;align-items:center;gap:10px;font-size:10px;color:#727d6b;max-width:340px;margin-top:18px}.demo-appearance select{font-size:10px;border:1px solid #c1c9b8;background:transparent;border-radius:3px;color:#52624b;padding:5px 18px 5px 8px}.myav-demo-signals{font-size:8px;color:#8f9b8a;line-height:1.5;margin-top:10px}
@media(max-width:760px){.demo-appearance{justify-content:center;margin:18px auto 0}.myav-app{height:calc(100% - 58px)}}

.myav-home img{filter:brightness(0)}
/* DrawRounded supplies only the popup background; native header content itself
   is not clipped to the rounded background's top corners. */
.myav-settings{overflow:visible}
.myav-settings-options{display:flex;align-items:center;gap:8px;max-width:100%;padding-top:10px;padding-bottom:10px;overflow:hidden}
.myav-settings-options>span{flex:0 0 auto;font-size:calc(var(--h)*.0175)}
.myav-settings-options>div{display:flex;align-items:center;overflow-x:auto;gap:calc(var(--h)*.012);min-width:0;scrollbar-width:thin;padding:4px 2px}
.myav-settings-options .myav-zone-radio{font-size:calc(var(--h)*.028);white-space:nowrap;flex-shrink:0}
.myav-settings-options img{width:calc(var(--h)*.035);height:calc(var(--h)*.035);object-fit:contain}
.myav-settings-options input[value=none]+span{color:red}

.myav-listening-modes {
  bottom:13%;left:1.5%;right:auto;width:max-content;
  display:flex;align-items:flex-end;gap:4px;
}
.myav-mode-column {
  width:calc(var(--w)*.4);padding-inline:2px;overflow-y:auto;scrollbar-width:thin;
}
.myav-mode-options {max-height:calc(var(--h)*.54 + 18px)}
.myav-mode-row {
  display:flex;height:calc(var(--h)*.06);margin-top:2px;overflow:hidden;
  border:calc(var(--h)*.0024) solid #000;border-radius:calc(var(--h)*.006);
  background:#d3d3d3;color:#000;
}
.myav-mode-row.active {background:#00f;color:#fff}
.myav-mode-row button {
  flex:1;min-width:0;padding:0 3px;border:0;
  background:transparent;color:inherit;font:calc(var(--h)*.024)/1.05 Arial,sans-serif;
}
.myav-mode-row button:focus-visible {outline:2px solid #1ab4f4;outline-offset:-2px}
.myav-mode-row .myav-mode-arrow {flex:0 0 calc(var(--h)*.047);font-size:calc(var(--h)*.029);font-weight:bold}
.myav-mode-options .myav-mode-row button {font-size:calc(var(--h)*.0216)}
.myav-mode-options .myav-mode-row button.long-label {font-size:calc(var(--h)*.018)}
.myav-mode-holder .has-sub-mode {font-size:calc(var(--h)*.0204)}
.myav-mode-holder .has-sub-mode small {font-size:calc(var(--h)*.0132)}
.myav-dsp-feedback {font-size:min(1em,calc(var(--w)*.88 / var(--label-length)))}