@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#dfe4ed;background:#101318;color-scheme:dark;--muted:#858c9b;--line:#2a303a;--a:#83b4ff;--b:#f0a18c;--green:#b5f1bf}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;background:#242b35;border:1px solid #394250;border-radius:7px;color:#e3e8f0;padding:10px 13px}button:hover:enabled{background:#343e4c}button:disabled{opacity:.38;cursor:default}input:focus-visible,button:focus-visible,canvas:focus-visible{outline:2px solid var(--green);outline-offset:3px}header{height:77px;display:flex;align-items:center;gap:26px;padding:0 30px;border-bottom:1px solid var(--line);background:#151920}.brand{font:700 21px Space Grotesk,sans-serif;letter-spacing:2px;display:flex;align-items:center;gap:10px}.brand small{font:10px DM Sans,sans-serif;letter-spacing:1.7px;color:var(--muted);border-left:1px solid #3a414c;padding-left:20px;margin-left:10px}.logo{font-size:35px;color:var(--green)}.local{margin-left:auto;color:#9fa8b4;font-size:10px;letter-spacing:1.3px}.local:first-letter{color:var(--green)}button.primary{background:var(--green);color:#19271e;border:0;font-weight:700}button.primary:hover:enabled{background:#d3ffd9}main{display:grid;grid-template-columns:275px minmax(0,1fr);min-height:calc(100vh - 77px)}.inspector{background:#181d24;padding:30px 23px;border-right:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:2px;color:#9ca5b3;font-weight:700}h1{font:500 28px/1.17 Space Grotesk,sans-serif;letter-spacing:-1px;margin:14px 0}.sub,.hint,.private p{font-size:12px;line-height:1.65;color:var(--muted)}.inspector section{border-top:1px solid var(--line);margin-top:26px;padding-top:21px}.inspector h2{font-size:13px;font-weight:500;margin:0 0 20px}.inspector h2 b{font-size:10px;color:var(--green);margin-right:10px}.tempo-field{display:flex;align-items:baseline;gap:13px;margin-bottom:14px}.tempo-field input{font:42px Space Grotesk,sans-serif;width:117px;border:0;background:transparent;color:#f0f4fb;padding:0}.tempo-field span{color:#84909c;font-size:11px}.inspector button{width:100%;font-size:11px;text-align:left}.inspector button span{float:right;color:var(--green)}.inspector label:not(.tempo-field){font-size:11px;color:#b3bdc9}.inspector output{float:right;color:var(--green)}input[type=range]{width:100%;accent-color:var(--green);margin:17px 0}.start-label{display:flex;align-items:center;gap:6px;margin-top:18px;flex-wrap:wrap}.start-label input{width:65px;padding:6px;background:#12171e;border:1px solid #394250;border-radius:4px}.start-label span{color:var(--muted);font-size:10px}.check{display:flex;gap:7px;align-items:center;font-size:11px!important}.check input{accent-color:var(--green)}.inspector .check{margin-top:15px}.private{margin-top:35px;border-left:2px solid #506d5b;padding-left:13px}.private strong{font-size:11px}.private p{font-size:10px}.workspace{padding:31px 29px 25px;min-width:0}.workspace-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.workspace-heading h2{font:500 27px Space Grotesk,sans-serif;margin:8px 0 0;letter-spacing:-.8px}.workspace-heading h2 span{vertical-align:middle;font:9px DM Sans;letter-spacing:1px;color:#a4adba;border:1px solid #394250;padding:4px 6px;border-radius:4px;margin-left:12px}.zoom{display:flex;gap:10px;align-items:center;font-size:10px;color:#949dad}.zoom select{padding:7px;border:1px solid #333c48;border-radius:5px;background:#1e242d;font-size:11px}.transport{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#1a2028;padding:11px 15px;border-radius:9px;margin-bottom:24px}.transport button{width:36px;height:34px;padding:0}.transport .play{background:var(--green);color:#17231b;border:0}.clock{display:flex;align-items:baseline;gap:10px;margin-left:12px;font-family:Space Grotesk,monospace}.clock strong{font-size:23px;font-weight:400;min-width:105px}.clock span{color:#788291;font-size:12px}.transport-note{font-size:8px;color:#c5ccda;margin-left:15px;letter-spacing:1px}.transport-note span{display:block;color:#6f7b8b;font-size:9px;margin-top:3px;letter-spacing:0}.mute{margin-left:auto;color:#a5aebc}.track-card{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid #303a48;background:#1a222d;border-radius:7px;margin-bottom:9px}.track-card.b{background:#272124;border-color:#463739}.track-id{background:#2a4364;color:var(--a);padding:9px 12px;font-family:Space Grotesk;border-radius:5px}.b .track-id{background:#513933;color:var(--b)}.track-title{flex:1;min-width:0}.track-title strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-title small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.bpm-label{display:flex;flex-direction:column;gap:4px;font-size:9px;color:#8e9bad}.bpm-label input{width:74px;border:1px solid #384454;border-radius:4px;background:#111820;padding:5px;color:var(--a)}.b .bpm-label input{color:var(--b)}.load{font-size:10px;background:transparent}.timeline-shell{display:flex;margin-top:22px;border:1px solid #303743;border-radius:7px;overflow:hidden}.lane-labels{width:86px;flex-shrink:0;background:#1b212b;border-right:1px solid #303743}.lane-labels>div{height:110px;padding:25px 16px;border-bottom:1px solid #303743;display:flex;flex-direction:column;gap:7px}.lane-labels>div:first-child{height:34px;padding:12px 16px;font-size:8px;color:#8490a1}.lane-labels>div:last-child{height:48px;padding:18px 16px;font-size:8px;color:var(--green)}.lane-labels b{font:20px Space Grotesk;color:var(--a)}.lane-labels>div:nth-child(3) b{color:var(--b)}.lane-labels span{font-size:8px;letter-spacing:1px;color:#7e8999}#timeline-scroll{overflow-x:auto;flex:1;background:#12171e;min-width:0}canvas{display:block;touch-action:none;cursor:crosshair;height:302px}.timeline-caption{display:flex;justify-content:space-between;gap:10px;color:#798696;font-size:9px;margin:12px 0 25px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin:0 4px 0 8px}.blue{background:var(--a)}.coral{background:var(--b)}.green{background:var(--green)}.status-box{display:flex;align-items:center;gap:15px;padding:17px 20px;background:#1c2524;border:1px solid #2d4239;border-radius:8px}#status-icon{color:var(--green);font-size:25px}#status{font-size:12px;font-weight:500}.status-box p{color:#869b92;font-size:11px;margin:6px 0 0}.bottom-note{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:#556170;margin-top:25px}@media(max-width:1000px){main{grid-template-columns:225px minmax(0,1fr)}.workspace{padding:24px 16px}.inspector{padding:24px 17px}.brand small,.transport-note{display:none}.track-card{flex-wrap:wrap}.track-title{min-width:150px}.timeline-caption{flex-wrap:wrap}}@media(max-width:700px){header{padding:0 15px;gap:10px}.local{display:none}header button{margin-left:auto}main{display:flex;flex-direction:column}.inspector{border-right:0;border-bottom:1px solid var(--line)}h1,.sub,.private{display:none}.inspector section{display:inline-block;width:48%;vertical-align:top;padding:12px 8px;margin-top:12px}.workspace{padding:24px 12px}.clock strong{font-size:18px;min-width:80px}.workspace-heading h2{font-size:22px}.workspace-heading h2 span{display:none}.bottom-note{letter-spacing:0}.lane-labels{width:64px}.mute{font-size:9px!important}}main{display:block;min-height:calc(100vh - 77px)}.inspector{padding:0;border:0;border-bottom:1px solid var(--line);background:#1a2028}.inspector>summary{padding:13px 28px;cursor:pointer;color:#d3dbe7;font-size:12px;font-weight:600;list-style:none}.inspector>summary:before{content:"▸";color:var(--green);margin-right:10px}.inspector[open]>summary:before{content:"▾"}.inspector>summary span{font-size:10px;color:#8391a4;margin-left:15px;font-weight:400}.settings-inner{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:12px 28px 24px;max-width:1000px}.settings-inner>.eyebrow,.settings-inner>h1,.settings-inner>.sub,.settings-inner>.private{display:none}.inspector section{display:block;width:auto;margin:0;padding:0;border:0}.inspector h2{margin:0 0 12px}.tempo-field{margin-bottom:9px}.tempo-field input{font-size:32px}.inspector .hint{font-size:11px;max-width:350px;margin-bottom:0}.workspace{padding:22px 28px 30px}.workspace-heading{margin-bottom:15px}.workspace-heading>.eyebrow{display:none}.workspace-heading h2{font-size:26px;margin-top:4px}.workspace-heading .eyebrow{font-size:9px}.transport{margin-bottom:15px}.song-shelf{display:grid;grid-template-columns:1fr 1fr;gap:12px}.song-shelf .track-card{margin:0;padding:9px 12px;gap:10px;flex-wrap:nowrap}.track-title small{font-size:9px}.track-id{padding:8px 10px}.bpm-label input{width:64px}.load{font-size:9px;padding:8px}.track-title{min-width:0!important}.playlist-help{display:flex;align-items:center;gap:15px;margin:22px 0 10px}.playlist-help strong{font-size:12px;font-weight:500;color:#c4cfde}.playlist-help span{font-size:10px;color:#718198}.timeline-shell{margin-top:0;--playlist-height:clamp(460px,62vh,820px);box-shadow:0 12px 30px #0003;transition:border-color .15s,box-shadow .15s}.timeline-shell canvas{height:var(--playlist-height)}.lane-labels>div:first-child{height:calc(var(--playlist-height)*34/302);padding:18px 14px}.lane-labels>div{height:calc(var(--playlist-height)*110/302);padding:32px 14px}.lane-labels>div:last-child{height:calc(var(--playlist-height)*48/302);padding:24px 14px}.lane-labels b{font-size:24px}.lane-labels span{font-size:8px}.timeline-shell.drop-active{border-color:var(--green);box-shadow:0 0 0 2px #b5f1bf77,0 0 40px #b5f1bf17}.timeline-caption{margin-bottom:14px}.bottom-note{display:none}.status-box{padding:12px 16px}.status-box p{margin-top:4px}@media(max-width:1000px){.song-shelf .track-card{flex-wrap:wrap}.song-shelf .track-title{min-width:150px!important}.workspace{padding:18px 16px}.playlist-help{align-items:flex-start;flex-direction:column;gap:5px}}@media(max-width:700px){.settings-inner{display:block;padding:10px 16px}.inspector section{margin-bottom:20px}.inspector>summary{padding:12px 16px}.inspector>summary span{display:none}.song-shelf{grid-template-columns:1fr}.song-shelf .track-card{flex-wrap:nowrap}.song-shelf .track-title{min-width:0!important}.timeline-shell{--playlist-height:480px}.workspace{padding:17px 10px}.timeline-caption{line-height:1.7}.playlist-help{margin-top:17px}.transport{padding:10px 8px}.lane-labels>div{padding-left:10px}.transport-note{display:none}}.playlist-help>div{display:flex;flex-direction:column;gap:6px}.playlist-help>button{margin-left:auto;background:var(--green);color:#17271b;font-size:12px;white-space:nowrap}.lane-labels{width:195px}.lane-labels>.lane-ruler{height:34px!important;padding:10px 12px!important;font-size:8px;color:#8390a3;display:block}.lane-labels>.playlist-lane,.lane-labels>.empty-lane{height:100px!important;padding:9px 10px!important;display:block;border-bottom:1px solid #303947;overflow:hidden}.playlist-lane.selected{background:#2c3543}.playlist-lane .lane-name{display:block;width:100%;text-align:left;padding:0;border:0;background:none;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--track-color)}.lane-tools{display:flex;align-items:center;gap:5px;margin-top:8px}.lane-tools input{width:65px;padding:4px;background:#121820;border:1px solid #3c4758;border-radius:4px;font-size:10px}.lane-tools button{padding:2px 7px;font-size:12px;height:24px}.playlist-lane small{display:block;color:#8998aa;font-size:8px;margin-top:6px}.lane-labels>.empty-lane{font-size:10px;color:#64758a;padding:34px 14px!important;cursor:pointer}.lane-labels>.lane-footer{height:48px!important;padding:18px 10px!important;font-size:8px;color:var(--green);display:block}.timeline-shell{align-items:stretch;min-height:480px}.timeline-shell canvas{height:auto}#timeline-scroll{min-height:480px}.playlist-help{flex-direction:row;align-items:center}@media(max-width:700px){.lane-labels{width:145px}.lane-tools{gap:3px}.lane-tools input{width:58px}.playlist-help span{font-size:9px}.playlist-help strong{font-size:10px}}.playlist-top-controls{display:flex;align-items:center;gap:22px}.project-tempo{display:flex;flex-direction:column;gap:5px;color:#91a39a;font-size:8px;font-weight:700;letter-spacing:1.4px}.project-tempo>span{display:flex;align-items:baseline;gap:7px;background:#1c2b25;border:1px solid #3d5c4b;border-radius:6px;padding:5px 10px}.project-tempo input{width:82px;border:0;background:none;color:var(--green);font:25px Space Grotesk,sans-serif;outline-offset:2px}.project-tempo b{font-size:9px;color:#9bad9e;letter-spacing:0}.lane-tools{align-items:flex-end;margin-top:5px}.song-bpm-label{font-size:7px;letter-spacing:.8px;color:#96a5b8;display:flex;flex-direction:column;gap:3px}.song-bpm-label input{font-size:13px;color:#e4edf8;letter-spacing:0}.playlist-lane small{font-size:8px;margin-top:5px}.workspace-heading{gap:12px}@media(max-width:700px){.playlist-top-controls{gap:9px}.project-tempo input{width:67px;font-size:21px}.project-tempo>span{padding:4px 6px}.zoom>label{display:none}.project-tempo{letter-spacing:1px}.zoom select{max-width:95px}.playlist-lane small{font-size:7px}}.clip-editor{margin:15px 0;padding:13px 15px;background:#1c2430;border:1px solid #354253;border-radius:7px}.clip-editor-heading{display:flex;align-items:center;gap:16px;margin-bottom:11px;min-width:0}.clip-editor-heading strong{font-size:11px;max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-editor-heading small{font-size:9px;color:#8e9fb4}.clip-fields{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.clip-fields label{display:flex;flex-direction:column;gap:4px;color:#9eafc3;font-size:9px}.clip-fields input{width:86px;padding:6px 8px;border:1px solid #44536a;border-radius:4px;background:#121923;color:#e4eefb;font-size:12px}.clip-fields button{font-size:10px;padding:7px 10px}.clip-fields input:disabled{opacity:.4}@media(max-width:700px){.clip-editor-heading{flex-direction:column;align-items:flex-start;gap:5px}.clip-editor-heading strong{max-width:100%}.clip-fields{gap:8px}.clip-fields input{width:78px}}