body .studio .preset-instrument-card.device-card{width:clamp(480px,48vw,610px);min-width:480px;height:158px;min-height:158px;max-height:158px;flex:none;border-radius:3px;overflow:hidden;font-family:LiveSans,Arial,sans-serif}
body .studio .preset-instrument-card>.device-head{height:15px;min-height:15px;padding:0 5px;gap:5px;line-height:15px}
.preset-enabled{color:#ffc04d}.preset-origin{margin-left:auto;font-size:9px;font-weight:400}
body .studio .preset-body{height:141px;padding:3px;box-sizing:border-box;background:var(--live-surface,#aaa);color:var(--live-text,#222);font-size:9px;line-height:11px;display:grid;grid-template-rows:15px 70px 46px;gap:2px}
body .studio .preset-body [hidden]{display:none!important}
body .studio .preset-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px}
body .studio .preset-body select{width:220px;height:14px;min-height:14px;padding:0 2px;font:9px LiveSans,Arial;border:1px solid var(--live-frame,#555);border-radius:0;background:var(--live-field,#333);color:var(--live-curve,#00d7e6)}
body .studio .preset-toolbar button{height:14px;min-height:14px;padding:0 14px;border:0;border-radius:0;font:9px LiveSans,Arial;background:transparent;color:inherit}
body .studio .preset-toolbar button[aria-selected=true]{background:var(--live-display,#252525);color:#ffc04d}
/* Keep sample controls inside the compact device face on browser engines that
   otherwise draw their platform range thumb larger than the declared input. */
body .studio .preset-body input[type=range]{appearance:none;-webkit-appearance:none;border:0;border-radius:0;outline-offset:1px}
body .studio .preset-body input[type=range]::-webkit-slider-runnable-track{height:3px;border:1px solid var(--live-frame,#555);background:var(--live-field,#333)}
body .studio .preset-body input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:7px;height:9px;margin-top:-4px;border:1px solid var(--live-frame,#555);border-radius:0;background:var(--live-curve,#00c9db)}
body .studio .preset-body input[type=range]::-moz-range-track{height:2px;border:1px solid var(--live-frame,#555);background:var(--live-field,#333)}
body .studio .preset-body input[type=range]::-moz-range-thumb{width:5px;height:7px;border:1px solid var(--live-frame,#555);border-radius:0;background:var(--live-curve,#00c9db)}
body .studio .preset-body :is(.preset-toolbar,.preset-sample-view,.preset-controls-view,.preset-bottom){min-width:0;min-height:0}
body .studio .preset-sample-controls{gap:3px}
body .studio .preset-sample-controls .preset-control{flex-wrap:wrap;gap:0 3px}
body .studio .preset-sample-controls .preset-control>span{flex:1 1 100%}
.preset-sample-view{display:grid;grid-template-columns:35px 1fr;grid-template-rows:49px 19px;gap:2px}.preset-classic{background:var(--live-display,#252525);color:#ffc04d;text-align:center;padding-top:16px;font-size:8px}.preset-wave{position:relative;overflow:hidden;background:#202020;color:#aaa}.preset-wave>span{position:absolute;left:5px;top:1px;z-index:1;font-size:8px;pointer-events:none}.preset-wave svg{display:block;width:100%;height:49px}.preset-wave line{stroke:#555;stroke-width:.5}.preset-wave path{stroke:#ffab34;stroke-width:1;fill:none}.preset-wave rect{fill:#ffae3c;fill-opacity:.12;stroke:#f7b34c;stroke-width:1}.preset-wave small{position:absolute;right:4px;bottom:1px;font-size:8px}.preset-sample-controls{grid-column:1/-1;display:flex;gap:6px;align-items:center}.preset-control{display:flex!important;flex:1;min-width:0;align-items:center;gap:3px;margin:0!important;font-size:8px!important;line-height:10px}.preset-control>span{white-space:nowrap}.preset-control output{min-width:34px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.preset-control input[type=range]{width:35px!important;min-width:15px;flex:1;height:10px!important;min-height:10px;padding:0;margin:0;accent-color:#ffaf3d;background:transparent}.preset-loop{display:flex!important;align-items:center;gap:2px;font-size:8px!important;white-space:nowrap}.preset-loop input{width:9px!important;height:9px!important;min-height:9px;accent-color:#ffaf3d;margin:0}.preset-load{position:relative;white-space:nowrap;overflow:hidden;display:inline-block!important;border:1px solid #666;padding:1px 4px;font-size:8px!important;cursor:pointer}.preset-load input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.preset-bottom{display:flex;gap:3px}.preset-bottom fieldset{margin:0;border:1px solid #777;padding:2px 5px;min-width:0;flex:1;display:flex;gap:10px}.preset-bottom fieldset:last-child{flex:1.5}.preset-bottom legend{font-size:8px;padding:0 3px}.preset-bottom .preset-control{flex-direction:column;gap:0}.preset-bottom .preset-control input[type=range]{width:70px!important;max-width:100%}.preset-bottom .preset-control output{text-align:center}.preset-controls-view{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:22px 44px;gap:3px 12px;padding:0 6px}.preset-keyboard{grid-column:1/-1;display:flex;border:1px solid #333;max-width:320px;justify-self:center;width:100%}.preset-keyboard i{position:relative;flex:1;background:#d4d4d4;border-right:1px solid #555}.preset-keyboard i.with-black:after{content:'';position:absolute;right:-25%;top:0;height:65%;width:50%;background:#333;z-index:1}.preset-body :is(button,input,select):focus-visible{outline:1px solid var(--live-selection,#a9dbe3);outline-offset:1px}