:root{color-scheme:dark;--bg:#0c1013;--panel:#141a1f;--line:#2a333a;--muted:#96a3ab;--lime:#d1f482;--cyan:#8edcdd}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#edf2f3;font:14px/1.5 'Segoe UI',sans-serif}button,.button,input,select{font:inherit}button,.button{border:1px solid var(--line);background:#1d252b;color:#ecf0f1;padding:9px 13px;border-radius:6px;cursor:pointer;display:inline-block}button:hover,.button:hover{background:#2d3940;border-color:#63747c}button:disabled{opacity:.5;cursor:wait}input,select{background:#101619;border:1px solid var(--line);border-radius:5px;color:inherit;padding:8px}input:focus,select:focus,button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}header{min-height:82px;display:flex;align-items:center;gap:22px;padding:20px 28px;border-bottom:1px solid var(--line)}a{color:var(--cyan)}.brand{font-weight:800;letter-spacing:2px;color:inherit;text-decoration:none;font-size:19px;white-space:nowrap}.brand>span{color:var(--lime)}.brand small{font-size:10px;display:block;letter-spacing:4px;color:var(--muted);margin-left:47px}.badge{font-size:10px;letter-spacing:1px;border:1px solid #4c5d43;color:var(--lime);padding:4px 7px;border-radius:3px}.actions{margin-left:auto;display:flex;gap:8px}.accent,.play{background:var(--lime);color:#16220c;border-color:var(--lime);font-weight:650}.accent:hover,.play:hover{background:#bce566;color:#16220c}.transport{display:flex;align-items:center;gap:13px;padding:20px 28px;border-bottom:1px solid var(--line);background:#11171b}.transport>div{margin-right:auto}.eyebrow,.section-label{font-size:10px;letter-spacing:2px;color:var(--muted)}#title{display:block;font-size:20px;border:0;background:none;padding:0;width:280px}#tempo{width:66px}#position{font:20px monospace;color:var(--lime);margin-left:15px}main{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:700px}aside{border-right:1px solid var(--line);padding:24px 22px;background:#11171b}h1{font-size:25px;margin:8px 0 0;letter-spacing:-.8px}h2{font-size:24px;margin:8px 0;letter-spacing:-.6px}p.muted{margin-top:4px}.muted,.hint,.notice{color:var(--muted);font-size:12px}#search{width:100%;margin:12px 0 15px}#categories{display:flex;gap:6px;flex-wrap:wrap}#categories button{padding:5px 9px;font-size:12px;border-radius:20px}#categories button.active{background:var(--lime);color:#14200b;border-color:var(--lime)}.library-tools{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px;font-size:11px;color:var(--muted)}.library-tools .button{padding:5px 8px}#library{max-height:650px;overflow:auto;padding-right:4px}.sound{border:1px solid var(--line);border-radius:8px;padding:12px;margin-bottom:8px;background:#171f24;display:grid;grid-template-columns:34px 1fr 28px;gap:10px;align-items:center}.sound button{padding:5px;min-height:30px}.sound strong{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}.sound small{font-size:10px;color:var(--muted)}.sound .audition{color:var(--lime);background:#263324}.workspace{padding:24px 28px}.arrange-head{display:flex;align-items:center;justify-content:space-between}.hint{margin:6px 0 20px}.timeline-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#0e1418}#timeline{min-width:680px}.ruler,.track-row{display:grid;grid-template-columns:125px 1fr}.ruler{height:33px}.ruler>div:first-child{color:var(--muted);padding:7px 12px;font-size:11px}.ticks{display:grid;color:var(--muted);font:11px monospace}.ticks span{padding:8px;border-left:1px solid var(--line)}.track-label{padding:18px 12px;border-right:1px solid var(--line);font-size:12px;color:#afbdc4}.track-row{border-top:1px solid var(--line);height:59px}.lane{position:relative;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--bar-width) - 1px),#263037 calc(var(--bar-width) - 1px),#263037 var(--bar-width))}.clip{position:absolute;top:6px;height:46px;border:1px solid #7d9c79;border-radius:4px;background:#334b39;color:#dcf3d5;overflow:hidden;cursor:grab;padding:5px 8px;font-size:10px;text-align:left;white-space:nowrap;min-width:12px}.clip:nth-child(even){background:#334d55}.clip.selected{outline:2px solid var(--lime);outline-offset:0}.clip:after{content:'▂▅▃▇▂▆▃▅▂▃▆▇▃▂▅▃▇▂▅▃▂▇▃▅▂▃▆▇▃▂▅▃▇▂▆▃▅▂';display:block;opacity:.45;letter-spacing:2px;font:12px monospace}.workspace-bottom{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;margin:14px 0 25px}.workspace-bottom button{font-size:11px;padding:5px 8px}.editor{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:20px}#empty-editor{color:var(--muted);padding:30px 0}.editor h3{font-size:14px;overflow-wrap:anywhere}canvas{width:100%;height:100px;background:#0b1215;border-radius:5px}.edit-controls{display:flex;flex-wrap:wrap;gap:15px;margin:15px 0}.edit-controls label{font-size:11px;color:var(--muted)}.edit-controls input:not([type=checkbox]),.edit-controls select{display:block;width:90px;margin-top:5px}.edit-controls input[type=range]{width:110px}.check{align-self:center}.editor-buttons{display:flex;flex-wrap:wrap;gap:8px}.danger{color:#ff9c92}#source{margin-top:14px;margin-bottom:0}.notice{line-height:1.7;margin-top:20px;max-width:850px}footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:17px 28px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:1px}#status{color:var(--lime)}@media(max-width:1100px){header{flex-wrap:wrap}.badge{display:none}main{grid-template-columns:300px minmax(0,1fr)}.transport{flex-wrap:wrap}.transport>div{width:100%}.workspace{padding:22px 16px}aside{padding:22px 14px}}@media(max-width:740px){header{padding:16px}.actions{margin:0;flex-wrap:wrap}.actions button,.actions .button{font-size:12px}main{display:flex;flex-direction:column}aside{border-right:0;border-bottom:1px solid var(--line)}#library{max-height:270px}.transport{padding:16px;gap:8px}#position{display:none}.transport label{font-size:12px}.workspace{padding:22px 12px}footer{padding:16px}.editor{padding:14px}}