body[data-studio=music]{color:#e9f3f9;--music-accent:#6cddd1;--music-panel:#142333;--music-line:#31475b;background:#0c1723;margin:0;font:13px/1.5 Manrope,system-ui,sans-serif}body[data-studio=music] .music-workbench{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:0 24px 28px}body[data-studio=music] .music-sessionbar{border-bottom:1px solid #263c50;align-items:center;gap:14px;min-height:97px;margin-bottom:22px;display:flex}body[data-studio=music] .music-route-mark{color:#83e0d6;background:linear-gradient(140deg,#6cddd118,#6cddd105);border:1px solid #6cddd12e;border-radius:11px;place-items:center;width:44px;height:44px;display:grid}body[data-studio=music] .music-route-mark svg{width:28px;height:28px}body[data-studio=music] .music-eyebrow{letter-spacing:.13em;color:#89a7bb;font-size:12px;font-weight:650;line-height:1.5;display:block}body[data-studio=music] h1{letter-spacing:-.035em;color:#eff6fb;margin:4px 0 0;font-size:26px;font-weight:650;line-height:1.25}body[data-studio=music] h2{letter-spacing:-.025em;color:#e3eff7;margin:5px 0 0;font-size:20px;font-weight:600;line-height:1.3}body[data-studio=music] .music-session-state{color:#8cb3bf;align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex}body[data-studio=music] .music-local-dot,body[data-studio=music] .music-status-dot{background:#6cddd1;border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 0 4px #6cddd109}body[data-studio=music] .music-session-divider{background:#344c5e;width:1px;height:14px;margin:0 5px}body[data-studio=music] .music-workspace-grid{grid-template-columns:minmax(0,1fr) 328px;align-items:start;gap:18px;display:grid}body[data-studio=music] .music-preview-panel,body[data-studio=music] .music-source-panel{background:#142333;border:1px solid #2a4358;border-radius:12px;min-width:0;overflow:hidden}body[data-studio=music] .music-panel-heading{justify-content:space-between;align-items:center;gap:18px;padding:21px 23px 17px;display:flex}body[data-studio=music] .music-state-tag{color:#8ecacb;white-space:nowrap;background:#6cddd109;border:1px solid #6cddd129;border-radius:5px;padding:5px 8px;font-size:12px}body[data-studio=music] dimau-music-visualiser{min-width:0;margin:0;display:block}body[data-studio=music] .music-track-deck{background:#142333;border-top:1px solid #2b4258;align-items:center;gap:12px;padding:19px 22px 6px;display:flex}body[data-studio=music] .music-track-icon{color:#7fc6c5;background:#1c3345;border:1px solid #375367;border-radius:8px;flex:none;place-items:center;width:39px;height:39px;display:grid}body[data-studio=music] .music-track-icon svg{width:22px;height:22px}body[data-studio=music] .music-track-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}body[data-studio=music] .music-track-info strong{text-overflow:ellipsis;white-space:nowrap;color:#d8eaf4;font-size:13px;font-weight:600;overflow:hidden}body[data-studio=music] .music-track-info span{color:#839fb4;font-size:12px}body[data-studio=music] #music-clock{white-space:nowrap;color:#a2c4d4;font:12px/1.4 ui-monospace,SFMono-Regular,monospace}body[data-studio=music] .music-play-state{color:#8db1bf;text-align:center;border:1px solid #365064;border-radius:5px;min-width:42px;padding:4px 6px;font-size:12px}body[data-studio=music] .music-play-state[data-playing=true]{color:#98e9d5;background:#6cddd10d;border-color:#6cddd14a}body[data-studio=music] #music-audio{filter:sepia(.2)hue-rotate(112deg)saturate(.7);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:calc(100% - 44px);height:42px;margin:13px 22px 17px;display:block}body[data-studio=music] .music-stage-footer{color:#7e9eaf;background:#10202e;border-top:1px solid #2a4053;justify-content:space-between;align-items:center;gap:12px;padding:12px 22px;font-size:12px;display:flex}body[data-studio=music] .music-source-panel .music-panel-heading{padding:20px 20px 16px}body[data-studio=music] .music-source-panel h2{font-size:18px}body[data-studio=music] .music-small-icon{color:#759aaf;flex:none;width:19px;height:19px}body[data-studio=music] .upload{text-align:center;background:#102131;border:1px dashed #4e6d80;border-radius:9px;margin:0 18px;padding:20px 15px 17px;transition:background .15s,border-color .15s}body[data-studio=music] .upload.drag{background:#1b3c48;border-style:solid;border-color:#6cddd1}body[data-studio=music] .music-upload-icon{color:#79b6bd;width:43px;height:43px;margin:0 auto 9px;display:block}body[data-studio=music] .upload label{letter-spacing:-.01em;color:#d4e9f2;margin:0;font-size:14px;font-weight:650;display:block}body[data-studio=music] .upload p{color:#88a7bc;max-width:210px;margin:8px auto 13px;font-size:12px;line-height:1.65}body[data-studio=music] #music-file{box-sizing:border-box;color:#97bbce;background:0 0;border:0;width:100%;max-width:100%;padding:0;font-size:12px;display:block}body[data-studio=music] #music-file::file-selector-button{color:#b4eee5;cursor:pointer;background:#244f50;border:1px solid #5b897f;border-radius:6px;margin-right:7px;padding:7px 10px;font-size:12px;font-weight:600}body[data-studio=music] .upload small{color:#718fa4;margin-top:13px;font-size:12px;line-height:1.6;display:block}body[data-studio=music] .sample{text-align:left;color:#bfe4e5;cursor:pointer;box-sizing:border-box;background:#1b3041;border:1px solid #365364;border-radius:8px;justify-content:flex-start;align-items:center;gap:11px;width:calc(100% - 36px);margin:13px 18px 0;padding:12px;font:600 13px/1.4 Manrope,system-ui,sans-serif;display:flex}body[data-studio=music] .sample:hover{background:#22414f;border-color:#64a8a7}body[data-studio=music] .sample>svg{color:#8cd3d1;flex:none;width:20px;height:20px}body[data-studio=music] .sample small{color:#7f9eaf;margin-top:5px;font-size:12px;font-weight:400;display:block}body[data-studio=music] .music-workflow{border-top:1px solid #2e4558;margin:22px 20px 0;padding-top:19px}body[data-studio=music] .music-workflow ol{gap:17px;margin:16px 0 19px;padding:0;list-style:none;display:grid}body[data-studio=music] .music-workflow li{align-items:flex-start;gap:11px;display:flex}body[data-studio=music] .music-workflow li>span{color:#84b5ba;background:#1e3647;border:1px solid #3d5b6b;border-radius:6px;flex:none;place-items:center;width:24px;height:24px;font-size:12px;display:grid}body[data-studio=music] .music-workflow strong{color:#c2d9e5;font-size:13px;font-weight:550;line-height:1.4}body[data-studio=music] .music-workflow small{color:#7e9caf;margin-top:4px;font-size:12px;line-height:1.6;display:block}body[data-studio=music] .music-video-link{color:#95d8d4;background:#6cddd108;border:1px solid #4e7b7c;border-radius:7px;align-items:center;gap:9px;padding:10px;font-size:13px;font-weight:600;text-decoration:none;display:flex}body[data-studio=music] .music-video-link>svg{flex:none;width:17px;height:17px}body[data-studio=music] .music-video-link>svg:last-child{width:15px;height:15px;margin-left:auto}body[data-studio=music] .music-local-note{color:#7596aa;align-items:flex-start;gap:9px;margin:19px 20px 20px;font-size:12px;line-height:1.65;display:flex}body[data-studio=music] .music-local-note svg{color:#7fb5b5;flex:none;width:16px;height:16px;margin-top:2px}body[data-studio=music] .music-statusbar{color:#86a9b8;align-items:center;gap:10px;padding:15px 3px 0;display:flex}body[data-studio=music] .music-statusbar .status{color:#87b3bb;flex:1;min-height:0;margin:0;font-size:12px;line-height:1.6}body[data-studio=music] .music-statusbar>span:last-child{letter-spacing:.1em;color:#5f839a;font-size:12px}body[data-studio=music] .music-workbench :focus-visible{outline-offset:4px;outline:2px solid #6cddd1}@media (width<=1150px){body[data-studio=music] .music-workspace-grid{grid-template-columns:minmax(0,1fr) 295px}body[data-studio=music] .music-track-deck{flex-wrap:wrap}body[data-studio=music] #music-clock{margin-left:51px}body[data-studio=music] .music-session-state>span:last-child,body[data-studio=music] .music-session-divider{display:none}}@media (width<=850px){body[data-studio=music] .music-workspace-grid{grid-template-columns:1fr}body[data-studio=music] .music-source-panel{grid-template-columns:1fr 1fr;align-items:start;padding-bottom:8px;display:grid}body[data-studio=music] .music-source-panel>.music-panel-heading{grid-column:1/-1}body[data-studio=music] .music-source-panel .upload{grid-area:2/1/5}body[data-studio=music] .music-source-panel .sample{grid-column:2;margin-top:0}body[data-studio=music] .music-workflow{grid-column:2;margin-top:17px}body[data-studio=music] .music-local-note{grid-column:1/-1}body[data-studio=music] .music-stage-footer{padding:12px 18px}}@media (width<=560px){body[data-studio=music] .music-workbench{padding:0 12px 20px}body[data-studio=music] .music-sessionbar{gap:11px;min-height:85px;margin-bottom:14px}body[data-studio=music] h1{font-size:23px}body[data-studio=music] .music-session-state{display:none}body[data-studio=music] .music-eyebrow{letter-spacing:.08em;font-size:12px}body[data-studio=music] .music-route-mark{border-radius:9px;width:37px;height:37px}body[data-studio=music] .music-route-mark svg{width:24px;height:24px}body[data-studio=music] .music-panel-heading{gap:10px;padding:17px 15px 14px}body[data-studio=music] h2{font-size:19px}body[data-studio=music] .music-state-tag{padding:4px 6px;font-size:12px}body[data-studio=music] .music-track-deck{gap:10px;padding:16px 15px 4px}body[data-studio=music] .music-track-info{flex-basis:calc(100% - 49px)}body[data-studio=music] #music-clock{margin-left:49px}body[data-studio=music] #music-audio{width:calc(100% - 30px);margin:12px 15px 15px}body[data-studio=music] .music-stage-footer{flex-wrap:wrap;gap:7px;padding:11px 15px}body[data-studio=music] .music-source-panel{padding-bottom:0;display:block}body[data-studio=music] .music-source-panel .sample{margin-top:13px}body[data-studio=music] .music-statusbar{align-items:flex-start;padding:14px 2px 0}body[data-studio=music] .music-status-dot{margin-top:6px}body[data-studio=music] .music-statusbar>span:last-child{display:none}}@media (prefers-reduced-motion:reduce){body[data-studio=music] .upload{transition:none}}
