:root{color-scheme:dark;font:14px system-ui;background:#111019;color:#f3efff}*{box-sizing:border-box}body{margin:0;padding:24px;max-width:1260px;margin:auto}button,input,select{font:inherit;color:#f3efff;background:#2a273a;border:1px solid #57516d;border-radius:7px;padding:9px}button,.file{cursor:pointer}button:hover,.file:hover{background:#443e59}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #cdff86;outline-offset:2px}input[type=number]{width:70px}input[type=range]{padding:0;width:110px;accent-color:#b6a1ff}input[type=checkbox]{accent-color:#b6a1ff}h1{font-size:23px;margin:0;white-space:nowrap}h1 span{color:#b6a1ff}header,.project,.toolbar,.heading,.sound,footer,.automation{display:flex;gap:12px;align-items:center;flex-wrap:wrap}header{justify-content:space-between;margin-bottom:24px}#name{width:165px}#projects{max-width:160px}main{background:#1a1827;border:1px solid #373147;border-radius:16px;overflow:hidden}.toolbar{padding:18px;border-bottom:1px solid #373147}.primary{background:#c4ff87;color:#16220b;font-weight:700}.primary:hover{background:#d9ffb4}#record[aria-pressed=true]{background:#773145;color:#fff}section{padding:18px;border-bottom:1px solid #373147}.heading{margin-bottom:16px}h2{font-size:11px;letter-spacing:2px;color:#c4b8dd;margin:0 auto 0 0}#banks{display:flex;gap:5px}.active{background:#b6a1ff;color:#211632}.scroll{overflow:auto;padding:3px 3px 10px}.grid{display:grid;grid-template-columns:180px repeat(16,minmax(28px,1fr));gap:6px;min-width:800px}.track{display:flex;align-items:center;gap:6px}.track .trackname{padding:5px;width:68px;text-align:left;border:0}.track input{width:55px}.mute{padding:5px;font-size:11px}.mute[aria-pressed=true]{background:#773145;color:white}.step{height:39px;padding:0;background:#302c43;border:0;border-radius:5px;color:#201631;font-size:11px}.step:nth-of-type(4n+1){background:#3a344e}.step.on{background:#b4a0fb}.step.now{outline:2px solid #d8ffa7;outline-offset:1px}.timeline{display:grid;grid-template-columns:repeat(auto-fill,minmax(63px,1fr));gap:7px}.clip{display:flex;flex-direction:column;gap:4px;background:#30293f;border-left:3px solid #baa6ff;text-align:left;min-height:57px}.clip small{color:inherit;font-size:10px}.clip.playing{outline:2px solid #c4ff87}.clip.empty{border-left-color:#635a74;color:#c9bfda}.automation{margin-top:14px;min-height:35px}.automation label{display:flex;align-items:center;gap:8px}.sound{gap:20px}.sound label{display:flex;flex-direction:column;gap:8px;color:#d6cce6}.keyboard{display:flex;gap:7px;margin:20px 0 12px}.key{flex:1;height:72px;background:#e9e1fc;color:#282034;border:0;border-bottom:6px solid #a99bbf;touch-action:none}.key:active,.key.pressed{background:#c7fc91}small{color:#c4bad5}footer{padding:18px;gap:8px}.file{border:1px solid #57516d;background:#2a273a;padding:9px;border-radius:7px}.file input{position:absolute;width:1px;height:1px;opacity:0}.file:focus-within{outline:2px solid #cdff86}#status{padding:0 18px 14px;margin:0;color:#d4c9e7;min-height:35px}button:disabled{opacity:.65;cursor:wait}@media(max-width:650px){body{padding:12px}header{gap:14px;margin-bottom:15px}.project{gap:7px;width:100%}#name{width:130px}#projects{width:125px}section,.toolbar,footer{padding:12px}.toolbar{gap:9px}.sound{gap:14px}.sound input{width:100px}.keyboard{gap:4px}.key{padding:0;height:82px}.grid{grid-template-columns:140px repeat(16,34px);gap:5px}.track{gap:3px}.track input{width:38px}.track .trackname{width:58px;font-size:12px}.heading{gap:9px}.timeline{grid-template-columns:repeat(4,1fr)}footer button,.file{font-size:12px}}
a[data-excessivecode-made]{position:static!important;float:right;margin:12px 0!important;opacity:1!important;background:#24202f!important}