:root{--bg:#050505;--fg:#f1f1ef;--muted:#929292;--line:#292929;--green:#0aa04f;--panel:#0b0b0b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:"DM Mono",monospace}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button{border:1px solid var(--line);background:transparent;color:var(--fg);padding:10px;cursor:pointer}button:disabled{opacity:.35}header,footer{min-height:74px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px}header img{display:none}main{max-width:1400px;margin:auto;padding:0 4vw}.intro{padding:70px 0 50px}.intro small,.library small{color:var(--green)}.intro h1{font-size:clamp(42px,7vw,72px);font-weight:400;letter-spacing:-.055em;margin:26px 0}.intro h1 i{font-style:normal;color:var(--green)}.intro p{color:var(--muted);max-width:700px;line-height:1.7}.work{display:grid;grid-template-columns:1.35fr .65fr;border:1px solid var(--line)}.sound{padding:25px;min-width:0}.sound label{min-height:180px;border:1px dashed var(--line);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center}.sound label input{display:none}.sound label span,#meta{color:var(--muted);font-size:11px}canvas{width:100%;max-height:320px;margin-top:20px;background:var(--panel)}audio{width:100%;margin:16px 0}aside{border-left:1px solid var(--line);padding:22px}.head,.add,.export{display:flex;justify-content:space-between;align-items:center;gap:10px}.head h2,.library h2{font-weight:400}.random,.render{width:100%;margin:12px 0;background:var(--green);color:#050505;border-color:var(--green)}#stack{display:grid;gap:10px}.op{border:1px solid var(--line);padding:12px;background:var(--panel)}.add select{flex:1;background:#050505;color:var(--fg);border:1px solid var(--line);padding:10px}.library{padding:70px 0}.library h2{font-size:34px}.catalog,.library #catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.catalog-card{background:var(--bg);padding:20px;min-height:150px}.export{border-top:1px solid var(--line);padding:25px 0 70px}.export div{display:grid;gap:6px}.export span{color:var(--muted);font-size:11px}footer{border-top:1px solid var(--line);border-bottom:0}@media(max-width:800px){.work{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid var(--line)}.catalog,.library #catalog{grid-template-columns:1fr}}