:root{--bg: #daf0ff;--panel: #e7f4fd;--panel-2: #ebf6fd;--line: #adc6d7;--text: #0c1820;--muted: #38637a;--accent: #006686;--rec: #c64462;--ok: #008656;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.45 Optima,Candara,Noto Sans,source-sans-pro,sans-serif;overflow:hidden}button,input,select{font:inherit;color:inherit}.app{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%}.topbar{padding:0 12px;background:var(--panel);border-bottom:1px solid var(--line)}.topbar-row{display:flex;align-items:center;gap:14px;padding:6px 0;flex-wrap:wrap}.topbar-row:first-child{padding:5px 0;border-bottom:1px solid rgba(173,198,215,.45)}.topbar-row>.group:first-child{border-left:none;padding-left:0}.brand{display:flex;align-items:center;gap:8px}.logo{display:block;height:26px;width:auto}.wordmark{font-size:15px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.songname{background:transparent;border:1px solid transparent;border-radius:12px;padding:4px 6px;width:170px;font-weight:600}.songname:hover,.songname:focus{border-color:var(--line);background:var(--panel-2);outline:none}.group{display:flex;align-items:center;gap:8px;padding-left:12px;border-left:1px solid var(--line)}.group.right{margin-left:auto}.field{display:flex;align-items:center;gap:5px;color:var(--muted);white-space:nowrap}.field>span{font-size:11px;text-transform:uppercase;letter-spacing:.05em}.field input[type=number]{width:68px}.field.slider input[type=range]{width:74px}input[type=number],input[type=text],select{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:4px 6px}input[type=number]:focus,select:focus{outline:1px solid var(--accent)}input[type=range]{accent-color:var(--accent);height:18px}button{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:5px 10px;cursor:pointer;transition:background .12s,border-color .12s}button:hover:not(:disabled){background:#b7cbda;border-color:#9baebc}button:disabled{opacity:.4;cursor:default}.ghost.sm,.mini{padding:3px 7px;font-size:12px}.ghost.icon{padding:7.5px 9px}.ghost.icon svg{display:block}.ghost.danger:hover:not(:disabled){border-color:var(--rec);color:#441825}.toggle.on{background:#7ec0df;border-color:var(--accent);color:#0d1921}.loop-range{font:11px ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace,monospace;color:var(--accent);white-space:nowrap}.transport{gap:6px}.transport-btn{width:36px;height:30px;display:grid;place-items:center;padding:0}.transport-btn svg{display:block}.transport-btn.active{background:#7ec0df;border-color:var(--accent)}.transport-btn.record{color:var(--rec)}.transport-btn.record.armed{background:var(--rec);color:#01070e;border-color:var(--rec);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.position{font:13px ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace,SF Mono,Menlo,monospace;background:#e4f4ff;border:1px solid var(--line);border-radius:12px;padding:5px 9px;min-width:86px;text-align:center;color:var(--accent)}.middle{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:0;overflow:hidden}.scrollarea{position:relative;min-height:0;overflow:hidden}.scrollarea-view{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.scrollarea-view::-webkit-scrollbar{width:0;height:0}.scrollarea-rail{position:absolute;top:5px;bottom:5px;right:4px;width:13px;border-radius:999px;background:linear-gradient(90deg,#1854782b,#ffffff80 55%,#18547814);box-shadow:inset 0 1px 3px #14466e42,inset 0 -1px #ffffffb3;touch-action:none;opacity:1;transition:opacity .14s ease}.scrollarea-rail.idle{opacity:0;pointer-events:none}.scrollarea-thumb{position:absolute;top:0;left:2px;right:2px;border:1px solid rgba(48,105,140,.55);border-radius:999px;background:linear-gradient(180deg,#f6fcff,#bfe1f3 38%,#7bb2d1 56%,#4d8fb4);box-shadow:inset 0 1px #fffffff2,0 1px 2px #14466e59}.scrollarea-rail:hover .scrollarea-thumb{background:linear-gradient(180deg,#fff,#d2ecfa 38%,#8cc2de 56%,#559dc4)}.scrollarea-rail.dragging .scrollarea-thumb{background:linear-gradient(180deg,#9cc8e0,#7bb2d1 45%,#3f82a8);box-shadow:inset 0 1px 3px #0a2d4666}.tracklist{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.panel-head{padding:10px 12px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.row{display:flex;align-items:center;gap:6px}.row.wrap{flex-wrap:wrap}.tracks{flex:1;min-height:0}.tracks>.scrollarea-view>.scrollarea-content{padding:8px 21px 8px 8px;display:flex;flex-direction:column;gap:8px}.track{background:var(--panel-2);border:1px solid var(--line);border-left:3px solid;border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:6px;cursor:pointer}.track.active{background:#bdd2e0;border-color:#96a9b6;box-shadow:inset 0 0 0 1px #00668659}.track-top{display:flex;align-items:center;gap:6px}.track-name{flex:0 1 96px;min-width:0;background:transparent;border:1px solid transparent;border-radius:6px;padding:2px 4px;font-weight:600}.track-name:hover,.track-name:focus{background:#d5ebfb;border-color:var(--line);outline:none}.notecount{font:11px ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace,monospace;color:var(--muted)}.track-actions{margin-left:auto;display:flex;align-items:center;gap:1px}.x{padding:0 4px;line-height:1.2;border:none;background:transparent;color:var(--muted)}.x:hover:not(:disabled){color:var(--rec);background:transparent}.x:disabled{opacity:.28}.empty-tracks{margin:4px 2px}.instrument,.instrument .dd{width:100%}.track-controls{display:flex;flex-direction:column;gap:4px}.track-controls .chips{display:flex;gap:6px}.mix-row{display:grid;grid-template-columns:42px minmax(0,1fr) 30px;gap:6px;align-items:center;font-size:11px;color:var(--muted)}.mix-row input{width:100%;min-width:0}.mix-row em{font:10px ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace,monospace;font-style:normal;text-align:right}.chip{width:24px;padding:2px 0;text-align:center;font-size:11px;font-weight:700}.chip.on-mute{background:#dca5b3;border-color:var(--rec);color:#0f1b23}.chip.on-solo{background:#b6997d;border-color:#613200;color:#131000}.chip.on-contour{background:#b8d6c4;border-color:#2c6a4a;color:#06231a}.pianoroll{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr);grid-template-rows:30px minmax(0,1fr);min-height:0;overflow:hidden;background:#d3e8f7}.pianoroll:after{content:"";position:absolute;inset:30px 0 0;pointer-events:none;z-index:4;box-shadow:inset 0 14px 18px -12px #14466e66,inset 0 -14px 18px -12px #14466e6b,inset 16px 0 18px -14px #14466e52}.pr-corner{grid-area:1 / 1;background:var(--panel);border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:3px}.pr-ruler{grid-area:1 / 2;border-bottom:1px solid var(--line);cursor:pointer;overflow:hidden}.pr-keys{grid-area:2 / 1;overflow:hidden;cursor:pointer;touch-action:none}.pr-grid{grid-area:2 / 2;position:relative;overflow:hidden;touch-action:none}.pr-grid canvas,.pr-keys canvas,.pr-ruler canvas{display:block;position:absolute}.pr-grid canvas.overlay{pointer-events:none}.pianoroll.no-track .pr-keys,.pianoroll.no-track .pr-grid,.pianoroll.no-track .pr-ruler,.pianoroll.no-track .pr-corner{filter:grayscale(1) contrast(.55) opacity(.5);pointer-events:none}.pr-empty{grid-area:2 / 2;place-self:center;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 22px;border:1px solid var(--line);border-radius:14px;background:#ffffffbf;box-shadow:0 4px 16px #1e5a8c2e;color:var(--muted)}.pr-empty p{margin:0;font-weight:600}.bottom{background:var(--panel);border-top:1px solid var(--line);display:flex;flex-direction:column;max-height:42vh}.tabs{display:flex;align-items:center;gap:2px;padding:0 8px;border-bottom:1px solid var(--line)}.tab{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;padding:9px 14px;color:var(--muted)}.tab:hover{background:transparent;color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.status{margin-left:auto;color:var(--muted);font-size:12px;padding-right:8px;max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabbody{min-height:0}.tabbody>.scrollarea-view>.scrollarea-content{padding:12px 27px 12px 14px}.pane{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.col{display:flex;flex-direction:column;gap:10px;min-width:0}.col.narrow{border-left:1px solid var(--line);padding-left:18px}.col h3{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.hint{margin:0;color:var(--muted);font-size:12px;max-width:68ch}.hint.small{font-size:11px}.meta{margin:0;color:var(--muted);font:11px ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace,monospace}.credits{margin:16px 0 0;padding-top:8px;border-top:1px solid rgba(173,198,215,.5);font-size:10px;color:#38637aa6;text-align:center}.error{margin:0;color:#5a1b2e;font-size:12px}.ok{margin:0;color:var(--ok);font-size:12px}.bigrecord{background:var(--rec);border-color:#9d2c48;color:#fff;font-weight:600;padding:8px 22px;border-radius:12px}.bigrecord:hover:not(:disabled){background:#b13454;border-color:#89183d}.bigrecord:disabled{opacity:.65;cursor:default}.bigrecord.on{background:#adc1cf;border-color:var(--rec);color:#31141d;animation:pulse 1s ease-in-out infinite}.meter{position:relative;height:20px;background:#e4f4ff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.meter-fill{height:100%;background:linear-gradient(90deg,#2c865a,#004227);transition:width .06s linear}.meter-fill.hot{background:linear-gradient(90deg,#976f4d,var(--rec))}.meter-label{position:absolute;inset:0;display:grid;place-items:center;font:11px ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace,monospace;color:#15222a;text-shadow:0 1px 2px #000000}.check{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.sliders{display:flex;flex-direction:column;gap:7px;max-width:560px}.slider-row{display:grid;grid-template-columns:150px 1fr 80px;align-items:center;gap:10px}.slabel{color:var(--muted);font-size:12px}.svalue{font:11px ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace,monospace;color:var(--text);text-align:right}.nudge{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.nudge-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nudge-row input[type=range]{flex:1;min-width:220px}.ghost.primary{background:#7ec0df;border-color:var(--accent);color:#0d1921}.detail-dial{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px 8px;max-width:560px}.detail-dial input[type=range]{width:100%}.detail-ends{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.detail-ends strong{font:14px ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace,monospace;color:var(--accent)}.nudge-title{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);min-width:38px}.nudge-value{font:14px ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace,monospace;color:var(--accent);min-width:78px;text-align:right}.takepick{min-width:260px}.unit{color:var(--muted);font-size:11px}.menuwrap{position:relative}.menu{position:absolute;top:calc(100% + 6px);left:0;z-index:40;min-width:252px;padding:8px;display:flex;flex-direction:column;gap:2px;background:#ffffffd1;background-image:linear-gradient(180deg,#fffffff2,#e7f4fdbf);backdrop-filter:blur(9px);border:1px solid var(--line);border-radius:14px;box-shadow:inset 0 1px #ffffffe6,0 10px 28px #1e5a8c47}.menu.right{left:auto;right:0}.menu-summary{padding:2px 8px 6px;margin-bottom:3px;font-size:11px;color:var(--muted);border-bottom:1px solid rgba(173,198,215,.6);white-space:nowrap}.menu-label{padding:7px 8px 2px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.menu-item{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:5px 8px;border:none;border-radius:8px;background:transparent;background-image:none;box-shadow:none;text-align:left;color:var(--text);white-space:nowrap}.menu-item:hover:not(:disabled){background:#0066861f;border:none}.menu-item:disabled{opacity:.4}.menu-item.danger:hover:not(:disabled){background:#c6446224;color:#441825}.menu-row{display:flex;align-items:center;gap:5px;padding:3px 8px}.menu-row-label{flex:1;font-size:12px;color:var(--text)}.shortcuts-menu{min-width:320px}.menu-keys{margin:0;padding:2px 8px 4px;list-style:none;display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted);white-space:nowrap}kbd{background:#e4f4ff;border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:0 4px;font:10px ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace,monospace;color:var(--text)}.dd{display:inline-flex;max-width:100%}.dd-btn{display:inline-flex;align-items:center;gap:6px;flex:1;min-width:0;padding:4px 8px;background:var(--panel-2);background-image:none;box-shadow:none}.dd-btn:hover:not(:disabled){background:#d5ebfb;border-color:var(--line)}.dd-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-chevron{flex:none;color:var(--muted)}.dd-menu{min-width:0}.dd-scroll .scrollarea-view{height:auto;max-height:calc(min(46vh,340px) - 16px)}.dd-scroll .scrollarea-content{display:flex;flex-direction:column;gap:2px;padding-right:17px}.dd-menu .menu-item.selected{background:#00668624}.dd-check{flex:none;color:var(--accent)}.dd-optlabel{min-width:0;overflow:hidden;text-overflow:ellipsis}.rec-badge{position:fixed;top:60px;left:50%;transform:translate(-50%);background:var(--rec);color:#01070e;padding:6px 16px;border-radius:999px;font-weight:600;letter-spacing:.03em;box-shadow:0 6px 22px #c6446259;pointer-events:none;z-index:20}.rec-badge.countIn{background:var(--accent);color:#edf9ff;box-shadow:0 6px 22px #00668659}@media (max-width: 1100px){.pane{grid-template-columns:minmax(0,1fr)}.col.narrow{border-left:none;border-top:1px solid var(--line);padding-left:0;padding-top:12px}}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;height:21px}input[type=range]::-webkit-slider-runnable-track{height:8px;background:#ebf6fd;border:1px solid #adc6d7;border-radius:99px;box-shadow:inset 0 1px 2px #00285a38;background-image:linear-gradient(180deg,#00285a14,#ffffff40)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;margin-top:-5px;background:linear-gradient(180deg,#fffffff2,#006686 48%,#003d52);border:1px solid #003d52;border-radius:99px;box-shadow:0 1px 3px #003d5266,inset 0 1px 1px #ffffffd9;cursor:pointer}input[type=range]::-moz-range-track{height:8px;background:#ebf6fd;border:1px solid #adc6d7;border-radius:99px;box-shadow:inset 0 1px 2px #00285a38;background-image:linear-gradient(180deg,#00285a14,#ffffff40)}input[type=range]::-moz-range-thumb{width:17px;height:17px;background:linear-gradient(180deg,#fffffff2,#006686 48%,#003d52);border:1px solid #003d52;border-radius:99px;box-shadow:0 1px 3px #003d5266,inset 0 1px 1px #ffffffd9;cursor:pointer}input[type=checkbox]{-webkit-appearance:none;appearance:none;width:15px;height:15px;margin:0 2px;border:1px solid #adc6d7;border-radius:4px;background:linear-gradient(180deg,#fffffff2,#ebf6fd);display:inline-grid;place-content:center;cursor:pointer;vertical-align:middle}input[type=checkbox]:before{content:"";width:9px;height:9px;transform:scale(0);transition:transform .09s ease-in-out;background:#006686;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}input[type=checkbox]:checked{border-color:#006686}input[type=checkbox]:checked:before{transform:scale(1)}input[type=radio]{-webkit-appearance:none;appearance:none;width:15px;height:15px;margin:0 2px;border:1px solid #adc6d7;border-radius:50%;background:#ebf6fd;display:inline-grid;place-content:center;cursor:pointer;vertical-align:middle}input[type=radio]:before{content:"";width:7px;height:7px;border-radius:50%;transform:scale(0);background:#006686}input[type=radio]:checked{border-color:#006686}input[type=radio]:checked:before{transform:scale(1)}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'10'%20height%3D'6'%3E%3Cpath%20d%3D'M1%201l4%204%204-4'%20fill%3D'none'%20stroke%3D'%2338637a'%20stroke-width%3D'1.6'%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:24px}.numfield{display:inline-flex;align-items:stretch;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;overflow:hidden}.numfield:focus-within{outline:1px solid var(--accent)}.numfield input[type=number]{border:none;background:transparent;border-radius:0;width:44px;padding:4px 2px 4px 9px;-moz-appearance:textfield;appearance:textfield}.numfield input[type=number]::-webkit-inner-spin-button,.numfield input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numfield input:focus,.numfield input:focus-visible{outline:none}.numsteps{display:flex;flex-direction:column;border-left:1px solid var(--line)}.numsteps button{flex:1;display:grid;border:none;border-radius:0;background:transparent;padding:0 6px;color:#38637a;line-height:1;cursor:pointer}.numsteps button:first-child{place-content:end center;padding-bottom:2.5px}.numsteps button:last-child{place-content:start center;padding-top:2.5px}.numsteps button:hover{background:#0066861f}:focus-visible{outline:2px solid #006686;outline-offset:2px}::selection{background:#006686;color:#edf9ff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#daf0ff}::-webkit-scrollbar-thumb{background:#ebf6fd;border:1px solid #adc6d7;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#adc6d7}button:active:not(:disabled){transform:translateY(1px)}a{text-decoration-thickness:2px;text-underline-offset:3px}body{background:radial-gradient(120% 90% at 18% -10%,#ffffffd9,#fff0 55%),linear-gradient(180deg,#ecf8ff 0%,var(--bg) 45%,#b5daf1 100%)}.topbar{background-image:linear-gradient(180deg,#ffffffeb,#ffffff59 48%,#fff0 52%,#4296c81f);box-shadow:inset 0 1px #ffffffe6,0 2px 8px #1e5a8c1a}button{background-image:linear-gradient(180deg,#ffffffe6,#ffffff40 45%,#fff0 55%,#3c8cbe1a);box-shadow:inset 0 1px #ffffffd9,0 1px 2px #1e5a8c26}.tab,.x{background-image:none;box-shadow:none}.toggle.on,.transport-btn.active,.ghost.primary{background-image:linear-gradient(180deg,#ffffff8c,#ffffff1f 45%,#00507814 55%,#00507829)}.bigrecord{background-image:linear-gradient(180deg,#ffffff59,#ffffff14 42%,#78001e1a 55%,#78001e2e);box-shadow:inset 0 1px #ffffff73,0 2px 6px #c644624d;text-shadow:0 1px 2px rgba(80,0,20,.35)}.track{background:#ffffff8c;background-image:linear-gradient(180deg,#ffffffbf,#ffffff26);box-shadow:inset 0 1px #ffffffe6,0 2px 6px #1e5a8c1f}.track.active{box-shadow:inset 0 0 0 1px #00668659,inset 0 1px #ffffffe6,0 3px 10px #1e5a8c2e}.tracklist,.bottom{background-image:linear-gradient(180deg,#ffffff8c,#fff0 120px)}.position{background:linear-gradient(180deg,#cfeefd,#e9fbff 55%,#d8f3fe);box-shadow:inset 0 1px 3px #14507840,inset 0 -1px #fffc}.meter{background:linear-gradient(180deg,#c9dfef,#eef8ff);box-shadow:inset 0 1px 3px #14507847}.meter:after{content:"";position:absolute;inset:0 0 50%;background:linear-gradient(180deg,#ffffffa6,#ffffff14);pointer-events:none}.rec-badge{background-image:linear-gradient(180deg,#ffffff80,#ffffff1a 45%,#78001e26);box-shadow:inset 0 1px #ffffffa6,0 6px 22px #c6446266;text-shadow:0 1px 2px rgba(80,0,20,.35)}.rec-badge.countIn{background-image:linear-gradient(180deg,#ffffff80,#ffffff1a 45%,#003c5533);box-shadow:inset 0 1px #ffffff8c,0 6px 22px #00668666;text-shadow:0 1px 2px rgba(0,45,62,.4)}kbd{background:linear-gradient(180deg,#fff,#dceefa);box-shadow:inset 0 1px #ffffffe6}@supports (height: 100dvh){html,body,#root{height:100dvh}}.app{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app>*{min-width:0}html{background:var(--bg)}body{background-color:var(--bg);background-repeat:no-repeat}button,input,select{touch-action:manipulation}.m-only{display:none}@media (max-width: 760px),(max-height: 520px){.m-hide{display:none}.m-only{display:revert}body{font-size:14px}.topbar{padding:0 8px}.topbar-row{flex-wrap:nowrap;overflow-x:auto;gap:8px;scrollbar-width:none}.topbar-row::-webkit-scrollbar{display:none}.group{flex:0 0 auto;gap:6px;padding-left:8px}.songname{width:120px;min-width:80px}.field.slider input[type=range]{width:64px}input[type=number],input[type=text],select{font-size:16px}.transport{gap:4px}.transport-btn{width:38px;height:34px}.position{min-width:0;font-size:11px;padding:6px 8px}.group.transport{flex:0 0 auto}.group.tools{flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.group.tools::-webkit-scrollbar{display:none}.group.tools>*{flex:0 0 auto}.numsteps button{padding:0 8px}.menu,.menu.right{position:fixed;left:10px;right:10px;top:auto;bottom:calc(10px + env(safe-area-inset-bottom));z-index:60;min-width:0;max-height:min(60vh,430px);overflow-y:auto}.menu-summary,.menu-keys{white-space:normal}.menu-row input[type=range]{flex:1;min-width:0}.menu-row .dd{min-width:0;flex:1}.menu-item{white-space:normal}.menu .dd-menu{position:static;min-width:0;margin:2px 0;background:#ffffffa6;box-shadow:inset 0 1px 3px #14466e26}.menu .dd-menu .scrollarea-view{max-height:220px}.menu-row .numfield{margin-left:auto}.song-menu .menu-row-label{flex:0 0 76px}.status{font-size:11px;max-width:32vw}.tab{padding:9px 10px}.tabbody>.scrollarea-view>.scrollarea-content{padding:10px 16px 12px 10px}.pane{gap:14px}.col.narrow{padding-top:10px}.slider-row{grid-template-columns:104px minmax(0,1fr) 56px;gap:8px}.nudge-row input[type=range]{min-width:120px}.takepick{min-width:0;max-width:100%}}@media (max-width: 760px) and (orientation: portrait){.middle{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.tracklist{border-right:none;border-bottom:1px solid var(--line)}.panel-head{display:flex;align-items:center;gap:10px;padding:6px 10px}.panel-head h2{margin:0}.tracks{flex:none}.tracks>.scrollarea-view{overflow-x:auto;overflow-y:hidden}.tracks>.scrollarea-view>.scrollarea-content{flex-direction:row;align-items:stretch;width:max-content;min-width:100%;padding:8px}.track{flex:0 0 200px}.track .mix-row{display:none}.empty-tracks{white-space:nowrap}.bottom{max-height:34vh}}@media (max-height: 520px) and (orientation: landscape){.middle{grid-template-columns:220px minmax(0,1fr)}.bottom{max-height:60vh}}