:root{color:#e4e1d7;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--muted:#a2a69e;--orange:#e9a265;--mono:Consolas, "Courier New", monospace;background:#171918;font-family:Segoe UI,Yu Gothic UI,Meiryo,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #f0bd80}button{touch-action:manipulation}h1,h2,h3,p{margin:0}.recorder{max-width:1320px;margin:0 auto;padding:32px 44px 20px}.masthead{border-bottom:2px solid #85877a;justify-content:space-between;align-items:center;padding-bottom:26px;display:flex}.brand{align-items:center;gap:14px;display:flex}h1{letter-spacing:-1.5px;font-size:32px;font-weight:800}h1 span{letter-spacing:2px;color:var(--orange);margin-left:7px;font-size:12px;font-weight:500}.brand-mark{align-items:end;gap:3px;height:27px;display:flex}.brand-mark i{background:var(--orange);width:5px;height:19px}.brand-mark i:nth-child(2){height:27px}.brand-mark i:nth-child(3){height:23px}.brand-mark i:nth-child(4){height:14px}.edition{text-align:right;font:10px var(--mono);letter-spacing:1.8px;color:#c0c2b7}.edition span{letter-spacing:2px;color:var(--muted);margin-top:8px;font:11px Segoe UI,Meiryo,sans-serif;display:block}.session{justify-content:space-between;align-items:center;gap:16px;margin:25px 0 26px;display:flex}.eyebrow{color:var(--muted);letter-spacing:1.7px;font-size:10px;display:block}h2{margin-top:7px;font-size:19px;font-weight:500}h2 span{color:#82877e;font:12px var(--mono);margin-left:12px}.mode-badge{font:10px var(--mono);letter-spacing:1px;white-space:nowrap;color:#c7c9b9;border:1px solid #42473e;border-radius:3px;padding:8px 11px}.mode-badge i{background:#b9c098;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.workspace-heading{color:var(--muted);font:9px var(--mono);letter-spacing:1.6px;grid-template-columns:350px 1fr;gap:18px;margin-bottom:9px;padding-left:19px;display:grid}.tracks{gap:9px;display:grid}.track{background:#282b27;border:1px solid #40433d;border-radius:5px;grid-template-columns:350px minmax(0,1fr);display:grid;overflow:hidden}.track-controls{border-right:1px solid #40433d;padding:15px 18px 10px}.track-heading{justify-content:space-between;align-items:center;display:flex}h3{letter-spacing:1.7px;align-items:center;gap:10px;font-size:12px;display:flex}.track-number{font:bold 11px var(--mono);color:#22251f;letter-spacing:0;background:#c5c6b5;border-radius:2px;padding:4px 5px}.track-state{font:9px var(--mono);color:var(--muted);letter-spacing:1px}.track-buttons{gap:7px;margin:12px 0 13px;display:flex}.track-buttons button{color:#d1d3c6;min-height:32px;font:bold 10px var(--mono);letter-spacing:.7px;background:#34372f;border:1px solid #55594e;border-radius:3px;padding:6px 13px;box-shadow:0 2px #191c17}.track-buttons .arm{color:#dfaba0}.arm span{margin-right:4px;font-size:9px}.track-buttons button:hover{border-color:#9a9d8c}.track-buttons button[aria-pressed=true]{color:#25271f;background:#d6bd7b;border-color:#e7ce92;box-shadow:inset 0 1px 3px #7a693f}.track-buttons .arm[aria-pressed=true]{color:#fff0e7;background:#b74438;border-color:#db7568}.is-armed .track-number{background:#e5917c}.mix-controls{grid-template-columns:1.4fr 1fr;gap:24px;display:grid}.control-label{font:9px var(--mono);letter-spacing:1px;justify-content:space-between;display:flex}.control-label label{color:#c0c4b6}.control-label output{color:#e8bb84;letter-spacing:0}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:2px 0 0;display:block}input[type=range]::-webkit-slider-runnable-track{background:#10130f;border-bottom:1px solid #53574b;border-radius:2px;height:4px}input[type=range]::-moz-range-track{background:#10130f;border-bottom:1px solid #53574b;border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(#aaa997 44%,#45473d 45% 54%,#cccbbb 55%);border:1px solid #e0decd;border-radius:2px;width:13px;height:19px;margin-top:-8px;box-shadow:0 2px 3px #111}input[type=range]::-moz-range-thumb{background:linear-gradient(#aaa997 44%,#45473d 45% 54%,#cccbbb 55%);border:1px solid #e0decd;border-radius:2px;width:12px;height:18px}.scale{color:#a0a595;font:8px var(--mono);justify-content:space-between;display:flex}.waveform{background:repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#2a3027 calc(25% - 1px) 25%),#191e19;border:1px solid #30362e;border-radius:2px;min-height:154px;margin:8px;position:relative;overflow:hidden}.waveform:before{content:"";background:#c09863;width:2px;position:absolute;top:0;bottom:0;left:0}.tape-ruler{font:9px var(--mono);color:#8d9787;border-bottom:1px solid #30362c;grid-template-columns:repeat(4,1fr);padding:7px 8px;display:grid}.empty-tape{justify-content:center;align-items:center;display:flex;position:absolute;inset:28px 0 0}.empty-tape>span:last-child{z-index:1;color:#909b86;font:9px var(--mono);letter-spacing:2px;background:#191e19;padding:8px 14px}.empty-line{background:#394232;width:100%;height:1px;position:absolute}.tape-label{color:#88947d;font:8px var(--mono);letter-spacing:1px;position:absolute;bottom:9px;right:10px}.transport{background:#2b2e28;border:1px solid #484b41;border-top:3px solid #818371;border-radius:4px;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding:20px 24px;display:flex}.time-panel{min-width:220px}.time-panel .eyebrow{letter-spacing:1px;font-size:9px}.time-panel .eyebrow span{color:#a9ad9e}.time{color:#e4c394;font:38px/1 var(--mono);letter-spacing:2px;font-variant-numeric:tabular-nums;margin-top:8px;display:block}.time span{color:#b6a484}.transport-buttons{gap:8px;display:flex}.transport-buttons button{color:#e0e1d4;width:72px;min-height:66px;font:10px var(--mono);letter-spacing:1px;cursor:not-allowed;background:linear-gradient(#4d5145,#3b3e35);border:1px solid #696b5e;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex;box-shadow:0 3px #14180f}.transport-icon{font-size:18px;line-height:1}.transport-buttons .stop{color:#272b22;background:#c3c5b4;border-color:#d7d9c7}.transport-buttons .record{color:#efb4a5;background:linear-gradient(#624039,#4a302c);border-color:#875349}.transport-status{color:#d4d6c8;font:10px var(--mono);letter-spacing:1px;white-space:nowrap}.status-light{background:#b8c49b;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.transport-status>span:last-child{color:var(--muted);margin-top:10px;font-size:8px;display:block}footer{color:#a0a698;justify-content:space-between;gap:16px;padding:17px 0 0;display:flex}footer p{font-size:10px;line-height:1.7}footer>span{font:8px var(--mono);letter-spacing:1.6px;padding-top:4px}@media (width>=1500px){.recorder{padding-top:48px}}@media (width<=1000px){.recorder{padding:24px}.transport-status{display:none}.transport{gap:16px}}@media (width<=650px){.recorder{padding:20px 12px}.masthead{padding-bottom:18px}h1{font-size:27px}.edition{display:none}.session{margin:20px 0}h2{font-size:16px}.mode-badge{padding:7px;font-size:8px}.workspace-heading{display:none}.track{grid-template-columns:minmax(0,1fr)}.track-controls{border-right:0}.track-buttons button{flex:1;min-height:40px}input[type=range]{height:32px}.waveform{min-height:100px;margin-top:2px}.transport{flex-direction:column;padding:18px 12px}.time-panel{text-align:center;min-width:0}.transport-buttons{width:100%}.transport-buttons button{flex:1;width:auto}footer{flex-direction:column;gap:7px}}.input-panel{background:#232720;border:1px solid #42473e;border-radius:4px;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:10px 16px;margin:0 0 22px;padding:13px 16px;display:grid}.input-panel label{font:10px var(--mono);letter-spacing:1px}.input-panel label span{color:var(--muted)}.input-panel select,.input-panel button{color:#e4e1d7;background:#34392f;border:1px solid #626757;border-radius:3px;min-height:36px;padding:7px 10px;font-size:11px}.input-panel select{width:100%;min-width:0}.input-panel p{color:#b3b9a9;grid-column:1/-1;font-size:10px;line-height:1.6}select:focus-visible{outline-offset:3px;outline:2px solid #f0bd80}button:disabled,input:disabled,select:disabled{opacity:.5;cursor:not-allowed}.track-buttons button:disabled:hover{border-color:#55594e}.transport-buttons button:not(:disabled){cursor:pointer}.transport-buttons button:not(:disabled):hover{border-color:#e8c691}.transport-buttons .is-active{outline-offset:2px;opacity:1;outline:2px solid #d3dca8}.transport-buttons .record.is-active{outline-color:#eb917b}.transport[data-state=recording] .status-light{background:#ec8b72}.transport[data-state=recording] .time{color:#efb4a5}.waveform-canvas{width:calc(100% - 6px);height:calc(100% - 48px);display:none;position:absolute;top:29px;left:3px}.has-audio .waveform-canvas{display:block}.has-audio .empty-tape{display:none}@media (width<=650px){.input-panel{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px}.input-panel select,.input-panel button{min-height:42px}}.input-meter-row{color:#b3b9a9;font:10px var(--mono);grid-column:1/-1;grid-template-columns:auto minmax(50px,1fr) 86px;align-items:center;gap:12px;display:grid}.input-meter{background:#141a13;border:1px solid #535a48;height:8px;overflow:hidden}.input-meter>span{transform-origin:0;background:#b8c49b;width:100%;height:100%;display:block;transform:scaleX(0)}.input-meter.is-clipping>span{background:#ec8b72}.input-meter-row output{text-align:right;font-variant-numeric:tabular-nums}.audio-diagnostics{color:#b3b9a9;grid-column:1/-1;min-width:0;font-size:10px}.audio-diagnostics summary{cursor:pointer}.audio-diagnostics pre{white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.7 var(--mono);margin-bottom:0}[data-track="1"] .waveform.has-audio:before{display:none}.playhead-track{pointer-events:none;position:absolute;inset:29px 3px 19px}.playhead{background:#e9a265;width:2px;position:absolute;top:0;bottom:0;left:0;transform:translate(-1px)}.waveform-scale{color:#a5b394;font:9px var(--mono);position:absolute;bottom:7px;left:10px}.has-timeline:before{display:none}.is-recording{border-color:#c57764}.is-recording .track-state{color:#efb4a5}.is-recording .waveform-canvas,.is-recording .waveform-scale{display:none}.is-recording .empty-tape{display:flex}.is-recording .empty-tape>span:last-child{color:#efb4a5}.playhead-track{z-index:2}#project-name{width:min(100%,28rem);color:var(--text,#e5e5d9);font:inherit;background:0 0;border:0;border-bottom:1px solid #515149;margin-top:7px;padding:4px 0;font-size:1.3rem;display:block}.session>div:first-child{flex:1;min-width:0}.project-actions{flex-wrap:wrap;gap:8px;display:flex}.project-actions button,#project-dialog button{padding:9px 14px}#project-status{color:#c2cba2;margin:8px 0 4px;font-size:12px}.storage-help{color:#999c90;margin:0 0 16px;font-size:11px;line-height:1.6}#project-dialog{color:#e5e5d9;background:#20231f;border:1px solid #55594c;border-radius:6px;width:min(580px,100% - 32px);max-height:80vh;padding:24px}#project-dialog::backdrop{background:#000a}#project-dialog h2{font-size:16px}#project-list{gap:8px;margin:20px 0;display:grid}#project-list button{text-align:left;overflow-wrap:anywhere}@media (width<=600px){.session{flex-wrap:wrap;gap:16px}.session>div:first-child{flex-basis:100%}}#export-result{color:#c2cba2;overflow-wrap:anywhere;font-size:12px;line-height:1.8}#export-download{color:#e5e5d9;margin-left:8px;text-decoration:underline}