.tools-recorder-page{--rec-groove-soft:#e6e2d8;--rec-wave-well:#faf8f4;--rec-red:#c14a38;--rec-playhead-shadow:rgba(28,26,17,.4)}[data-theme=dark] .tools-recorder-page{--rec-groove-soft:#100e0b;--rec-wave-well:#211d17;--rec-red:#e2614c;--rec-playhead-shadow:rgba(0,0,0,.4)}.emmu-rec .eat-plate{margin-top:12px}.emmu-rec .eat-knob{height:66px;width:66px}.rec-header{align-items:center;display:flex;padding:0 4px}.rec-back-ic{fill:var(--eat-text2);height:13px;width:13px}.rec-brand{color:var(--eat-bronze);font-size:9.5px;letter-spacing:2.28px;margin:0 9px}.rec-title{color:var(--eat-text);flex:1;font-size:16px;letter-spacing:.96px;margin:0 8px 0 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-chip{align-items:center;background:var(--rec-groove-soft);border-radius:8px;box-shadow:0 1px 2px var(--eat-groove-shadow);color:var(--eat-sound-rest-text);display:inline-flex;font-size:9.5px;gap:7px;letter-spacing:1.33px;padding:5px 10px;white-space:nowrap}.rec-chip-dot{background:var(--rec-red);border-radius:50%;box-shadow:0 0 6px var(--rec-red);height:7px;width:7px}.rec-mode{background:var(--rec-groove-soft);border-radius:14px;box-shadow:0 2px 3px var(--eat-groove-shadow);display:flex;gap:5px;margin-top:12px;padding:5px}.rec-mode-cell{align-items:center;background:transparent;border:none;border-radius:10px;color:var(--eat-text2);cursor:pointer;display:inline-flex;flex:1;font-family:inherit;font-size:12.5px;gap:8px;justify-content:center;min-width:0;padding:10px 0;white-space:nowrap}.rec-mode-cell.is-on{background:linear-gradient(to bottom,var(--eat-acc-lit) 0,var(--eat-acc) 58%,var(--eat-acc-dim) 100%);box-shadow:0 3px 0 var(--eat-acc-side);color:var(--eat-on-acc);font-weight:500}.rec-mode-dot{background:var(--eat-text2);border-radius:50%;height:11px;width:11px}.rec-mode-cell.is-on .rec-mode-dot{background:var(--rec-red);box-shadow:0 0 0 2px hsla(0,0%,100%,.549)}.rec-mode-tri{background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%);height:12px;width:10px}.rec-well{background:var(--rec-wave-well);border-radius:9px;box-shadow:0 2px 5px var(--eat-groove-shadow);margin-top:12px;padding:11px 0;position:relative}.rec-well canvas{display:block;width:100%}.rec-wave-plate{padding:14px 15px 15px}.rec-wave-head{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.rec-status{color:var(--eat-text3);font-size:8.5px;letter-spacing:1.7px;overflow:hidden;padding-top:2px;text-overflow:ellipsis;white-space:nowrap}.rec-device-col{align-items:flex-end;display:flex;flex-direction:column;min-width:0}.rec-device{color:var(--eat-text2);font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-rate{color:var(--eat-text3);font-size:8.5px}.rec-live-well canvas{height:80px}.rec-clock-row{align-items:flex-end;display:flex;justify-content:space-between;margin-top:12px}.rec-clock{color:var(--eat-text);font-size:44px;line-height:1}.rec-remain{color:var(--eat-text2);font-size:10px;padding-bottom:5px}.rec-gain-plate{align-items:center;display:flex;gap:14px;padding:14px 15px 15px}.rec-gain-col{flex:1;min-width:0}.rec-gain-head{align-items:baseline;display:flex;gap:8px}.rec-label{color:var(--eat-text3);font-size:8.5px;letter-spacing:1.7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-db{color:var(--eat-text);font-size:11px;white-space:nowrap}.rec-meter{background:var(--eat-groove);border-radius:8px;box-shadow:0 1px 3px var(--eat-groove-shadow);height:15px;margin-top:9px;overflow:hidden;position:relative}.rec-meter-fill{background:linear-gradient(90deg,var(--eat-acc) 0,var(--eat-acc) 78%,#b0834e 88%,#c14a38 89%,#c14a38 100%);clip-path:inset(0 100% 0 0);inset:0;position:absolute}.rec-meter-comb{background:repeating-linear-gradient(90deg,transparent 0 5px,var(--eat-groove) 5px 7px);inset:0;position:absolute}.rec-meter-peak{background:var(--eat-text);width:3px}.rec-meter-peak,.rec-meter-zero{bottom:0;position:absolute;top:0}.rec-meter-zero{background:var(--rec-red);left:88%;width:2px}.rec-meter-scale{color:var(--eat-text3);font-size:8.5px;height:11px;margin-top:5px;position:relative}.rec-meter-scale span{line-height:11px;position:absolute;top:0}.rec-meter-scale .is-zero{color:var(--rec-red)}.rec-hint{color:var(--eat-text2);font-size:10px;margin:9px 0 0}.rec-metro-plate{padding:13px 15px 14px}.rec-metro-head{align-items:center;display:flex;gap:8px}.rec-metro-titles{display:flex;flex:1;flex-direction:column;min-width:0}.rec-metro-title{color:var(--eat-text);font-size:12px}.rec-metro-sub{color:var(--eat-text2);font-size:9.5px;margin-top:1px}.rec-beatcols{aspect-ratio:301/56;gap:11px;padding:0 6px}.rec-beatcols,.rec-metro-row{align-items:flex-end;display:flex;margin-top:12px}.rec-metro-row{gap:14px}.rec-signature{flex:2;min-width:0}.rec-bpm-field .rec-label,.rec-signature>.rec-label{color:var(--eat-text2);font-size:9px;letter-spacing:1.26px}.rec-bpm-field .rec-label{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.rec-signature-nums{align-items:flex-end;display:flex}.rec-signature-nums button{align-items:flex-end;background:none;border:none;color:var(--eat-text2);cursor:pointer;display:inline-flex;flex:1;font-size:20px;justify-content:center;line-height:1.2;min-width:0;padding:0 0 6px}.rec-signature-nums button.is-on{border-bottom:2px solid var(--eat-bronze);color:var(--eat-text);font-size:26px;padding-bottom:4px}.rec-bpm-field{align-items:center;background:var(--rec-groove-soft);border-radius:11px;box-shadow:0 1px 3px var(--eat-groove-shadow);cursor:text;display:flex;flex:1;justify-content:center;min-width:0;padding:10px 12px;position:relative}.rec-bpm-field input{background:transparent;border:none;caret-color:var(--eat-acc);color:var(--eat-text);font-size:26px;line-height:1;min-width:0;outline:none;padding:0;text-align:center;width:46px}.rec-notice{color:var(--eat-text2);font-size:11px;line-height:1.6;margin:10px 0 0;white-space:pre-line}.rec-actions{bottom:10px;margin-top:12px;position:sticky;z-index:2}.rec-lead-dot{background:var(--eat-on-acc);border-radius:50%;height:13px;width:13px}.rec-lead-square{background:var(--eat-sound-rest-text);border-radius:2px;height:12px;width:12px}.rec-empty-plate{padding:26px 15px;text-align:center}.rec-empty-title{color:var(--eat-text);font-size:15px}.rec-empty-sub{color:var(--eat-text2);font-size:11px;line-height:1.7;margin:8px 0 0}.rec-player-plate{padding:14px 15px 15px}.rec-take-name{color:var(--eat-text);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-take-meta{color:var(--eat-text3);font-size:9.5px;margin-top:2px}.rec-scrub-well{cursor:pointer;margin-top:11px;touch-action:none}.rec-scrub-well canvas{height:72px}.rec-playhead{bottom:0;top:0;width:2px}.rec-playhead,.rec-playhead-knob{background:var(--eat-text);position:absolute}.rec-playhead-knob{border-radius:50%;box-shadow:0 2px 4px var(--rec-playhead-shadow);height:15px;top:39px;width:15px}.rec-time-row{display:flex;justify-content:space-between;margin-top:8px}.rec-repeat,.rec-time-row{align-items:center;color:var(--eat-text2);font-size:9.5px}.rec-repeat{background:var(--rec-groove-soft);border:none;border-radius:8px;box-shadow:0 1px 2px var(--eat-groove-shadow);cursor:pointer;display:inline-flex;font-family:inherit;gap:5px;padding:4px 10px}.rec-repeat svg{fill:currentColor;height:13px;width:13px}.rec-repeat.is-on{background:linear-gradient(to bottom,var(--eat-acc-lit) 0,var(--eat-acc) 58%,var(--eat-acc-dim) 100%);box-shadow:0 2px 0 var(--eat-acc-side);color:var(--eat-on-acc)}.rec-transport{align-items:center;display:flex;gap:10px;margin-top:11px}.rec-skip{background:var(--eat-rest-grad);border:none;border-radius:50%;box-shadow:var(--eat-rest-shadow-3);color:var(--eat-sound-rest-text);cursor:pointer;flex:none;height:38px;padding:0;position:relative;width:38px}.rec-skip svg{fill:currentColor;height:27px;inset:0;margin:auto;position:absolute;width:27px}.rec-skip-n{align-items:center;display:flex;font-size:8.5px;inset:0;justify-content:center;padding-top:1px;position:absolute}.rec-btn-play{border-radius:13px;box-shadow:0 3px 0 var(--eat-acc-side);flex:1;font-size:14px;gap:11px;letter-spacing:1.4px;min-width:0;padding:13px}.rec-play-lead{align-items:center;display:inline-flex;gap:5px}.rec-tri{background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%);height:12px;width:10px}.rec-tri-acc{height:13px;width:11px}.rec-bar,.rec-tri-acc{background:var(--eat-on-acc)}.rec-bar{border-radius:1px;height:15px;width:4px}.rec-bar,.rec-play-lead.is-playing .rec-tri-acc{display:none}.rec-play-lead.is-playing .rec-bar{display:inline-block}.rec-speed-row{align-items:flex-end;display:flex;gap:13px;margin-top:11px}.rec-speed{flex:1;min-width:0}.rec-speed-head{align-items:baseline;display:flex}.rec-speed-label{color:var(--eat-text2);font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-speed-val{color:var(--eat-text);font-size:17px;margin-left:6px}.rec-speed-x{color:var(--eat-text2);font-size:10px;margin-left:3px}.rec-speed-track{cursor:pointer;height:22px;margin-top:7px;position:relative;touch-action:none}.rec-speed-groove{background:var(--rec-groove-soft);box-shadow:0 1px 3px var(--eat-groove-shadow);right:0}.rec-speed-fill,.rec-speed-groove{border-radius:5px;height:10px;left:0;position:absolute;top:6px}.rec-speed-fill{background:linear-gradient(to bottom,var(--eat-acc-lit) 0,var(--eat-acc) 52%,var(--eat-slider-bottom) 100%)}.rec-speed-thumb{background:radial-gradient(circle 21px at 34% 26%,var(--eat-knob-face-1) 0,var(--eat-knob-face-2) 30%,var(--eat-knob-face-3) 62%,var(--eat-knob-face-4) 100%);border-radius:50%;box-shadow:0 2px 5px var(--eat-knob-shadow);height:22px;position:absolute;top:0;width:22px}.rec-speed-scale{color:var(--eat-text3);display:flex;font-size:8.5px;justify-content:space-between;margin-top:3px}.rec-volume{align-items:center;display:flex;flex:none;flex-direction:column}.rec-volume-head{align-items:baseline;display:flex;gap:5px;margin-bottom:4px}.rec-volume-head span:first-child{color:var(--eat-text2);font-size:9px}.rec-volume-head .eat-mono{color:var(--eat-text2);font-size:9.5px}.rec-groovebox{align-items:center;background:var(--rec-groove-soft);border:none;border-radius:10px;box-shadow:0 1px 2px var(--eat-groove-shadow);color:var(--eat-text2);cursor:pointer;display:flex;font-family:inherit;margin-top:8px;padding:9px 11px;text-align:left;width:100%}.rec-memo-box,.rec-name-box{align-items:stretch;flex-direction:column;gap:4px}.rec-name-box{margin-top:11px}.rec-memo-box .rec-label,.rec-name-box .rec-label{color:var(--eat-text3);font-size:9px;letter-spacing:1.26px;text-align:left}.rec-name-row{align-items:center;display:flex;min-width:0}.rec-name-text{color:var(--eat-text);flex:1;font-size:11.5px;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.rec-edit-ic{fill:var(--eat-text3);flex:none;height:13px;margin-left:8px;width:13px}.rec-memo-text{color:var(--eat-text);font-size:10.5px;line-height:1.7;text-align:left;white-space:pre-wrap;word-break:break-word}.rec-memo-text.is-empty{color:var(--eat-text3)}.rec-format-row{align-items:center;display:flex;margin-top:11px}.rec-format-label{color:var(--eat-text2);font-size:10px;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-smallbtn{background:var(--eat-rest-grad);border:none;border-radius:8px;box-shadow:var(--eat-rest-shadow-3);color:var(--eat-sound-rest-text);cursor:pointer;font-family:inherit;font-size:10.5px;padding:5px 9px;white-space:nowrap}.rec-smallbtn+.rec-smallbtn{margin-left:6px}.rec-smallbtn.is-on{background:linear-gradient(to bottom,var(--eat-acc-lit) 0,var(--eat-acc) 58%,var(--eat-acc-dim) 100%);box-shadow:0 3px 0 var(--eat-acc-side);color:var(--eat-on-acc)}.rec-smallbtn--wide{border-radius:11px;font-size:11.5px;padding:11px 0;text-align:center}.rec-export-actions{display:flex;gap:7px;margin-top:8px}.rec-btn-save{border-radius:11px;box-shadow:0 3px 0 var(--eat-acc-side);flex:15;font-size:11.5px;letter-spacing:.8px;min-width:0;padding:11px}.rec-export-actions .rec-smallbtn--wide{flex:10;margin-left:0;min-width:0}.rec-smallbtn:disabled{cursor:default}.rec-list-plate{padding:5px 4px}.rec-list-hair{background:var(--eat-hair);height:1px;margin:0 12px}.rec-take-row{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;padding:10px 12px;text-align:left;width:100%}.rec-take-play{align-items:center;background:var(--eat-rest-grad);border-radius:50%;box-shadow:var(--eat-rest-shadow-3);color:var(--eat-sound-rest-text);display:inline-flex;flex:none;height:34px;justify-content:center;width:34px}.rec-take-play .rec-tri{height:11px;width:9px}.rec-take-body{display:flex;flex:1;flex-direction:column;margin:0 8px 0 11px;min-width:0}.rec-take-title{color:var(--eat-text);font-size:12.5px}.rec-take-sub,.rec-take-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-take-sub{color:var(--eat-text3);font-family:IBM Plex Mono,Menlo,Consolas,monospace;font-size:9px;margin-top:2px}.rec-take-thumb{flex:none;height:26px;width:44px}.rec-export-overlay{align-items:center;background:var(--eat-scrim);display:flex;inset:0;justify-content:center;padding:0 28px;position:fixed;z-index:50}.rec-export-card{margin-top:0;max-width:374px;padding:20px 20px 18px;width:100%}.rec-export-head{align-items:center;display:flex;gap:7px}.rec-export-head .eat-mono{color:var(--eat-text3);font-size:9px;letter-spacing:1.98px}.rec-export-dot{background:var(--eat-acc);border-radius:50%;height:7px;width:7px}.rec-export-title{color:var(--eat-text);font-size:15px;margin-top:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-groove{background:var(--eat-groove);border-radius:8px;box-shadow:0 1px 2px var(--eat-groove-shadow);height:8px;margin-top:14px;overflow:hidden}.rec-groove-fill{background:linear-gradient(to bottom,var(--eat-acc-lit),var(--eat-slider-bottom));border-radius:8px;display:block;height:100%;transition:width .25s linear;width:0}.rec-export-msg{color:var(--eat-text2);font-size:11px;margin-top:10px}.rec-dialog{align-items:center;background:rgba(0,0,0,.4);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:60}.rec-dlg{background:var(--eat-plate-solid);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.35);max-width:340px;padding:20px;width:100%}.rec-dlg-title{color:var(--eat-text);font-size:15px}.rec-dlg-body{color:var(--eat-text2);font-size:12px;line-height:1.6;margin-top:10px;white-space:pre-line;word-break:break-word}.rec-dlg-input,.rec-dlg-textarea{background:transparent;border:1px solid var(--eat-rule);border-radius:6px;box-sizing:border-box;caret-color:var(--eat-acc);color:var(--eat-text);font-family:inherit;font-size:13px;margin-top:12px;outline:none;padding:10px;width:100%}.rec-dlg-textarea{line-height:1.6;resize:vertical}.rec-dlg-input::-moz-placeholder,.rec-dlg-textarea::-moz-placeholder{color:var(--eat-text3);font-size:11px}.rec-dlg-input::placeholder,.rec-dlg-textarea::placeholder{color:var(--eat-text3);font-size:11px}.rec-dlg-actions{display:flex;gap:4px;justify-content:flex-end;margin-top:14px}.rec-dlg-btn{background:none;border:none;cursor:pointer;font-family:inherit;font-size:13px;padding:8px 10px}.rec-dlg-btn--muted{color:var(--eat-text2)}.rec-dlg-btn--green{color:var(--eat-acc)}.rec-dlg-btn--red{color:var(--rec-red)}