@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#242c28;background:#f7f8f5;margin:0;font:14px DM Sans,system-ui,sans-serif}button,input,textarea{font:inherit}button,a,label.dropzone{touch-action:manipulation}button{color:#354238;cursor:pointer;background:#fff;border:1px solid #dfe3dc;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}button:hover{background:#edf2e9}button:disabled{opacity:.45;cursor:not-allowed}a{color:#436638}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible){outline-offset:3px;outline:3px solid #8aaf56}.shell{min-height:100vh;display:flex}aside{background:#eef1e9;border-right:1px solid #dce2d5;flex-direction:column;width:235px;padding:34px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1.5px;padding-left:42px;font:800 28px Manrope,sans-serif;position:relative}.logo{color:#e0edcd;background:#35482c;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:2px;left:0}.brand span{letter-spacing:2.3px;color:#74806f;margin-top:6px;font:9px DM Sans,sans-serif;display:block}.workspaceLabel{letter-spacing:1.5px;color:#7c8675;margin-top:46px;margin-bottom:13px;font-size:10px}.albumSelect{background:#e3e9db;border:0;justify-content:flex-start;width:100%;padding:12px 8px;font-weight:600}nav{gap:7px;margin-top:28px;display:grid}nav button{color:#70796a;background:0 0;border:0;justify-content:flex-start;padding:13px 14px}nav button.active{color:#2d4524;background:#dbe5cc;font-weight:700}nav button.active:after{content:"";background:#648645;border-radius:50%;width:5px;height:5px;margin-left:auto}.sideBottom{color:#4e6246;margin-top:auto;padding-top:40px;font-size:12px}.sideBottom p{color:#9aa18f;margin:7px 0 25px}.online{background:#8aab65;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}main{flex:1;min-width:0;margin-left:235px;padding:0 40px}header{border-bottom:1px solid #e2e5de;align-items:center;gap:20px;height:104px;display:flex}header>div:first-child{margin-right:auto}.eyebrow{letter-spacing:2px;color:#84917a;font-size:10px;font-weight:700}h2{margin:7px 0;font:700 18px Manrope,sans-serif}h1{letter-spacing:-1.4px;margin:12px 0 0;font:500 36px Manrope,sans-serif}h3{margin:0 0 9px;font-size:16px;font-weight:600}.avatar{background:#d5dfc8;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:600;display:grid}.titleRow{justify-content:space-between;align-items:center;margin:34px 0 28px;display:flex}.primary{color:#fff;background:#3f5732;border-color:#3f5732}.primary:hover{background:#536d42}.songRail{gap:12px;padding-bottom:24px;display:flex;overflow:auto}.songRail button{text-align:left;background:#fff;border-radius:9px;flex:0 0 218px;grid-template-columns:28px 1fr;justify-content:start;padding:16px;display:grid}.songRail button.selected{background:#f0f4e9;border-color:#75935d;box-shadow:0 0 0 1px #75935d}.songRail span{color:#94a185;grid-row:span 2;font-size:11px}.songRail strong{font-size:14px}.songRail small{color:#91998b;margin-top:3px;font-size:11px}.sessionBar{align-items:center;gap:10px;margin:12px 0 18px;display:flex}.sessionBar>div{margin-right:auto}.sessionBar span{color:#8e9886;font-size:12px}.mixer{background:#fff;border:1px solid #e0e4db;border-radius:12px;overflow:hidden}.mixerHeading{color:#8a9581;letter-spacing:1px;background:#f0f2ed;justify-content:space-between;padding:15px 20px;font-size:9px;display:flex}.track{border-bottom:1px solid #edf0e9;grid-template-columns:minmax(170px,1.1fr) minmax(100px,1.6fr) minmax(160px,1fr) 74px;align-items:center;gap:16px;padding:19px 20px;display:grid}.trackName{align-items:center;gap:12px;min-width:0;display:flex}.trackName>div{min-width:0}.trackName strong{text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.trackName small{color:#9aa391;margin-top:5px;font-size:10px;display:block}.trackIcon{border-radius:7px;flex-shrink:0;place-items:center;width:34px;height:38px;display:grid}.c0{color:#8293ca;background:#edf0fd}.c1{color:#be917b;background:#fcf0e7}.c2{color:#80a899;background:#eaf5ef}.c3{color:#ac8abd;background:#f4edf7}canvas{width:100%;height:56px}.faders{gap:10px;display:flex}.faders label{color:#8b9681;flex:1;min-width:0;font-size:9px}.faders input{accent-color:#758e5d;width:100%;margin:9px 0 0;display:block}.switches{gap:5px;display:flex}.switches button{padding:8px 9px;font-size:10px}.lit{color:#3b5428!important;background:#d4e4bd!important;border-color:#8bab67!important}details{color:#89957e;grid-column:1/-1;font-size:11px}summary{cursor:pointer}.trackTools{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.numeric{color:#87927d;gap:5px;font-size:10px;display:grid}.numeric input{color:#48583c;background:#fff;border:1px solid #e0e5d8;border-radius:5px;width:74px;padding:7px}.dropzone{color:#698052;cursor:pointer;background:#f9fbf5;border:1px dashed #cbd5bd;border-radius:8px;align-items:center;gap:12px;margin:20px;padding:22px;display:flex;position:relative}.dropzone strong{font-size:12px}.dropzone span{color:#9aa78c;margin-left:auto;font-size:10px}.dropzone input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.transport{background:#edf1e6;border:1px solid #dce3d0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:22px;padding:18px;display:flex}.play{color:#fff;background:#425935;width:44px;height:44px}.time{font-variant-numeric:tabular-nums;min-width:110px;font:500 22px Manrope,sans-serif}.time small{letter-spacing:1px;color:#93a082;margin-top:4px;font:8px DM Sans,sans-serif;display:block}.transport>label{font-size:11px}.footnote{color:#8c9782;margin:16px 0 24px;font-size:11px;line-height:1.7}.panel{background:#fff;border:1px solid #e1e5db;border-radius:12px;padding:28px;line-height:1.7}.muted{color:#8c9880;font-size:13px}.twoCol{grid-template-columns:1.6fr 1fr;gap:24px;display:grid}.comment{border-top:1px solid #edf0e7;padding:18px 0}.comment small{color:#99a38e;font-size:10px;display:block}.comment p{white-space:pre-wrap}textarea{resize:vertical;background:#fafbf7;border:1px solid #d9e0cf;border-radius:7px;width:100%;min-height:110px;margin:15px 0;padding:15px}.version,.person{border-top:1px solid #e8eddf;align-items:center;gap:18px;padding:20px 0;display:flex}.version>div{flex:1}.version small{color:#99a38e;font-size:11px;display:block}.version>strong,.person>strong{flex:1}.person span{color:#798969;background:#edf1e6;border-radius:20px;padding:3px 12px;font-size:11px}.empty{text-align:center;color:#8f9c82;padding:85px 20px}.empty svg{color:#a7b793;margin-bottom:20px}.empty h3{color:#637454}.empty p{font-size:12px}.small{padding:45px 20px}.notice{color:#55733c;background:#eef4e4;border:1px solid #d2ddc3;border-radius:7px;margin-top:16px;padding:15px 18px}.notice a{margin-left:15px}.welcome{padding:75px 0}.welcome h1{font-size:54px;line-height:1.2}.welcome p{color:#8d9a7f;margin:24px 0}.albumGrid{flex-wrap:wrap;gap:20px;margin-top:40px;display:flex}.albumGrid button{text-align:left;min-width:220px;padding:25px;display:block}.albumGrid h3{margin-top:20px}.albumGrid p{margin:8px 0;font-size:12px}hr{border:0;border-top:1px solid #e5eadc;margin:25px 0}footer{color:#a0aa96;letter-spacing:1px;border-top:1px solid #e4e8dd;gap:15px;margin-top:42px;padding:24px 0;font-size:9px;display:flex}footer span:last-child{letter-spacing:0;margin-left:auto}@media (min-width:1500px){main{padding-left:65px;padding-right:65px}}@media (max-width:1100px){aside{width:195px;padding:28px 14px}main{margin-left:195px;padding:0 24px}.brand{font-size:23px}.track{grid-template-columns:1fr 1fr 74px}canvas{grid-column:2}.faders{grid-area:2/1/auto/3}.switches{grid-area:1/3}.twoCol{grid-template-columns:1fr}}@media (max-width:700px){.shell{display:block}aside{border-bottom:1px solid #dce2d5;border-right:0;width:100%;padding:16px;position:static}.brand{font-size:25px}.workspaceLabel,.albumSelect,.sideBottom{display:none}nav{gap:4px;margin-top:20px;display:flex;overflow:auto}nav button{white-space:nowrap;padding:10px;font-size:11px}nav button svg{width:14px}main{margin:0;padding:0 16px}header{height:84px}header h2{font-size:16px}.titleRow{margin:24px 0}h1{font-size:28px}.titleRow .primary{padding:10px;font-size:11px}.sessionBar{flex-wrap:wrap}.sessionBar>div{width:100%;margin-bottom:8px}.track{grid-template-columns:1fr 90px 65px;gap:10px;padding:16px 12px}.trackName small{font-size:9px}.dropzone{flex-wrap:wrap;margin:14px;padding:20px 12px}.dropzone span{width:100%;margin-left:30px}.transport{gap:12px;padding:14px}.transport button{font-size:11px}.panel{padding:20px}.version,.person{flex-wrap:wrap}.welcome{padding:45px 0}.welcome h1{font-size:39px}footer span:last-child,.mixerHeading span:nth-child(2){display:none}}.sections{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:flex}.sections button{border-radius:20px;padding:8px 12px;font-size:11px}.sections small{color:#9ba78d;font-size:9px}