.ev-workbench{--ev-bg:#111611;--ev-panel:#1a211a;--ev-raised:#242c23;--ev-line:#354032;--ev-text:#edf0e6;--ev-muted:#96a18e;--ev-accent:#c9ed75;--ev-ink:#1e2b11;max-width:1260px;margin:28px auto 48px;padding:30px;border:1px solid var(--ev-line);border-radius:20px;background:var(--ev-bg);color:var(--ev-text);font-family:PingFang SC,Microsoft YaHei,sans-serif;box-shadow:0 20px 70px #0002}.ev-light{--ev-bg:#f1f3eb;--ev-panel:#fffef8;--ev-raised:#e5e9db;--ev-line:#d0d7c3;--ev-text:#283321;--ev-muted:#6d785e;--ev-accent:#476d19;--ev-ink:#fff}.ev-black{--ev-bg:#090b09;--ev-panel:#131713;--ev-raised:#202620;--ev-line:#343c34;--ev-accent:#e5eadb}.ev-blue{--ev-bg:#101a25;--ev-panel:#182535;--ev-raised:#24354a;--ev-line:#3b4d65;--ev-accent:#96caff;--ev-ink:#0d2440;--ev-muted:#91a6bb}.ev-gold{--ev-bg:#1b1812;--ev-panel:#252119;--ev-raised:#312b1f;--ev-line:#51452f;--ev-accent:#e6c788;--ev-ink:#332508;--ev-muted:#ada18b}.ev-workbench a,.ev-workbench button{touch-action:manipulation}.ev-fader:focus-visible,.ev-workbench button:focus-visible,.ev-workbench select:focus-visible{outline:2px solid var(--ev-accent);outline-offset:4px}.ev-workbench button:disabled{opacity:.5;cursor:wait}.ev-actions,.ev-card-title,.ev-card-title>div,.ev-footer,.ev-navigation,.ev-navigation>div,.ev-row,.ev-top{display:flex;align-items:center;gap:12px}.ev-top{justify-content:space-between;margin-bottom:28px}.ev-kicker{font:10px monospace;letter-spacing:2px;color:var(--ev-muted)}.ev-top h1{font-size:24px;font-weight:600;margin:9px 0 0}.ev-top h1>span{font-weight:400;margin-left:18px}.ev-actions,.ev-top h1>span{font-size:11px;color:var(--ev-muted)}.ev-actions>button{padding:9px;border:1px solid var(--ev-line);border-radius:7px}.ev-credit{border-right:1px solid var(--ev-line);padding-right:16px}.ev-navigation{justify-content:space-between;border-block:1px solid var(--ev-line);padding:14px 0;margin-bottom:22px}.ev-navigation button{display:flex;align-items:center;gap:9px;padding:10px 17px;font-size:12px;border-radius:6px;color:var(--ev-muted);border:1px solid transparent}.ev-navigation .ev-connected,.ev-navigation .selected{border-color:color-mix(in srgb,var(--ev-accent) 30%,transparent);color:var(--ev-accent);background:color-mix(in srgb,var(--ev-accent) 8%,transparent)}.ev-navigation>button{border-color:var(--ev-line);max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ev-card,.ev-monitor{background:var(--ev-panel);border:1px solid var(--ev-line);border-radius:10px}.ev-monitor{justify-content:space-between;padding:28px 34px;min-height:200px}.ev-current,.ev-monitor{display:flex;align-items:center}.ev-current{font:64px Avenir Next,sans-serif;font-weight:500;color:var(--ev-accent);margin:10px 0}.ev-current>span{font:24px monospace;color:var(--ev-text);margin-left:25px;padding:9px 0 9px 25px;border-left:1px solid var(--ev-line);display:flex;align-items:center;gap:12px}.ev-current small{font:10px sans-serif;color:var(--ev-muted)}.ev-monitor>div>p{font-size:10px;color:var(--ev-muted)}.ev-monitor>div>p i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--ev-muted);margin-right:7px}.ev-monitor>div>p i.live{background:var(--ev-accent)}.ev-tuning{width:32%;min-width:180px;text-align:right}.ev-tuning>div{display:flex;align-items:center;justify-content:space-between;height:55px}.ev-tuning>div i{width:2px;background:var(--ev-line)}.ev-tuning>div i.lit{background:var(--ev-accent);width:3px;position:relative}.ev-tuning>div i.lit:before{content:"";width:5px;height:5px;background:var(--ev-accent);border-radius:50%;position:absolute;top:-10px;left:-1px}.ev-tuning p{display:flex;justify-content:space-between;font:9px monospace;color:var(--ev-muted);margin-top:8px}.ev-tuning button{font-size:10px;display:inline-flex;align-items:center;gap:6px;color:var(--ev-muted);margin-top:20px}.ev-card{padding:22px;margin-top:20px}.ev-card-title{justify-content:space-between;margin-bottom:20px}.ev-card-title h2{font-size:13px;font-weight:500}.ev-card-title h2>span{font:10px monospace;color:var(--ev-accent);margin-right:15px;border-right:1px solid var(--ev-line);padding-right:15px}.ev-card-title button,.ev-footer button,.ev-presets>button{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--ev-muted);padding:7px 10px;border-radius:5px}.ev-card-title button.selected{background:var(--ev-raised);color:var(--ev-text)}.ev-card-title .ev-primary{color:var(--ev-ink);background:var(--ev-accent);padding:9px 14px}.ev-note-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.ev-note-grid>button{background:var(--ev-raised);border:1px solid var(--ev-line);padding:14px 18px;border-radius:6px;text-align:left;display:flex;flex-direction:column;gap:8px;min-height:120px;justify-content:space-between;transition:transform .1s,background .15s}.ev-note-grid>button:active{transform:translateY(2px)}.ev-note-grid>button.active{background:var(--ev-accent);color:var(--ev-ink);border-color:var(--ev-accent)}.ev-note-grid>button small,.ev-note-grid>button>span{font:9px monospace;opacity:.65}.ev-note-grid>button b{font:30px Avenir Next,sans-serif}.ev-caption{color:var(--ev-muted);font-size:10px;line-height:1.8;margin-top:16px;display:flex;align-items:center;gap:8px}.ev-bottom{display:grid;grid-template-columns:1fr 1.15fr;gap:20px}.ev-presets,.ev-step{display:flex;align-items:center;gap:14px;min-height:100px}.ev-presets h2,.ev-step h2{font-size:12px;font-weight:500}.ev-step>button{border:1px solid var(--ev-line);background:var(--ev-raised);border-radius:5px;width:44px;height:44px;font-size:27px}.ev-step>button:first-of-type{margin-left:auto}.ev-step label{font-size:9px;color:var(--ev-muted);display:flex;flex-direction:column;gap:6px}.ev-step select{font-size:10px;padding:6px;border:1px solid var(--ev-line);background:var(--ev-raised);border-radius:4px;color:var(--ev-text)}.ev-presets>svg{color:var(--ev-accent);flex-shrink:0}.ev-presets p{font-size:9px;color:var(--ev-muted);margin-top:7px}.ev-presets>button{margin-left:auto;white-space:nowrap;border:1px solid var(--ev-line);background:var(--ev-raised)}.ev-footer{flex-wrap:wrap;font-size:9px;color:var(--ev-muted);margin-top:24px;gap:20px}.ev-footer>span{margin-right:auto}.ev-footer button{padding:5px 0}.ev-footer .ev-panic{color:#d4b2a0}.ev-notice{background:#cfa86c10;color:#c7af8c;border:1px solid #cfa86c33;padding:12px 16px;font-size:11px;line-height:1.8;border-radius:7px;margin-bottom:18px}.ev-piano{position:relative;display:flex;gap:4px;height:260px}.ev-piano .white{flex:1;min-width:0;background:#e9ebde;border-bottom:6px solid #aeb5a4;color:#293522;border-radius:0 0 5px 5px;font-size:18px}.ev-piano .black,.ev-piano .white{display:flex;align-items:flex-end;justify-content:center;padding-bottom:18px}.ev-piano .black{position:absolute;top:0;width:8.4%;height:66%;background:linear-gradient(#30372c,#0d120b);border-bottom:6px solid #080c06;color:#aeb6a0;border-radius:0 0 4px 4px;box-shadow:4px 4px 5px #0006;font-size:12px}.ev-piano button.active{background:var(--ev-accent);color:var(--ev-ink)}.ev-mixer{display:grid;grid-template-columns:repeat(7,1fr);padding:10px 0}.ev-strip{text-align:center;border-right:1px solid var(--ev-line);padding:0 12px;display:flex;flex-direction:column;align-items:center}.ev-strip:last-child{border:0}.ev-strip:nth-child(5){border-left:1px solid var(--ev-muted)}.ev-strip>strong{font:11px monospace;letter-spacing:.8px}.ev-strip>small{font:8px monospace;color:var(--ev-muted);margin-top:8px}.ev-strip>b{font:28px monospace;color:var(--ev-accent);margin:20px 0}.ev-strip.muted>b{color:var(--ev-muted)}.ev-track-area{height:220px;position:relative;margin:10px 0 24px}.ev-scale{position:absolute;right:30px;top:-4px;font:8px monospace;line-height:55px;color:var(--ev-muted);transform:translateY(-22px)}.ev-fader{position:relative;width:6px;height:100%;background:var(--ev-bg);border:1px solid var(--ev-line);border-radius:5px;touch-action:none;cursor:ns-resize}.ev-fader:before{content:"";position:absolute;inset:-12px -22px}.ev-fader>i{position:absolute;bottom:0;left:0;right:0;background:color-mix(in srgb,var(--ev-accent) 45%,transparent);border-radius:4px}.ev-fader-cap{position:absolute;left:-14px;width:32px;height:21px;transform:translateY(50%);background:linear-gradient(var(--ev-raised),var(--ev-panel));border:1px solid var(--ev-muted);border-radius:3px;pointer-events:none;box-shadow:0 4px 5px #0004}.ev-fader-cap:after{content:"";height:2px;left:5px;right:5px;top:9px}.ev-fader-cap:after,.ev-ghost{position:absolute;background:var(--ev-accent)}.ev-ghost{left:20px;width:8px;height:8px;border-radius:50%;transform:translateY(50%)}.ev-strip>button{font:10px monospace;color:var(--ev-muted);padding:8px 12px;border:1px solid var(--ev-line);border-radius:5px;margin-bottom:5px}.ev-strip>button.on{color:var(--ev-accent);border-color:color-mix(in srgb,var(--ev-accent) 35%,transparent)}.ev-mixer-footer{border-top:1px solid var(--ev-line);padding-top:20px;margin:15px 0 0}.ev-mixer-footer>span{font-size:9px;color:var(--ev-muted)}.ev-drum-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.ev-drum-grid>button{min-height:165px;background:var(--ev-raised);border:solid var(--ev-line);border-width:1px 1px 4px;border-radius:7px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;touch-action:none;user-select:none;-webkit-user-select:none}.ev-drum-grid>button>span{display:flex;justify-content:space-between;width:100%;font:8px monospace;color:var(--ev-muted)}.ev-drum-grid>button>i{font:35px sans-serif;color:var(--ev-muted);opacity:.6;margin:10px 0}.ev-drum-grid>button>b{font:12px monospace;letter-spacing:1px}.ev-drum-grid>button>small{font-size:9px;color:var(--ev-muted);margin-top:7px}.ev-drum-grid>button.pressed{background:var(--ev-accent);color:var(--ev-ink);border-color:var(--ev-accent);transform:translateY(2px)}.ev-drum-grid>button.pressed *{color:var(--ev-ink)}.ev-drum-grid>button.editing{border-style:dashed;cursor:grab}.ev-drum-grid>button.dragging{opacity:.4}.ev-card-title em{color:#eda78c;font-size:10px;margin-left:15px;font-style:normal}.ev-fields{font-size:11px;color:var(--ev-muted)}.ev-fields,.ev-fields>label{display:flex;flex-direction:column;gap:12px}.ev-fields>label.ev-check{flex-direction:row}.ev-fields input[type=range]{accent-color:var(--ev-accent);padding:0}.ev-fields select{color:var(--ev-text);background:var(--ev-raised);padding:10px;border:1px solid var(--ev-line);border-radius:6px}.ev-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;font-size:11px;line-height:1.7}.ev-check input[type=checkbox]{width:15px;height:15px;accent-color:#628a34;flex-shrink:0}.ev-workbench .ev-row{margin-top:18px}.ev-workbench .ev-row select{background:var(--ev-raised);border:1px solid var(--ev-line);padding:7px 10px;color:var(--ev-text);font-size:11px;border-radius:5px}.ev-workbench .ev-row button{font-size:11px;color:var(--ev-accent)}.ev-dialog-primary,.ev-dialog-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;font-size:12px;padding:10px 16px;border-radius:7px;border:1px solid hsl(var(--border))}.ev-dialog-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.ev-dialog-secondary{background:hsl(var(--muted));color:hsl(var(--foreground))}.ev-dialog-device{display:flex;align-items:center;gap:12px;border:1px solid hsl(var(--border));padding:15px;border-radius:7px;font-size:12px}.ev-dialog-fields{display:flex;flex-direction:column;gap:18px}.ev-dialog-fields label:not(.ev-check){display:flex;flex-direction:column;gap:8px;font-size:12px}.ev-dialog-fields input:not([type=checkbox]),.ev-dialog-fields select,.ev-dialog-fields textarea,.ev-dialog-input,.ev-preset-row input{background:hsl(var(--muted));border:1px solid hsl(var(--border));padding:10px 12px;border-radius:6px;width:100%;min-width:0;font-size:12px;color:hsl(var(--foreground))}.ev-channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ev-channel-grid label{font-size:10px!important}.ev-theme-picker{display:flex;gap:8px;flex-wrap:wrap}.ev-theme-picker>button{padding:8px 12px;font-size:11px;border:1px solid hsl(var(--border));border-radius:6px}.ev-theme-picker>button[aria-pressed=true]{border-color:hsl(var(--primary));color:hsl(var(--primary))}.ev-code{display:block;overflow-wrap:anywhere;padding:12px;background:hsl(var(--muted));border-radius:6px;font-size:10px}.ev-dialog summary{cursor:pointer;font-size:12px}.ev-file{position:relative;cursor:pointer;display:inline-flex!important}.ev-file input{position:absolute;inset:0;opacity:0;cursor:pointer}.ev-preset-row{display:flex;align-items:center;gap:12px;border-top:1px solid hsl(var(--border));padding:15px 0}.ev-preset-row>b{font-size:22px;color:hsl(var(--primary));width:40px;flex-shrink:0}.ev-preset-row input{flex:1}.ev-preset-row small{font:10px monospace;color:hsl(var(--muted-foreground))}.ev-logs{max-height:48vh;overflow:auto;background:hsl(var(--muted));padding:12px;border-radius:6px}.ev-logs p{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid hsl(var(--border));font-size:10px;line-height:1.8}.ev-logs b{flex-shrink:0;min-width:28px}.ev-logs code{overflow-wrap:anywhere}@media (max-width:1000px){.ev-workbench{margin:15px;padding:22px}.ev-top h1>span{display:none}.ev-bottom{grid-template-columns:1fr}.ev-presets{margin-top:0}.ev-footer{gap:15px}.ev-card{padding:18px}.ev-navigation>button{font-size:10px}.ev-mixer{min-width:550px}.ev-card:has(.ev-mixer){overflow:auto}.ev-mixer-footer{min-width:550px}.ev-strip{padding-inline:8px}.ev-drum-grid>button{min-height:150px}}@media (max-width:600px){.ev-workbench{margin:10px 8px 25px;padding:17px 12px;border-radius:12px}.ev-top{gap:10px;margin-bottom:18px}.ev-top h1{font-size:21px}.ev-kicker{font-size:8px;letter-spacing:1px}.ev-actions{gap:8px}.ev-credit{font-size:9px;padding-right:9px;max-width:95px}.ev-actions>button{padding:7px}.ev-navigation{flex-wrap:wrap;gap:10px;margin-bottom:15px;padding-block:12px}.ev-navigation>div{width:100%;justify-content:space-between}.ev-navigation>div button{flex:1;justify-content:center;font-size:11px;padding:9px 14px}.ev-navigation>button{max-width:100%;width:100%;justify-content:center}.ev-monitor{padding:20px 18px;min-height:170px}.ev-current{font-size:51px}.ev-current>span{font-size:20px;margin-left:15px;padding-left:15px;gap:6px}.ev-current small{font-size:8px}.ev-monitor>div>p{font-size:8px;max-width:170px}.ev-tuning{min-width:85px;width:29%}.ev-tuning>div i:nth-child(2n){display:none}.ev-tuning>div i{width:1px}.ev-tuning button{font-size:9px}.ev-card{padding:16px 12px;margin-top:15px}.ev-card-title{gap:6px;margin-bottom:15px}.ev-card-title h2{font-size:11px}.ev-card-title h2>span{font-size:9px;margin-right:8px;padding-right:8px}.ev-card-title button{font-size:9px;padding:6px}.ev-card-title>div{gap:4px}.ev-note-grid{grid-template-columns:repeat(3,1fr);gap:8px}.ev-note-grid>button{min-height:104px;padding:11px 13px}.ev-note-grid>button b{font-size:29px}.ev-note-grid>button small,.ev-note-grid>button>span{font-size:8px}.ev-caption{font-size:9px;align-items:flex-start}.ev-step{gap:10px;min-height:85px}.ev-step>button{width:40px;height:40px}.ev-step h2{font-size:11px}.ev-presets{margin-top:0;min-height:90px;gap:11px}.ev-presets h2{font-size:10px}.ev-presets p{font-size:8px}.ev-presets>svg{width:17px}.ev-presets>button{font-size:9px;padding:7px;gap:5px}.ev-footer{gap:13px;font-size:8px;line-height:1.8}.ev-footer>span{width:100%}.ev-footer>button{font-size:9px}.ev-drum-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ev-drum-grid>button{min-height:155px}.ev-drum-grid>button>b{font-size:13px}.ev-card-title em{font-size:8px;display:block;margin:5px 0 0}.ev-piano{height:230px}.ev-piano .white{font-size:13px}.ev-piano .black{font-size:9px}.ev-channel-grid{grid-template-columns:repeat(2,1fr)}.ev-dialog .ev-row{flex-wrap:wrap}.ev-dialog-input{flex:1;min-width:150px}.ev-preset-row{gap:8px;flex-wrap:wrap}.ev-preset-row input{max-width:calc(100% - 55px)}.ev-preset-row .ev-dialog-secondary{margin-left:auto}.ev-notice{font-size:10px;padding:12px}}@media (orientation:landscape) and (max-height:600px){.ev-workbench{padding:15px 20px;margin:10px}.ev-top{margin-bottom:12px}.ev-top h1{font-size:18px}.ev-navigation{padding:8px 0;margin-bottom:12px}.ev-monitor{min-height:130px;padding:15px 23px}.ev-current{font-size:43px;margin:5px 0}.ev-tuning>div{height:40px}.ev-card{margin-top:12px;padding:14px}.ev-note-grid{grid-template-columns:repeat(6,1fr);gap:6px}.ev-note-grid>button{min-height:75px;padding:9px 12px}.ev-note-grid>button b{font-size:25px}.ev-drum-grid{grid-template-columns:repeat(5,1fr);gap:8px}.ev-drum-grid>button{min-height:105px;padding:9px}.ev-drum-grid>button>i{font-size:25px;margin:4px 0}.ev-track-area{height:140px}.ev-scale{line-height:35px;transform:translateY(-12px)}.ev-strip>b{margin:12px 0}.ev-footer{margin-top:15px}.ev-bottom{gap:12px}.ev-piano{height:175px}}@media (prefers-reduced-motion:reduce){.ev-workbench *{transition:none!important;animation:none!important}}.ev-native.ev-blue{--ev-bg:#292e49;--ev-panel:#323a5a;--ev-raised:#404f79;--ev-line:#4d5577;--ev-text:#f6f3ff;--ev-muted:#b4bad1;--ev-accent:#54dfd1;--ev-ink:#174b4c}.ev-native{max-width:1100px;padding:18px;border-radius:22px}.ev-native>.ev-navigation,.ev-native>.ev-top{display:none}.ev-native>.ev-notice{margin-bottom:12px}.ev-native-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;min-height:66px;padding:0 4px 12px}.ev-native-bar h1{font-size:20px;font-weight:700;white-space:nowrap}.ev-native-status{justify-self:start;text-align:left}.ev-native-status>span{color:var(--ev-accent);font-size:18px;font-weight:600}.ev-native-status small{display:block;color:var(--ev-muted);font-size:10px;margin-top:5px}.ev-native-menu{display:flex;justify-content:flex-end;align-items:center;gap:12px}.ev-native-menu button{font-size:12px;white-space:nowrap;min-height:36px}.ev-native .ev-piano{height:300px;gap:3px;border-top:3px solid var(--ev-accent)}.ev-native .ev-piano .white{background:#f5eef9;color:#737084;border-bottom:4px solid #cbc3d6;border-radius:0 0 4px 4px;padding-bottom:15px;font-size:17px}.ev-native .ev-piano .black{background:#272735;color:#eeebf6;border-bottom:4px solid #1b1c29;box-shadow:2px 3px 3px #0003;padding-bottom:12px;height:64%;font-size:13px}.ev-native .ev-piano button.active{background:var(--ev-accent);color:var(--ev-ink);border-bottom-color:#25b8ad}.ev-native-controls{display:flex;justify-content:space-between;align-items:stretch;gap:20px;margin-top:9px}.ev-native-increment{display:flex;gap:6px}.ev-native-increment button{width:110px;min-height:56px;background:var(--ev-accent);color:var(--ev-ink);border-radius:11px;font-size:27px;font-weight:600}.ev-native-step{display:flex;align-items:center;justify-content:space-between;min-width:250px;background:var(--ev-raised);border-radius:28px}.ev-native-step button{color:var(--ev-accent);font-size:28px;width:55px;min-height:56px}.ev-native-step label{display:flex;align-items:center;gap:3px;font-size:16px;font-weight:600}.ev-native-step select{background:transparent;appearance:none;padding:5px;min-width:30px;text-align:center}.ev-native-step option{background:var(--ev-panel)}.ev-native-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--ev-muted);font-size:11px;margin-top:14px}.ev-native-tools button{min-height:32px}.ev-native .ev-footer{margin-top:14px;padding-top:12px}@media (max-width:600px){.ev-native{margin:12px 8px;padding:12px;border-radius:16px}.ev-native-bar{grid-template-columns:1fr auto;gap:10px}.ev-native-bar h1{grid-column:2;grid-row:1;font-size:17px}.ev-native-status>span{font-size:16px}.ev-native-menu{grid-column:1/-1;justify-content:space-between;gap:20px}.ev-native .ev-piano{height:290px;gap:2px}.ev-native .ev-piano .white{font-size:13px}.ev-native .ev-piano .black{font-size:10px;padding-bottom:12px}.ev-native-controls{gap:12px}.ev-native-increment{flex:1}.ev-native-increment button{width:auto;flex:1;min-width:55px;min-height:48px;font-size:24px}.ev-native-step{min-width:160px}.ev-native-step button{width:35px;min-height:48px}.ev-native-step label{font-size:14px}.ev-native-tools{flex-wrap:wrap;gap:0 8px}.ev-native-tools>span{display:none}}@media (orientation:landscape) and (max-height:600px){body:has(.ev-native) .ev-site-header,body:has(.ev-native) main~footer{display:none}.ev-native{max-width:none;width:calc(100% - 24px);margin:8px 12px;padding:8px 14px;border-radius:18px}.ev-native-bar{min-height:45px;padding-bottom:5px}.ev-native-bar h1{font-size:17px}.ev-native-status>span{font-size:15px}.ev-native-status small{margin-top:1px;font-size:9px}.ev-native-menu{gap:15px}.ev-native .ev-piano{height:max(130px,calc(100dvh - 159px))}.ev-native .ev-piano .white{font-size:12px;padding-bottom:8px}.ev-native .ev-piano .black{font-size:10px;padding-bottom:9px}.ev-native-controls{margin-top:5px}.ev-native-increment button{width:95px;min-height:40px;font-size:24px;border-radius:9px}.ev-native-step{min-width:250px}.ev-native-step button{min-height:40px}.ev-native-step label{font-size:14px}.ev-native-tools{margin-top:0;font-size:9px}.ev-native-tools button{min-height:22px}.ev-native .ev-footer{display:none}.ev-native>.ev-notice{font-size:9px;padding:5px;margin-bottom:4px}}@media (hover:none) and (max-width:1366px),(max-width:600px),(orientation:landscape) and (max-height:600px){body:has(.ev-workbench){overflow:hidden;overscroll-behavior:none}body:has(.ev-workbench) .ev-site-header{display:none}.ev-workbench,.ev-workbench.ev-native{position:fixed;inset:0;z-index:30;width:100%;max-width:none;height:100dvh;min-height:0;margin:0;border:0;border-radius:0;box-shadow:none;padding:max(6px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));overflow:auto;overscroll-behavior:contain}.ev-native{display:flex;flex-direction:column;overflow:hidden!important}.ev-native .ev-transposer{flex:1;display:flex;flex-direction:column;min-height:0}.ev-native .ev-native-bar{flex:0 0 auto;min-height:43px;padding-bottom:4px}.ev-native .ev-piano{flex:1;height:auto;min-height:0}.ev-native .ev-native-controls{flex:0 0 auto;margin-top:5px}.ev-native .ev-native-tools{flex:0 0 auto;margin-top:0}.ev-native .ev-footer{display:none}.ev-native .ev-note-grid{flex:1;min-height:0;grid-template-columns:repeat(6,1fr)}.ev-native .ev-note-grid>button{min-height:0;padding:5px}.ev-workbench:not(.ev-native) .ev-top{margin-bottom:8px}.ev-workbench:not(.ev-native) .ev-top h1{font-size:16px;margin-top:0}.ev-workbench:not(.ev-native) .ev-top .ev-kicker,.ev-workbench:not(.ev-native) .ev-top h1>span{display:none}}.ev-workbench{container:ev-console/inline-size;--ev-rotated:0}@media (orientation:portrait) and (hover:none) and (max-width:1366px),(orientation:portrait) and (max-width:600px){.ev-workbench,.ev-workbench.ev-native{--ev-rotated:1;inset:auto;left:50%;top:50%;width:100dvh;height:100dvw;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center;padding:max(6px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-top))}body:has(.ev-workbench) [role=dialog]{left:50%;top:50%;width:min(650px,calc(100dvh - 24px));max-width:none;max-height:calc(100dvw - 24px);transform:translate(-50%,-50%) rotate(90deg)!important;animation:none!important}}@container ev-console (min-width: 600px){.ev-native-bar{grid-template-columns:1fr auto 1fr;gap:14px}.ev-native-bar h1{grid-column:auto;grid-row:auto;font-size:17px}.ev-native-status>span{font-size:15px}.ev-native-status small{margin-top:1px;font-size:9px}.ev-native-menu{grid-column:auto;justify-content:flex-end;gap:15px}.ev-native .ev-piano .white{font-size:12px;padding-bottom:8px}.ev-native .ev-piano .black{font-size:10px;padding-bottom:9px}.ev-native-controls{gap:20px}.ev-native-increment{flex:none}.ev-native-increment button{flex:none;width:95px;min-height:40px;font-size:24px;border-radius:9px}.ev-native-step{min-width:250px}.ev-native-step button{width:55px;min-height:40px}.ev-native-step label{font-size:14px}.ev-native-tools{flex-wrap:nowrap;font-size:9px}.ev-native-tools>span{display:inline}.ev-native-tools button{min-height:22px}.ev-navigation{flex-wrap:nowrap;padding:6px 0;margin-bottom:6px}.ev-navigation>div{width:auto}.ev-navigation>div button{flex:none;padding:7px 12px}.ev-navigation>button{width:auto;max-width:50%}.ev-card{margin-top:8px;padding:12px}.ev-drum-grid{grid-template-columns:repeat(5,1fr);gap:8px}.ev-drum-grid>button{min-height:95px;padding:8px}.ev-drum-grid>button>i{font-size:25px;margin:4px 0}.ev-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ev-mixer{grid-template-columns:repeat(7,1fr)}.ev-track-area{height:140px}.ev-strip>b{margin:10px 0}.ev-mixer-footer{padding-top:8px;margin-top:8px}}.ev-home{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:0 8px;border:1px solid var(--ev-line);border-radius:6px;color:var(--ev-text);font-size:12px;white-space:nowrap;text-decoration:none}.ev-home:hover{background:var(--ev-raised)}.ev-home:focus-visible{outline:2px solid var(--ev-accent);outline-offset:2px}.ev-native-increment button:disabled,.ev-native-status:disabled,.ev-note-grid>button:disabled,.ev-piano button:disabled{opacity:1}.ev-note-grid>button,.ev-piano button{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.ev-piano button:active:not(:disabled){box-shadow:inset 0 0 0 3px var(--ev-accent)}.ev-note-grid>button[data-pending=true],.ev-piano button[data-pending=true]{outline:3px solid var(--ev-accent);outline-offset:-3px}