:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#d9d9da;background:#0b0b0c;font-synthesis:none;--dim:#868689;--line:#29292c;--accent:#d8dfba}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;background:#202022;border:1px solid #363638;border-radius:4px;padding:9px 13px;transition:background .15s,transform .15s}button:hover{background:#2e2e31;border-color:#505054}button:active{transform:translateY(1px)}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.upload:focus-within{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit}header{max-width:1440px;margin:auto;padding:25px 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #242426}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:22px;letter-spacing:-.8px;font-weight:600}.brandmark{border:1px solid #727275;border-radius:4px;display:flex;align-items:center;justify-content:center;width:31px;height:31px;font-size:24px;font-weight:400}.edition{font-family:monospace;font-size:10px;color:var(--dim);border:1px solid var(--line);padding:3px 5px;margin-left:1px;letter-spacing:1px}.header-right{display:flex;align-items:center;gap:10px;font:9px monospace;letter-spacing:1px}.header-right button{margin-left:18px;font:11px -apple-system,sans-serif;background:transparent}.live-dot{width:4px;height:4px;background:#aeb49c;border-radius:50%}main{max-width:1360px;margin:auto;padding:0 38px}.transport{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:36px;align-items:center;min-height:235px}.eyebrow{font:9px monospace;letter-spacing:1.6px;color:var(--dim)}h1,h2{font-weight:500;letter-spacing:-.8px}h1{font-size:27px;margin:14px 0 7px;line-height:1.1}h2{font-size:16px;margin:0;letter-spacing:-.3px}.micro{font-size:10px;color:var(--dim);line-height:1.6;margin-bottom:0}.transport-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px 23px;padding:25px 0}.primary{background:var(--accent);border-color:var(--accent);color:#22251b;font-weight:600}.primary:hover{background:#e6ecd0;border-color:#e6ecd0}.transport-controls .primary{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:12px 15px}.transport-controls>label{font:9px monospace;letter-spacing:.7px;text-transform:uppercase;color:var(--dim)}.transport-controls>label:last-child{grid-column:1/-1;display:flex;align-items:center;gap:19px}.transport-controls>label:last-child input{flex:1}.transport-controls label span{display:flex;align-items:center;gap:9px;margin-top:6px}kbd{font:8px monospace;letter-spacing:1px;border:1px solid #abb191;padding:3px 5px;border-radius:3px}input[type=number]{background:none;color:#e3e3e4;font-size:21px;width:58px;border:0;padding:0}input[type=range]{accent-color:#b4b6ad;width:100%;height:3px;cursor:pointer}output{color:#c0c0c3;min-width:28px}.visual-unit{height:220px;position:relative}#sculpture{position:absolute;inset:-10px 0 25px;pointer-events:none}#sculpture canvas{display:block;width:100%;height:100%}.scope-box{position:absolute;bottom:16px;width:100%;display:flex;align-items:center;gap:12px}.scope-box canvas{width:42%;height:27px;opacity:.65}.scope-box span{font:7px monospace;letter-spacing:.5px;color:var(--dim);max-width:55%}#sculpture.fallback:after{content:'';position:absolute;inset:20% 30%;border:18px ridge #8c8c91;border-radius:50%;box-shadow:0 0 0 5px #333338;transform:rotate(-25deg) scaleY(.8)}.instrument{background:linear-gradient(150deg,#1a1a1d,#151517);border:1px solid #343437;border-radius:7px;box-shadow:0 18px 70px #0004,inset 0 1px #ffffff05;overflow:hidden}.section-top,.circuit-title{display:flex;align-items:center;gap:13px}.section-top{justify-content:space-between}.instrument>.section-top{padding:20px 22px}.pill{font:8px monospace;letter-spacing:.5px;border:1px solid #3c3c40;color:#97979c;border-radius:3px;padding:4px 6px}.actions{display:flex;align-items:center;gap:8px}.actions button,.actions select{font-size:11px}select{background:#202023;border:1px solid #37373b;color:#bdbdc1;border-radius:4px;padding:9px;max-width:100%}.grid-scroll{overflow-x:auto;padding:0 22px;scrollbar-color:#49494d #1b1b1e}#sequencer{min-width:760px}.seq-row{display:grid;grid-template-columns:137px repeat(16,minmax(22px,1fr));gap:6px;margin-bottom:7px;align-items:center}.ruler{height:22px;margin-bottom:10px}.ruler>span{text-align:center;color:#66666d;font:8px monospace}.ruler>span.group{color:#b0b0b5}.pad{padding:0 9px;height:38px;display:flex;align-items:center;gap:9px;background:transparent;border:0;border-left:2px solid #626266;border-radius:0;text-align:left;font-size:11px;position:relative}.pad small{font:8px monospace;color:#6a6a70;position:absolute;right:7px}.pad strong{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:88px}.pad .number{color:#707078;font:8px monospace}.pad.audition{background:#3b3d35;border-left-color:var(--accent)}.step{height:32px;padding:0;background:#29292d;border:1px solid #323237;border-radius:3px;position:relative}.step:nth-child(8n+6),.step:nth-child(8n+7),.step:nth-child(8n+8),.step:nth-child(8n+9){background:#202023;border-color:#2c2c31}.step.on{background:#a3a3a7;border-color:#a3a3a7;box-shadow:inset 0 -2px #0002}.seq-row:nth-child(2) .step.on,.seq-row:nth-child(7) .step.on{background:#c3c9ab;border-color:#c3c9ab}.step.on:hover{filter:brightness(1.17)}.step.playhead:after{content:'';position:absolute;left:3px;right:3px;bottom:3px;height:2px;background:white;box-shadow:0 0 7px #fff8}.step.on:before{content:'';position:absolute;width:3px;height:3px;left:50%;top:50%;border-radius:50%;background:#14141866;transform:translate(-50%,-50%)}.grid-footer{border-top:1px solid var(--line);padding:12px 22px;display:flex;justify-content:space-between;color:#77777e;font:9px monospace;margin-top:14px}.lower{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-top:18px}.panel{border:1px solid var(--line);border-radius:6px;padding:22px;background:#111113}.bass-controls{display:flex;gap:22px;margin:24px 0 20px}.bass-controls label{font-size:10px;color:var(--dim);display:flex;align-items:center;gap:9px;flex:1}.bass-controls input{min-width:30px}.bass-controls select{font-size:10px;padding:4px}#piano{display:flex;gap:5px;height:79px}.piano-key{flex:1;background:linear-gradient(#c6c6c8,#adadb1);color:#48484f;border:none;display:flex;align-items:flex-end;justify-content:space-between;padding:10px 8px;font:9px monospace;border-radius:3px 3px 5px 5px;box-shadow:inset 0 -4px #77777d}.piano-key:nth-child(3),.piano-key:nth-child(6){background:linear-gradient(#606066,#44444b);color:#ceced0;box-shadow:inset 0 -4px #27272c}.piano-key:hover,.piano-key.active{background:var(--accent);color:#262b1c;box-shadow:inset 0 -2px #7e8668}.import-target{font-size:10px;color:var(--dim);display:flex;align-items:center;gap:10px;margin:23px 0 15px}.import-target select{font-size:10px;padding:5px 8px}.upload{position:relative;display:block;text-align:center;border:1px dashed #47474d;padding:17px;border-radius:4px;color:#bebec2;font-size:11px;cursor:pointer;background:#18181b;overflow:hidden}.upload:hover{background:#222226}.upload>span{font-size:15px;margin-right:6px}.upload small{display:block;font:8px monospace;color:#77777f;margin-top:6px}.file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.finish{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:22px 0}.finish p{font-size:12px;margin:0;color:#bebec3}.finish p span{display:block;font-size:10px;color:#777780;margin-top:6px;line-height:1.5}footer{border-top:1px solid var(--line);padding:19px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;font:8px monospace;letter-spacing:1px;color:#6c6c75}footer button{border:0;background:none;font:9px monospace;color:#a9a9b0;padding:0}dialog{background:#18181c;color:#dddde0;border:1px solid #45454d;border-radius:7px;padding:28px;width:min(640px,92vw);max-height:85vh;overflow:auto}dialog::backdrop{background:#050506d9;backdrop-filter:blur(5px)}dialog h2{font-size:25px;margin-top:15px}dialog p{font-size:12px;color:#aaaab2;line-height:1.7}dialog a{font-size:11px;color:var(--accent)}.dialog-close{float:right;padding:2px 9px;font-size:21px}.receipt-card{padding:14px;margin:16px 0;background:#212126;border:1px solid #36363d;border-radius:4px;font-size:12px}.receipt-card strong{color:#d4d8c8}.receipt-card p{font-size:10px;margin-bottom:0}table{width:100%;border-collapse:collapse;margin:20px 0;font-size:10px}th,td{text-align:left;padding:10px 5px;border-bottom:1px solid var(--line)}th{color:#c3c3c9}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#dadbd5;color:#23251e;border-radius:4px;padding:12px 18px;font-size:11px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;text-align:center;z-index:5}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.transport{gap:25px;grid-template-columns:1fr 1.3fr .9fr}.machine-name h1{font-size:23px}.header-right>span{display:none}header{padding:22px 25px}main{padding:0 25px}.transport{min-height:225px}.seq-row{grid-template-columns:120px repeat(16,minmax(22px,1fr))}.panel{padding:18px}.lower{grid-template-columns:1.2fr 1fr}}
@media(max-width:760px){header{padding:17px 16px}.brand{font-size:19px}.header-right button{font-size:10px;margin:0;padding:7px}.transport{grid-template-columns:1fr 110px;gap:0 12px;min-height:0;padding:18px 0}.machine-name{grid-column:1;grid-row:1}.machine-name h1{font-size:21px;margin:7px 0 5px}.machine-name .micro{font-size:9px}.visual-unit{grid-column:2;grid-row:1;height:100px}.scope-box{display:none}#sculpture{inset:-20px -12px}.transport-controls{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px 18px;padding:10px 0 0}.transport-controls .primary{grid-column:auto;font-size:12px}.transport-controls kbd{display:none}.transport-controls>label:last-child{grid-column:1/-1;font-size:8px;padding-top:1px}.transport-controls label span{margin-top:4px}.transport-controls>label:last-child input{max-width:200px}.instrument>.section-top{padding:16px;flex-wrap:wrap;gap:14px}.instrument .actions{margin-left:auto}.circuit-title{gap:9px}.circuit-title h2{font-size:14px}main{padding:0 14px}.grid-scroll{padding:0 14px}.grid-footer{padding:12px 14px;font-size:8px}.grid-footer span:last-child{display:none}.lower{grid-template-columns:1fr;gap:14px;margin-top:14px}.bass-controls{gap:18px}.finish{align-items:flex-start;flex-direction:column;gap:16px}.finish .actions{width:100%}.finish .actions button{flex:1}footer>span:nth-child(2){display:none}.piano-key{padding:8px}dialog{padding:22px}.actions button,.actions select{padding:7px 9px;font-size:10px}.pill{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}