:root{--paper:#efede6;--ink:#151512;--acid:#d8ff43;--line:#aaa89f;--muted:#66665f;--song:#a5c8b0;--acc:#e1b070;--voice:#d8ff43}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,rgba(0,0,0,.045) 50%,transparent 50.2%);background-size:52px 100%}button,input,select{font:inherit}main{max-width:1320px;margin:auto;padding:38px 28px 24px}header{display:grid;grid-template-columns:1.15fr .55fr;gap:50px;align-items:end;border-top:1px solid;padding-top:14px}.eyebrow,.section-tag{font:700 11px monospace;letter-spacing:.15em}h1{font-size:clamp(68px,10vw,142px);line-height:.76;letter-spacing:-.075em;margin:55px 0 28px}h1 em{font-style:normal;background:var(--acid);padding:0 .08em}header p{font-size:17px;line-height:1.7;margin-bottom:30px}fieldset{border:0;border-top:1px solid;margin:0;padding:18px 0 32px}legend{font:700 12px monospace;letter-spacing:.1em;padding-right:24px}.modes,.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode,.drop{border:1px solid;padding:20px;cursor:pointer;transition:.18s;background:rgba(239,237,230,.88)}.mode:hover,.drop:hover,.mode.active{background:var(--ink);color:var(--paper)}.mode input,.drop input{position:absolute;opacity:0}.mode b,.mode small{display:block}.mode b{font-size:23px;margin-bottom:20px}.mode small,.drop output{opacity:.7}.drop{display:flex;justify-content:space-between;gap:20px}.drop span{font-weight:800}.drop output{font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workbench{border:1px solid var(--ink);background:#242821;color:#e9eee8;margin:4px 0 28px}.bench-head{padding:13px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #697066}.bench-head>div{display:flex;align-items:center;gap:18px}.bench-head strong{font:700 20px monospace;color:var(--acid)}.tools{display:flex;gap:8px!important}.tools button,.tools select,.loopbar button{border:1px solid #687067;background:#30362e;color:#fff;padding:8px 12px;cursor:pointer}.tools .play{background:var(--acid);color:#111;border-color:var(--acid);font-weight:800}.zoom{display:flex;align-items:center;gap:7px;font:12px monospace}.ruler-row,.track-row{display:grid;grid-template-columns:190px 1fr;border-bottom:1px solid #596057}.track-label{background:#31372f;padding:12px 14px;min-width:0}.track-label b,.track-label small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-label b{font-size:14px;margin-bottom:5px}.track-label small{font:11px monospace;color:#adb6ac}.track-label.dim{font:11px monospace;color:#aeb5ac}.track-actions{display:flex;gap:5px;margin:9px 0}.track-actions button{width:28px;border:1px solid #767e74;background:#272c26;color:#ddd;cursor:pointer}.track-actions button.active{background:var(--acid);color:#111}.track-label label{font:10px monospace;display:flex;align-items:center;gap:5px}.track-label input{width:95px}.wave-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-color:#7a8378 #272c26;cursor:crosshair}.wave-scroll.dragging{cursor:grabbing}.wave-content{height:118px;position:relative;min-width:100%}.wave-content canvas{display:block;height:118px}.ruler-scroll canvas{display:block;height:34px}.playhead{position:absolute;top:0;bottom:0;width:1px;background:#ff594d;left:0;pointer-events:none;box-shadow:0 0 0 1px rgba(255,89,77,.15)}.loopbar{display:flex;align-items:center;gap:9px;padding:10px 14px;font:11px monospace;background:#292e28}.loopbar .hint{margin-left:auto;color:#aab2a9}.submit{width:100%;border:0;background:var(--acid);padding:22px;text-align:left;font-weight:800;font-size:20px;cursor:pointer}.submit i{float:right;font-style:normal}.submit:disabled{filter:grayscale(1);cursor:wait}.status{display:flex;justify-content:space-between;margin-top:36px;font-size:22px}.progress{height:12px;border:1px solid;margin:14px 0}.progress i{display:block;width:0;height:100%;background:var(--ink);transition:.35s}.downloads{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.downloads a{background:var(--ink);color:white;padding:20px;text-decoration:none;font-weight:800}.downloads small{float:right;color:var(--acid)}.notes{display:grid;grid-template-columns:190px 1fr;border-top:1px solid;margin-top:50px;padding-top:16px}.notes span{font:700 11px monospace}.notes ul{margin:0;padding-left:18px;line-height:1.8;color:var(--muted)}footer{border-top:1px solid;margin-top:30px;padding-top:15px;font:11px monospace;opacity:.65}@media(max-width:760px){header{display:block}.modes,.upload-grid,.downloads{grid-template-columns:1fr}.track-row,.ruler-row{grid-template-columns:120px 1fr}.track-label{padding:9px}.bench-head{align-items:flex-start}.bench-head,.tools{flex-wrap:wrap}.loopbar{flex-wrap:wrap}.loopbar .hint{margin-left:0;width:100%}h1{font-size:21vw}.notes{grid-template-columns:1fr;gap:10px}}
.source-panel{border-top:1px solid var(--ink);padding:18px 0 32px}.source-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.source-title>span:last-child{font:11px monospace;color:var(--muted)}.source-form{display:grid;grid-template-columns:150px 1fr 150px 180px;gap:8px}.source-form select,.source-form input,.source-form button{border:1px solid var(--ink);background:rgba(239,237,230,.9);padding:15px}.source-form button{background:var(--ink);color:white;font-weight:800;cursor:pointer}.source-form button:disabled{opacity:.55;cursor:wait}.source-result{display:grid;grid-template-columns:86px 1fr auto;gap:16px;align-items:center;border:1px solid var(--ink);border-top:0;padding:14px;background:#dedcd4}.source-result img{width:86px;height:86px;object-fit:cover;background:#bbb}.source-result b{font-size:21px}.source-result p{margin:7px 0;color:var(--muted)}.source-result small{font-family:monospace}.source-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.source-actions button,.source-actions a{border:1px solid var(--ink);padding:11px 13px;background:transparent;color:var(--ink);text-decoration:none;cursor:pointer;font-weight:700}.source-actions button:first-child{background:var(--acid)}.source-note{font:11px monospace;color:var(--muted);margin:10px 0 0}@media(max-width:900px){.source-form{grid-template-columns:1fr 1fr}.source-form input{grid-column:1/-1}.source-result{grid-template-columns:70px 1fr}.source-result img{width:70px;height:70px}.source-actions{grid-column:1/-1;justify-content:flex-start}}@media(max-width:560px){.source-form{grid-template-columns:1fr}.source-form input{grid-column:auto}.source-result{grid-template-columns:1fr}.source-result img{display:none}}
.source-title>button{border:1px solid var(--ink);background:transparent;padding:8px 12px;cursor:pointer;font:700 11px monospace}.source-title{gap:12px}.source-title>span:nth-child(2){margin-left:auto}dialog{border:1px solid var(--ink);padding:0;background:var(--paper);color:var(--ink);width:min(840px,calc(100vw - 32px))}dialog::backdrop{background:rgba(0,0,0,.68)}.login-card{padding:0}.login-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:var(--ink);color:white}.login-head button{border:0;background:transparent;color:white;font-size:24px;cursor:pointer}.login-grid{display:grid;grid-template-columns:1fr 1fr}.login-grid section{padding:22px}.login-grid section+section{border-left:1px solid var(--ink)}.login-grid h3{margin-top:0}.login-grid p{font-size:13px;line-height:1.6;color:var(--muted)}.login-grid textarea{width:100%;min-height:120px;resize:vertical;border:1px solid;padding:10px;font:11px monospace}.login-grid button{border:1px solid var(--ink);background:var(--acid);padding:12px;font-weight:800;cursor:pointer;margin-top:10px}.login-grid img{display:block;max-width:210px;margin:14px auto}.login-grid small{display:block;text-align:center;font-family:monospace}@media(max-width:680px){.login-grid{grid-template-columns:1fr}.login-grid section+section{border-left:0;border-top:1px solid}.source-title{flex-wrap:wrap}.source-title>span:nth-child(2){margin-left:0}}
#playState{font:11px monospace;color:#b7c0b5;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-audio{position:absolute;width:1px;height:1px;opacity:.001;pointer-events:none}.transport-state{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.transport-state #playLocation,.transport-state #viewRange{border-left:1px solid #687067;padding-left:12px;font:10px monospace;color:#b9c2b8}.transport-state #playLocation{color:var(--acid)}.playhead[hidden]{display:none!important}.drop.uploading{background:linear-gradient(90deg,rgba(216,255,67,.46) 0 var(--upload-progress),rgba(239,237,230,.9) var(--upload-progress) 100%);cursor:wait}.drop.uploading output{opacity:1;font-weight:700}