@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600&display=swap";:root{font-family:Manrope,sans-serif;color:#eeeede;background:#151512;--acid:#d8ff43;--panel:#1d1d19;--muted:#99998e;--border:#eeeeDE29;--scrollbar-track:#151512;--scrollbar-thumb:#5d682f;--scrollbar-thumb-hover:#d8ff43}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 75% 0,#d8ff4314,transparent 28rem),#151512}button,select{font:inherit}.shell{width:min(1240px,calc(100% - 40px));margin:auto}header,footer{display:flex;align-items:center;justify-content:space-between;min-height:82px;border-bottom:1px solid var(--border)}.brand{font-size:13px;font-weight:600;text-transform:uppercase}.brand span{display:inline-grid;place-items:center;width:42px;height:42px;margin-right:12px;border-radius:50%;color:#151512;background:var(--acid);font-size:11px}.safe,.status,.eyebrow,small,label,summary>span:last-child{font:10px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}main{padding:32px 0 48px}.hero{display:none;max-width:850px;margin-bottom:70px}.eyebrow{margin:0 0 12px;color:var(--acid)}h1{margin:0 0 28px;font-size:clamp(52px,8.5vw,112px);font-weight:500;letter-spacing:-.065em;line-height:.86}.hero>p:last-child,.muted{max-width:610px;color:var(--muted);line-height:1.65}.workspace{display:grid;grid-template-columns:1fr;gap:18px}.panel{padding:28px;border:1px solid var(--border);border-radius:18px;background:#1d1d19ed}.heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:24px}.heading .eyebrow{margin-bottom:6px}.heading h2{margin:0;font-size:21px;font-weight:500}.status.online{color:var(--acid)}button{border:0;cursor:pointer}.primary,.secondary{min-height:44px;padding:0 18px;border-radius:99px;font-size:13px;font-weight:600}.primary{width:100%;color:#151512;background:var(--acid)}.secondary{color:#eeeede;border:1px solid var(--border);background:transparent}button:disabled{opacity:.4}.error{color:#ff927d;font-size:13px}.ports{display:grid;gap:16px;margin-top:24px}.ports label{display:grid;gap:8px}select{min-height:42px;padding:0 12px;border:1px solid var(--border);border-radius:8px;color:#eeeede;background:#272721}.empty{display:grid;place-items:center;min-height:390px;text-align:center}.empty h3{margin:22px 0 7px}.empty p{color:var(--muted)}.orb{display:grid;place-items:center;width:86px;height:86px;border:1px solid var(--border);border-radius:50%}.orb span{width:50px;height:50px;border-radius:50%;background:var(--acid);box-shadow:0 0 35px #d8ff4333}.seed{display:grid;grid-template-columns:1fr auto;padding:24px;border-radius:12px;color:#151512;background:var(--acid)}.seed span{grid-column:1/-1;font:10px DM Mono;text-transform:uppercase}.seed strong{font-size:clamp(26px,4vw,42px);font-weight:500}.seed code{align-self:end}.globals{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.globals article{display:grid;gap:8px;padding:18px;border-right:1px solid var(--border)}.globals article:last-child{border:0}.globals span,.tracks span{font:9px DM Mono;color:var(--muted);text-transform:uppercase}.globals strong{font-size:15px}.globals small{overflow:hidden;text-overflow:ellipsis}.tracks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.tracks article{display:grid;grid-template-columns:38px 1fr;padding:20px;border-radius:12px;background:#272721}.tracks b{color:var(--acid);font:11px DM Mono}.tracks h3{margin:6px 0;font-size:17px;font-weight:500}.inactive{opacity:.4}.diagnostics{margin-top:18px;padding:0;overflow:hidden}.diagnostics summary{display:flex;justify-content:space-between;padding:23px 28px;cursor:pointer;list-style:none}.diagnostics summary .eyebrow{display:block;margin-bottom:5px;font-style:normal}.diagnostic-head{display:flex;justify-content:space-between;padding:15px 28px;border-block:1px solid var(--border)}.diagnostic-head p{margin:0;color:var(--muted);font-size:12px}.diagnostic-head button{color:var(--acid);background:none}.diagnostics ol{max-height:320px;margin:0;padding:0;overflow:auto;list-style:none}.diagnostics li{display:grid;grid-template-columns:85px 65px 1fr;gap:15px;padding:13px 28px;border-bottom:1px solid var(--border);font:10px DM Mono}.diagnostics time,.diagnostics em{color:var(--muted);font-style:normal}.pad{padding:0 28px}footer{border-top:1px solid var(--border);border-bottom:0;color:var(--muted);font:9px DM Mono;text-transform:uppercase}@media(max-width:850px){.workspace,.collections-grid,.globals{grid-template-columns:1fr}.globals article{border-right:0;border-bottom:1px solid var(--border)}}@media(max-width:560px){.shell{width:calc(100% - 24px)}.safe{display:none}main{padding-top:54px}.panel{padding:20px}.tracks,.seed{grid-template-columns:1fr}.diagnostics{padding:0}.diagnostics li{grid-template-columns:1fr}.globals article:last-child{border-bottom:0}}.history-column{display:grid;gap:18px;min-width:0}.sequencer-control{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:#15151266}.sequencer-control>div:first-child{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:4px 12px}.sequencer-control span,.sequencer-control small{font:9px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.sequencer-control span,.sequencer-control small{color:var(--muted)}.sequencer-control small{grid-column:1 / -1;letter-spacing:0;text-transform:none}.sequencer-actions{display:grid;grid-template-columns:repeat(2,minmax(88px,1fr));gap:8px}.sequencer-actions .primary{width:auto}.collections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;margin-top:18px}.connection-disclosure{padding:0;overflow:hidden}.connection-body{padding:0 28px 28px}@media(min-width:851px){.connection-disclosure[open] .connection-body{display:grid;grid-template-columns:minmax(260px,1fr) minmax(150px,auto) minmax(420px,1.35fr);gap:24px;align-items:end}.connection-disclosure[open] .connection-body>.muted{align-self:center;margin:0}.connection-disclosure[open] .connection-body>button{min-width:150px}.connection-disclosure[open] .ports{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.connection-disclosure[open] .error{grid-column:1 / -1;margin:0}}.disclosure-heading{cursor:pointer;list-style:none}.connection-disclosure>.disclosure-heading{margin:0;padding:24px 28px}.disclosure-heading::-webkit-details-marker{display:none}.disclosure-meta{display:flex;align-items:center;gap:12px}.disclosure-icon{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--border);border-radius:50%;color:var(--muted);font:15px/1 DM Mono,monospace;transition:transform .18s ease,color .18s ease}details[open]>.disclosure-heading .disclosure-icon{color:var(--acid);transform:rotate(180deg)}.history-panel{min-width:0;padding:0;overflow:hidden}.history-heading{align-items:center;margin:0;padding:24px 28px}.history-count{color:var(--muted);font:10px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.history-empty{margin:0;padding:0 28px 28px;font-size:13px}.history-list{max-height:640px;border-top:1px solid var(--border);overflow:auto;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}.history-list::-webkit-scrollbar,.diagnostics ol::-webkit-scrollbar{width:10px;height:10px}.history-list::-webkit-scrollbar-track,.diagnostics ol::-webkit-scrollbar-track{background:var(--scrollbar-track);border-left:1px solid var(--border)}.history-list::-webkit-scrollbar-thumb,.diagnostics ol::-webkit-scrollbar-thumb{border:2px solid var(--scrollbar-track);border-radius:99px;background:var(--scrollbar-thumb)}.history-list::-webkit-scrollbar-thumb:hover,.diagnostics ol::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.diagnostics ol{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}.history-entry{border-bottom:1px solid var(--border)}.history-entry summary{display:grid;gap:10px;padding:18px 28px;cursor:pointer;list-style:none}.history-entry summary::-webkit-details-marker{display:none}.history-entry summary>span:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.history-entry summary strong{color:var(--text, #eeeede);font-size:15px;font-weight:500}.history-entry summary small{font-size:8px;white-space:nowrap}.history-engines{overflow:hidden;color:var(--muted);font-size:11px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.history-entry[open] summary{background:#d8ff4308}.history-details{padding:18px 28px 22px;background:#15151266}.history-details dl{display:grid;gap:10px;margin:0 0 16px}.history-details dl div{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px}.history-details dt,.history-tracks span{color:var(--muted);font:9px DM Mono,monospace;text-transform:uppercase}.history-details dd{min-width:0;margin:0;overflow:hidden;font:10px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.history-details .sysex-row dd{display:flex;align-items:center;gap:8px;overflow:visible}.sysex-row code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-sysex{flex:none;padding:2px 7px;border:1px solid var(--border);border-radius:99px;color:var(--acid);background:transparent;font:8px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.history-tracks{display:grid;gap:7px;margin:0 0 18px;padding:0;list-style:none}.history-tracks li{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:8px;align-items:center}.history-tracks strong{overflow:hidden;font-size:11px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.history-recall{width:100%;min-height:40px;border-radius:99px;color:#151512;background:var(--acid);font-size:12px;font-weight:600}.recall-hint{margin:9px 0 0;color:var(--muted);font-size:10px;text-align:center}.clear-history{width:100%;padding:16px;color:var(--muted);background:transparent;font-size:11px}.clear-history:hover{color:#ff927d}@media(max-width:560px){.history-heading,.history-entry summary,.history-details{padding-right:20px;padding-left:20px}}@media(max-width:850px){.collections-grid{grid-template-columns:1fr}}.collection-message{margin:18px 0 0;padding:12px 16px;border:1px solid #d8ff4333;border-radius:10px;color:var(--acid);background:#d8ff430a;font-size:12px}.collection-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.collection-actions button,.collection-actions label{display:grid;place-items:center;min-height:39px;margin:0;color:var(--muted);background:transparent;font:9px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.collection-actions button{border-right:1px solid var(--border)}.collection-actions button:hover,.collection-actions label:hover{color:var(--acid)}.collection-actions input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.library-list{max-height:520px}.library-entry summary strong{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.patch-name-field{display:grid;gap:7px;margin-bottom:14px}.patch-name-field input{width:100%;min-height:38px;padding:0 11px;border:1px solid var(--border);border-radius:7px;color:#eeeede;outline:none;background:#272721;font:12px Manrope,sans-serif;text-transform:none}.patch-name-field input:focus{border-color:var(--acid)}.patch-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.patch-actions .history-recall{min-height:40px}.library-add,.library-remove{min-height:40px;border:1px solid var(--border);border-radius:99px;color:#eeeede;background:transparent;font-size:11px;font-weight:600}.library-remove{color:#ff927d}.history-remove{width:100%;margin-top:12px;padding:4px;color:var(--muted);background:transparent;font-size:10px}.history-remove:hover{color:#ff927d}.inspector-actions{display:flex;gap:8px}.generate-button{min-height:44px;padding:0 18px;border-radius:99px;color:#151512;background:var(--acid);font-size:13px;font-weight:600}@media(max-width:560px){.inspector>.heading{align-items:stretch;flex-direction:column}.inspector-actions{display:grid;grid-template-columns:1fr 1fr}.sequencer-control{align-items:stretch;flex-direction:column}}