:root{color:#171717;background:#f7f4ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{display:grid;min-width:320px;overflow-x:hidden;place-items:center;background-color:#f7f4ec;background-image:radial-gradient(circle,rgba(62,62,58,.22) .9px,transparent 1px);background-size:18px 18px}.app-shell{width:100%;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:14px;background-color:#f7f4ec;background-image:radial-gradient(circle,rgba(62,62,58,.22) .9px,transparent 1px);background-size:18px 18px}.instrument-stage{width:100%;min-width:0;display:grid;justify-items:center;align-content:center;gap:10px}.utility-buttons{position:fixed;top:14px;left:14px;z-index:30;display:flex;gap:8px}.utility-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(23,23,23,.34);border-radius:50%;background:#f7f4ece6;color:#171717;box-shadow:0 8px 18px #17171724;cursor:pointer}.utility-button span{display:block;transform:translateY(-1px);font:800 11px/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;text-align:center}.utility-button:first-child span{font-size:20px}.utility-button-active{background:#ffeb59e0;border-color:#17171780}.help-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:#17171761}.help-dialog{position:relative;width:min(640px,100%);max-height:min(760px,calc(100svh - 40px));overflow:auto;border:1px solid rgba(23,23,23,.32);border-radius:8px;padding:24px 28px 26px;background:#f7f4ec;box-shadow:0 30px 70px #17171757}.help-dialog h1{margin:0 42px 18px 0;color:#171717;font:800 24px/1.1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0}.help-dialog h2{margin:18px 0 7px;color:#171717;font:800 13px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase}.help-dialog p{margin:0 0 10px;color:#292929;font:500 15px/1.5 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0}.help-dialog .help-highlight{margin:18px 0 16px;color:#171717}.help-dialog .help-highlight mark{padding:.04em .16em;background:#ffeb59b8;box-decoration-break:clone;-webkit-box-decoration-break:clone;color:#171717}.help-close{position:absolute;top:14px;right:14px;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(23,23,23,.24);border-radius:50%;background:#ffffff94;color:#171717;cursor:pointer}.help-close span{transform:translateY(-1px);font:800 18px/1 Inter,ui-sans-serif,system-ui,sans-serif}.instrument-scroll{width:100%;min-width:0;overflow-x:auto;overflow-y:visible;padding-bottom:6px;overscroll-behavior-x:contain}.instrument-scroll-inner{width:max-content;min-width:100%;display:grid;justify-items:center}.instrument-svg{--instrument-height-limit: calc(100svh - 76px) ;width:auto;width:min(var(--instrument-display-width, 1120px),calc(var(--instrument-height-limit) * var(--instrument-aspect-ratio, 1.261)));min-width:0;max-width:none;height:auto;display:block;touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 26px 34px rgba(0,0,0,.42))}.octave-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;width:min(100%,620px);padding:3px;border:1px solid rgba(23,23,23,.28);border-radius:7px;background:#ffffff9e;box-shadow:0 8px 18px #1717171f}.octave-tab{appearance:none;border:0;border-radius:5px;flex:1 1 58px;min-height:28px;padding:0 8px;background:transparent;color:#222;font:700 11px/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;cursor:pointer}.octave-tab-active{background:#1f1f1f;color:#f7f4ec}svg [role=button],svg [role=slider],svg circle,svg rect{outline:none}@media(max-width:560px){.app-shell{padding:8px}.utility-buttons{top:8px;left:8px}.help-backdrop{padding:12px}.help-dialog{padding:20px 20px 22px}.instrument-svg{--instrument-height-limit: calc(100svh - 96px) }}