/* A single instrument layout, fitted as a whole like Harmonia. */
.oeut.oeut{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:1280px!important;padding:0!important;overflow:visible!important}
.oeut .oeut__viewport{position:relative;width:100%;min-width:0;aspect-ratio:1280/780;overflow:visible;margin:0 auto}
.oeut .oeut__viewport>.oeut__frame{
 position:absolute!important;inset:0 auto auto 0!important;box-sizing:border-box!important;
 width:1280px!important;max-width:none!important;height:780px!important;min-height:780px!important;
 aspect-ratio:auto!important;padding:18px!important;display:grid!important;
 grid-template-rows:96px minmax(0,1fr)!important;gap:14px!important;
 transform:scale(var(--oeut-fit,1));transform-origin:top left;
 overflow:visible!important;background:linear-gradient(135deg,#05070b,#12091d) padding-box,linear-gradient(90deg,#36e7ff,#ff4fa3) border-box!important
}
.oeut .oeut__frame>.oeut__header{width:100%!important;min-width:0!important;height:96px!important;display:grid!important;grid-template-columns:410px minmax(0,1fr) 240px 150px!important;grid-template-areas:none!important;gap:0!important}
.oeut .oeut__header>div{grid-area:auto!important;min-width:0!important}
.oeut .oeut__identity{min-height:0!important}
.oeut .oeut__names{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;height:54px!important;font-size:27px!important;font-family:Bahnschrift,"Segoe UI",sans-serif!important;line-height:1.2!important;letter-spacing:.06em!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
.oeut .oeut__names>span{font:inherit!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;min-width:0!important}
.oeut .oeut__names>span:first-child{padding-right:62px!important}
.oeut .oeut__names>span:last-child{padding-left:62px!important}
.oeut .oeut__identity img{width:116px!important;height:116px!important;top:-8px!important}
.oeut .oeut__subtitle{font-size:9px!important;letter-spacing:.15em!important;white-space:nowrap!important;margin-top:5px!important}
.oeut .oeut__preset{padding:26px 9px!important;grid-template-columns:minmax(0,1fr) 30px 30px!important}
.oeut .oeut__actions{padding:9px 5px!important;gap:6px!important}
.oeut .oeut__brand{display:flex!important;flex-direction:column!important;padding:15px 6px!important}
.oeut .oeut__frame>.oeut__body{display:grid!important;grid-template-columns:280px minmax(0,1fr) 112px!important;grid-template-areas:none!important;height:auto!important;min-height:0!important;margin:0!important;gap:12px!important}
.oeut .oeut__body>aside,.oeut .oeut__body>main{grid-area:auto!important;order:0!important;min-width:0!important;min-height:0!important;max-width:none!important}
.oeut .oeut__controls{display:flex!important;flex-direction:column!important;padding:10px!important}
.oeut .oeut__knobs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(4,minmax(0,1fr))!important;gap:8px 12px!important;flex:1!important;min-height:0!important}
.oeut .oeut__knobUnit{min-height:112px!important}
.oeut .oeut__spectrum{width:auto!important;height:auto!important;min-height:0!important;touch-action:none}
.oeut .oeut__rail{display:flex!important;flex-direction:column!important;padding:10px!important;gap:8px!important}
.oeut .oeut__meters{display:grid!important;grid-template-columns:1fr 1fr!important;grid-area:auto!important;flex:1!important;min-height:200px!important;height:auto!important}
.oeut .oeut__qualities{display:flex!important;gap:3px!important}
.oeut .oeut__qualities button{min-width:0!important;flex:1!important}
.oeut .oeut__rail .oeut__mode{min-height:34px!important;flex:0 0 34px!important}
.oeut .oeut__monitorRow{width:auto!important;grid-template-columns:1fr 1fr!important;margin:10px 0 0!important;flex:0 0 34px!important}
.oeut .oeut__monitorRow .oeut__mode{height:34px!important;font-size:12px!important}
/* Keep the local audio player readable, outside the scaled instrument. */
@media(max-width:980px){
 .oeut .oeut__audioSection{box-sizing:border-box!important;width:100%!important;min-width:0!important;padding:10px!important;margin:0 0 12px!important}
 .oeut .oeut__audioHeading{flex-direction:column!important;align-items:stretch!important;gap:8px!important}
 .oeut .oeut__audioSection .oeut__webPlayer{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
 .oeut .oeut__webPlayer>*{min-width:0!important;max-width:100%!important}
 .oeut .oeut__drop input{width:100%!important;min-width:0!important}
 .oeut .oeut__transport{grid-template-columns:28px 28px minmax(0,1fr) 74px!important}
 .oeut .oeut__modal>div{box-sizing:border-box;width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px);overflow:auto}
}