:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#e0e6e6;background:#171c20;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:1px solid #394348;background:#293236;color:#dde5e5;border-radius:5px;padding:9px 14px}button:hover{background:#374448}button:disabled{opacity:.4;cursor:default}button.active,.primary{background:#8ed6c5;color:#122b26;border-color:#8ed6c5}.muted,small{color:#8e9da4}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{display:flex;align-items:center;gap:22px;padding:14px 22px;border-bottom:1px solid #30383e;background:#1c2227}.brand{font-weight:800;font-size:21px;white-space:nowrap}.brand span{font-size:11px;letter-spacing:2px;margin-left:7px;color:#9baeb4}.headerTitle{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.readonly{font-size:11px;color:#92bdaf;border:1px solid #406057;border-radius:20px;padding:4px 10px;white-space:nowrap}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 22px;border-bottom:1px solid #30383e}.switch{display:flex;gap:4px}.toolbar button{font-size:13px}.workspace{flex:1;min-height:0;overflow:hidden}.overview{height:100%;display:grid;grid-template-columns:230px minmax(320px,1fr) 245px}.overviewTracks,.overviewPlugins{overflow:auto;background:#1c2327;padding:20px 14px}.sectionLabel{font-size:11px;letter-spacing:1.5px;color:#a1babd;margin-bottom:18px;display:flex;justify-content:space-between}.overviewTracks input{width:100%;padding:9px;background:#171d21;color:#d8e2e2;border:1px solid #354147;border-radius:5px;margin-bottom:14px}.trackName{display:flex;gap:12px;width:100%;background:transparent;border:0;border-left:3px solid;margin:4px 0;border-radius:0;text-align:left;padding:10px 8px;font-size:12px}.trackName span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trackName small{font-size:10px;min-width:16px}.songInfo{overflow:auto;text-align:center;padding:32px 25px 40px;background:radial-gradient(ellipse at 50% 15%,#303d42,#20282d 65%)}.eyebrow{font-size:10px;letter-spacing:3px;color:#9cb4b8;margin-bottom:22px}.artwork{display:block;width:280px;height:220px;object-fit:contain;margin:0 auto 24px;filter:drop-shadow(0 15px 25px #0004);border-radius:4px}.noArtwork{background:#34454b;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:60px;color:#b4d8ce}.noArtwork small{font-size:12px;margin-top:10px}h1{font-size:28px;letter-spacing:1px;margin:12px 0}.artist{margin:8px 0 22px;color:#acbfc3;font-size:14px}.songStats{display:flex;justify-content:center;gap:40px;margin:24px 0}.songStats b{display:block;font-size:24px;font-weight:500}.songStats small{display:block;margin-top:5px;font-size:10px;letter-spacing:1px}dl{margin:24px auto;max-width:340px;font-size:12px}dl>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid #ffffff0b}dt{color:#91a4aa}dd{margin:0;text-align:right}.pluginItem{padding:12px 3px;border-bottom:1px solid #ffffff0b;font-size:13px}.pluginItem small{display:block;font-size:10px;margin-top:6px}.arrangement{height:100%;display:flex;flex-direction:column}.arrangeTools{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.arrangeTools label{display:flex;gap:8px;align-items:center}.arrangeTools input{width:90px;accent-color:#91d4c5}.timelineScroll{flex:1;overflow:auto;position:relative}.timeline{min-width:100%}.ruler,.lane{display:flex}.ruler{height:32px;position:sticky;top:0;z-index:5;background:#20292e}.trackHeader{width:200px;flex-shrink:0;position:sticky;left:0;z-index:3;border-radius:0;border:0;border-right:1px solid #4a565d;border-bottom:1px solid #161c20;background:#283238;padding:10px;text-align:left;display:flex;align-items:center;gap:12px;overflow:hidden}.ruler .trackHeader{font-size:11px;z-index:6;padding-left:18px}.lane .trackHeader{border-left:4px solid}.trackHeader strong{font-size:12px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.trackHeader>div{min-width:0}.trackHeader small{display:block;font-size:10px;margin-top:3px}.lane{height:72px}.lane.selected .trackHeader{background:#3b5057}.laneContent{position:relative;flex-shrink:0;border-bottom:1px solid #354148;background-image:linear-gradient(to right,#46545b66 1px,transparent 1px);background-color:#1d262c}.lane:nth-child(odd) .laneContent{background-color:#202b31}.rulerBars{position:relative}.rulerBars span{position:absolute;top:9px;font-size:10px;color:#acbdc1;padding-left:5px;border-left:1px solid #607279}.clip{position:absolute;top:6px;height:60px;min-width:3px;padding:0;border:1px solid #ffffff40;border-radius:3px;overflow:hidden;text-align:left;color:#102527;opacity:.8}.clip span{display:block;background:#ffffff26;font-size:10px;padding:3px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip svg{width:100%;height:35px;display:block;fill:#132f36}.clip.picked{outline:2px solid #fff;outline-offset:1px;opacity:1;z-index:2}.laneEmpty{color:#647880;font-size:11px;position:sticky;left:215px;display:inline-block;margin:26px 15px}.exportBar{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid #414b50;font-size:11px}.exportBar>span{flex:1;color:#9bb3b8}.exportBar button{font-size:11px;padding:8px}.mixer{height:300px;max-height:42dvh;border-top:1px solid #53666e;background:#171f23;flex-shrink:0;display:flex;flex-direction:column}.mixerHeading{display:flex;align-items:center;justify-content:space-between;padding:7px 16px;letter-spacing:1px;font-size:11px}.mixerHeading small{margin-left:12px;letter-spacing:0}.mixerHeading button{padding:0 8px;border:0;background:transparent;font-size:20px}.channelScroll{display:flex;flex:1;overflow:auto;padding:0 12px 8px;gap:2px}.channel{width:168px;flex-shrink:0;background:#263137;border:1px solid #35444c;border-bottom:4px solid;overflow:auto;display:flex;flex-direction:column}.channel.selected{background:#35474e}.channelTop{display:flex;gap:10px;align-items:center;border:0;border-radius:0;background:#1e2a30;text-align:left;padding:10px 8px;position:sticky;top:0}.channelTop strong{font-size:11px;overflow-wrap:anywhere}.pluginGroup{padding:0 8px}.pluginGroup h4{font-size:9px;font-weight:500;letter-spacing:1px;color:#8eacb6;margin:10px 0 5px}.pluginGroup>div{background:#40525b;margin:3px 0;padding:5px 7px;border-radius:3px;font-size:11px;overflow-wrap:anywhere}.pluginGroup p{font-size:10px;color:#7c929a;margin:3px 0}.channelExport{font-size:10px;margin:10px 8px}.status{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:30;background:#c4e5dd;color:#183d33;padding:14px 24px;border-radius:6px;box-shadow:0 6px 30px #0006;max-width:90vw}.busy{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#8ed6c5;color:#12362a;padding:12px;z-index:40}.landing{height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#344b51,#171e23 70%)}.welcome{text-align:center;padding:25px}.welcome p{font-size:13px;color:#a3b7bc;line-height:1.8}.record{font-size:70px;color:#9ad8ca;margin:30px}.welcome .primary{margin:20px}.welcome h1{font-size:26px}@media (max-width:820px){header{padding:12px;gap:12px}.brand{font-size:18px}.brand span,.readonly{display:none}.headerTitle{font-size:13px}.toolbar{padding:9px;gap:6px}.toolbar button{padding:9px;font-size:12px}.desktop{display:none}.overview{grid-template-columns:1fr;overflow:auto}.songInfo{grid-row:1;overflow:visible;padding:26px 18px}.artwork{width:240px;height:190px}.songInfo h1{font-size:25px}.overviewTracks,.overviewPlugins{overflow:visible}.overviewTracks,.overviewPlugins{border-top:1px solid #3a484d}.overviewTracks .trackName{min-height:42px}.arrangeTools{padding:10px;font-size:11px}.arrangeTools small{display:none}.trackHeader{width:130px;padding:8px;gap:6px}.trackHeader strong{font-size:11px}.timeline{margin-right:-70px}.exportBar{flex-wrap:wrap;padding:8px}.exportBar>span{flex-basis:100%}.exportBar button{flex:1;white-space:nowrap;padding:10px 5px}.mixer{height:270px;max-height:37dvh}.channel{width:155px}.welcome h1{font-size:21px}.laneEmpty{left:140px}}.brand{display:flex;align-items:center;gap:8px;font-size:18px}.brand img{width:30px;height:30px}.brand span{margin-left:2px;letter-spacing:1px;font-size:11px}.channel.selected{outline:2px solid #b6f4db;outline-offset:-2px}.channel.selected .channelTop{color:#b6f4db}@media (max-width:820px){.brand{font-size:15px;gap:5px}.brand img{width:26px;height:26px}}