:root{--bg:#090b12;--panel:#10141f;--line:#282e42;--ink:#edf0fb;--muted:#a0a6be;--pink:#f69bd4;--mint:#a6f5d0;--accent:var(--pink)}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:15px/1.6 system-ui,sans-serif;margin:0}main{max-width:1380px;margin:auto;padding:0 30px}header{max-width:1380px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:26px 30px;border-bottom:1px solid var(--line)}header nav{display:flex;padding:0;border:0;gap:24px;margin:0;align-items:center}a{color:inherit}.brand{font:700 14px/1.5 monospace;letter-spacing:1px;text-decoration:none}.brand span{color:var(--muted)}.brand i{color:var(--pink);font-style:normal;padding-left:14px}h1{font-size:clamp(38px,5vw,68px);line-height:1.07;letter-spacing:-3px;margin:10px 0 20px}h1 em{font-style:normal;color:var(--pink)}h2{font-size:18px;letter-spacing:0;margin:0 0 10px}p{margin:10px 0}.heading{display:flex;justify-content:space-between;align-items:center;padding:50px 10px 40px}.heading>div>p:last-child{color:var(--muted)}.eyebrow,.section-title>span{font:11px/1.6 monospace;letter-spacing:1.5px;color:var(--muted)}.orb{width:210px;height:210px;position:relative;display:grid;place-items:center;font:11px/1.9 monospace;color:var(--mint);text-align:center}.orb div{position:absolute;inset:0;border:1px solid var(--pink);border-radius:44% 56% 67% 33%/40% 34% 66% 60%;box-shadow:inset 0 0 55px #9875ca22,0 0 45px #9875ca12;animation:float 18s linear infinite}.orb div:after,.orb div:before{content:'';position:absolute;inset:15px;border:1px solid #a6f5d05e;border-radius:45% 55% 35% 65%;transform:rotate(30deg)}.orb div:after{inset:30px;transform:rotate(100deg);border-color:#8a9af75e}@keyframes float{to{transform:rotate(360deg)}}button,select,input{font:inherit;color:var(--ink);border:1px solid #3a425c;background:#0c101b;border-radius:5px;padding:10px 12px;min-height:44px}button{cursor:pointer;white-space:normal}button:hover:not(:disabled){border-color:var(--accent);background:#242039}button.primary{background:var(--mint);border-color:var(--mint);color:#101b18;font-weight:700}button.primary:hover:not(:disabled){background:#cefbe7;color:#101b18}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px}label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);min-width:0}input,select{width:100%;color:var(--ink);max-width:100%}input[type=range]{padding:8px 0;accent-color:var(--accent)}label output{color:var(--ink);float:right}.connection{border:1px solid var(--line);background:#101420;padding:20px 24px;border-radius:10px;margin-bottom:28px}.connection>div:first-child{display:flex;gap:20px;align-items:center}.connection #status{font-size:13px;word-break:break-word}.badge{flex-shrink:0;font:11px monospace;color:var(--mint);background:#21372e;padding:6px 9px;border-radius:4px}.connect-actions{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.connect-actions label{flex:1;min-width:140px}.small{font-size:12px;line-height:1.65;color:var(--muted)}fieldset{padding:0;margin:0;border:0;min-width:0}.workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px}aside{padding-top:8px}.track{width:100%;text-align:left;margin:8px 0;padding:16px 18px;border-left:3px solid var(--track);background:var(--panel)}.track[aria-pressed=true]{border-color:var(--track);box-shadow:0 0 24px #b993ea10}.track b{color:var(--track);font:13px monospace;letter-spacing:1px}.track span{display:block;color:var(--muted);font-size:12px}.compact{border-top:1px solid var(--line);padding:24px 0;margin-top:24px}.compact button,.file{width:100%;margin-top:10px}.file{border:1px dashed #46516e;border-radius:5px;padding:10px;cursor:pointer;color:var(--ink)}.file input{font-size:11px;padding:6px;margin-top:6px}.track-heading{display:flex;justify-content:space-between;align-items:center;padding:6px 0 18px;gap:16px}.track-heading h2{font-size:25px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:25px;margin:0 0 20px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.section-title h2{color:var(--accent);font:13px monospace;white-space:nowrap;margin:0}.section-title h2 span{font:600 18px system-ui;color:var(--ink);padding-left:12px}.controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px;margin:22px 0}.preset-line{display:flex;align-items:flex-end;gap:12px;margin:16px 0}.preset-line label{flex:1}.preset-line label:has(#density){flex:0 1 110px}.action-line{display:flex;gap:12px;flex-wrap:wrap}.grow{background:linear-gradient(130deg,#1d182a,#10141f);border-color:#493451}summary{cursor:pointer;color:var(--muted);font-size:13px;padding:10px 0}details[open]>summary{color:var(--pink)}.step-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.step{padding:12px 3px;min-height:66px;text-align:center;font:11px monospace}.step b{display:block;color:var(--muted);font-weight:400;margin-bottom:10px}.step.active{color:var(--accent);border-bottom:3px solid var(--accent)}.step.outside{opacity:.35}.step[aria-pressed=true]{outline:1px solid var(--mint)}.pagination{display:flex;align-items:center;gap:10px;font:11px monospace}.pagination button{padding:5px 12px}.step-form{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;align-items:end;border-top:1px solid var(--line);padding-top:20px}.step-form .full{grid-column:1/-1}.step-form .row{display:flex;gap:12px}.help{border-top:1px solid var(--line);margin:38px 0;padding:18px 0;max-width:950px}.help p,.help li{color:var(--muted);font-size:13px}.help li{margin:10px 0}footer{margin:50px 0 30px;border-top:1px solid var(--line);padding:28px 0;font-size:12px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:0;z-index:10;background:var(--panel);padding:12px}#status.error{color:#ffb7a5}@media(max-width:1000px){.workspace{grid-template-columns:190px minmax(0,1fr)}.controls{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title>span{display:none}.step-grid{grid-template-columns:repeat(4,1fr)}.step-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){main{padding:0 16px}header{padding:20px 16px;flex-wrap:wrap}header nav{font-size:12px;gap:15px}.heading{padding:32px 0}.orb{display:none}.workspace{display:block}#tracks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.track{margin:0}aside>.compact{margin-top:18px;padding:18px 0}.panel{padding:18px}.connection{padding:16px}.connection>div:first-child{display:block}.connect-actions>button{flex:1}.preset-line{flex-wrap:wrap}.preset-line label{min-width:120px}.track-heading h2{font-size:20px}.track-heading button{max-width:125px}.step-grid{grid-template-columns:repeat(4,1fr)}.controls{gap:15px 10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}