:root{--paper:#f6f2e8;--ink:#11110f;--drums:#ff4f31;--bass:#8a4af3;--harmony:#46c79b;--lead:#ffd21c;--loop:#32c7e9;--action:#ff69c8;--muted:#d5cfc2;--yellow:var(--lead);--mint:var(--harmony);--red:var(--drums);--cyan:var(--loop);--panel:#14151a;--panel-2:#191b21;--well:#0c0d11;--raised:#24262e;--edge:#303441;--ink-legacy:#d3d7e0;--ink-dim:#767c88;--ink-faint:#4b4f5a;--lane-drums:#ff7a45;--lane-bass:#b15cff;--lane-harmony:#34d8c0;--lane-lead:#ffd23d;--warn:#ffc24b;--alert:#ff5470;--radius:10px;--radius-sm:6px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(120% 90% at 50% -10%, #1b1d24 0%, var(--panel) 46%, #101116 100%);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:14px;line-height:1.5}button{font:inherit;color:var(--ink);background:var(--raised);border:1px solid var(--edge);border-radius:var(--radius-sm);cursor:pointer;padding:8px 14px;transition:background .12s,border-color .12s,transform 80ms}button:hover{background:#2b2e37;border-color:#454a59}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline:2px solid var(--lane-harmony);outline-offset:2px}.app{max-width:1680px;margin:0 auto;padding:12px 12px 36px}.topbar{border-bottom:1px solid var(--edge);justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding-bottom:18px;display:flex}.wordmark{letter-spacing:.14em;color:var(--ink);align-items:baseline;gap:10px;font-family:Chakra Petch,sans-serif;font-size:22px;font-weight:700;display:flex}.wordmark:before{content:"";background:var(--lane-harmony);width:8px;height:8px;box-shadow:0 0 8px var(--lane-harmony);border-radius:50%;align-self:center}.wordmark-sub{letter-spacing:.28em;text-transform:uppercase;color:var(--ink-dim);font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500}.standby{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);border:1px solid var(--edge);border-radius:999px;padding:4px 12px;font-family:IBM Plex Mono,monospace;font-size:11px}.topbar-actions{align-items:center;gap:12px;display:flex}.btn-eject{letter-spacing:.04em;color:var(--ink-dim);border:1px solid var(--edge);white-space:nowrap;background:0 0;padding:7px 12px;font-family:IBM Plex Mono,monospace;font-size:12px}.btn-eject:hover{color:var(--ink);background:var(--raised);border-color:#454a59}.transport{color:var(--ink-dim);background:var(--well);border:1px solid var(--edge);border-radius:var(--radius-sm);align-items:center;gap:14px;padding:6px 8px 6px 6px;font-family:IBM Plex Mono,monospace;font-size:12px;display:flex;box-shadow:inset 0 1px 3px #0009}.transport button{background:var(--raised);width:40px;height:32px;color:var(--lane-harmony);place-items:center;font-size:13px;display:grid}.transport button:hover{background:#2b2e37}.transport-readout{color:var(--ink-dim)}.transport-readout b{color:var(--ink);font-weight:600}.transport-id{color:var(--ink-faint)}.landing{flex-direction:column;gap:18px;display:flex}.hero{grid-template-columns:1fr auto;align-items:center;gap:32px;padding:28px 4px 30px;display:grid}.hero-title{letter-spacing:.01em;color:var(--ink);margin:0 0 10px;font-family:Chakra Petch,sans-serif;font-size:clamp(26px,4.5vw,40px);font-weight:600;line-height:1.08}.hero-title em{color:var(--lane-harmony);font-style:normal}.hero-sub{max-width:42ch;color:var(--ink-dim);margin:0;font-size:15px}.ghost-grid{grid-template-columns:repeat(4,60px);grid-auto-rows:60px;gap:8px;display:grid}.ghost-pad{border-radius:var(--radius-sm);background:linear-gradient(180deg, var(--panel-2), var(--well));border:1px solid var(--edge);letter-spacing:.06em;color:var(--ink-faint);text-align:center;place-items:center;padding:4px;font-family:IBM Plex Mono,monospace;font-size:10px;display:grid;box-shadow:inset 0 1px #ffffff08,inset 0 -6px 12px #00000080}.drop-zone{border:1.5px dashed var(--edge);border-radius:var(--radius);text-align:center;background:#ffffff03;padding:30px 24px;transition:border-color .14s,background .14s}.drop-zone pre,.drop-zone>div:first-child{color:var(--ink-dim);white-space:pre;margin:0 0 8px;font-family:IBM Plex Mono,monospace;font-size:12px}.drop-zone p{justify-content:center;gap:10px;margin:12px 0 0;display:flex}.drop-zone--over{border-color:var(--lane-harmony);background:#34d8c00f}.upload-panel{border:1px solid var(--edge);border-radius:var(--radius);background:var(--panel-2);flex-direction:column;gap:10px;max-width:460px;padding:16px;display:flex}.upload-panel-title{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);font-family:IBM Plex Mono,monospace;font-size:11px}.api-base,.upload-panel input[type=file]{font:inherit;color:var(--ink);background:var(--well);border:1px solid var(--edge);border-radius:var(--radius-sm);padding:8px 10px}.api-base{font-family:IBM Plex Mono,monospace;font-size:13px}.upload-panel input[type=file]::file-selector-button{font:inherit;color:var(--ink);background:var(--raised);border:1px solid var(--edge);border-radius:var(--radius-sm);cursor:pointer;margin-right:10px;padding:5px 10px}.upload-panel>button{align-self:flex-start}.error-panel{border:1px solid var(--alert);border-radius:var(--radius-sm);color:var(--alert);white-space:pre-wrap;background:#ff54700f;padding:12px 14px;font-family:IBM Plex Mono,monospace;font-size:12px}.banner-rejected{border:1px solid var(--warn);border-radius:var(--radius-sm);color:var(--warn);background:#ffc24b12;margin-bottom:16px;padding:10px 14px;font-size:13px}.workstation{grid-template-columns:1fr 340px;align-items:start;gap:20px;display:grid}.workstation-bottom{grid-column:1/-1}.panel{background:var(--panel-2);border:1px solid var(--edge);border-radius:var(--radius);padding:18px}.panel-title{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 14px;font-family:IBM Plex Mono,monospace;font-size:11px}.pattern-surface{border:2px solid var(--ink);background:var(--paper);order:1;min-width:0;padding:12px;overflow:hidden}.pattern-surface__header{justify-content:space-between;align-items:end;gap:12px;margin-bottom:10px;display:flex}.pattern-surface__eyebrow,.pattern-playhead,.pattern-summary{letter-spacing:.08em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700}.pattern-surface__eyebrow{margin-bottom:2px;display:block}.pattern-surface h2{text-transform:uppercase;margin:0;font-family:Chakra Petch,sans-serif;font-size:22px;line-height:1}.pattern-playhead{border:2px solid var(--ink);background:var(--loop);white-space:nowrap;padding:4px 7px}.pattern-surface .transport{border:2px solid var(--ink);box-shadow:none;color:var(--ink);background:#e8e2d5;border-radius:0;flex-wrap:wrap;margin-bottom:9px}.pattern-surface .transport button{border:2px solid var(--ink);background:var(--lead);min-width:44px;min-height:44px;color:var(--ink);border-radius:0}.pattern-surface .transport-readout,.pattern-surface .transport-id{color:var(--ink)}.pattern-summary{gap:12px;padding:6px 0;display:flex}.pattern-empty{border:2px dashed var(--ink);text-align:center;place-items:center;min-height:88px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;display:grid}.workbench-pad-slot{order:2;container-type:inline-size}.midi-panel{border:2px solid var(--ink);background:#e8e2d5;order:2;grid-template-columns:auto minmax(120px,1fr) auto auto;align-items:center;gap:8px 12px;padding:9px 10px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;display:grid}.midi-panel__connection,.midi-panel__mapping,.midi-panel__bank{align-items:center;gap:6px;display:flex}.midi-panel button{border:2px solid var(--ink);background:var(--paper);min-height:32px;color:var(--ink);border-radius:0;padding:4px 7px;font-size:10px;font-weight:800}.midi-panel button[aria-pressed=true]{background:var(--loop)}.midi-panel button:disabled{opacity:.55}.pad-matrix{--pad-gap:clamp(8px, 1.4cqw, 16px);column-gap:var(--pad-gap);row-gap:var(--pad-gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.pad{--pad-role:var(--action);isolation:isolate;aspect-ratio:1;border:2px solid var(--ink);background:var(--pad-role);min-width:44px;min-height:44px;color:var(--ink);text-align:left;-webkit-user-select:none;user-select:none;box-shadow:4px 4px 0 var(--ink);border-radius:0;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:1px;padding:clamp(6px,1.2cqw,11px);transition:transform .12s,box-shadow .12s,background-color .12s linear;display:flex;position:relative;overflow:hidden}.pad--role-drums{--pad-role:var(--drums)}.pad--role-bass{--pad-role:var(--bass);color:#fff}.pad--role-harmony{--pad-role:var(--harmony)}.pad--role-lead{--pad-role:var(--lead)}.pad--role-action{--pad-role:var(--action)}.pad--role-empty{--pad-role:var(--paper)}.pad:hover{border-color:var(--ink);background:var(--pad-role);box-shadow:7px 7px 0 var(--ink);transform:translateY(-3px)}.pad:focus-visible{z-index:4;outline-offset:2px;box-shadow:0 0 0 5px var(--ink);outline:3px solid #fff}.pad-index,.pad-key{z-index:2;font-family:IBM Plex Mono,monospace;font-size:clamp(7px,.95cqw,10px);font-weight:800;line-height:1;position:absolute;top:clamp(5px,.9cqw,9px)}.pad-index{left:clamp(5px,.9cqw,9px)}.pad-key{color:inherit;background:#ffffff6b;border:1px solid;border-radius:0;padding:2px 4px;right:clamp(5px,.9cqw,9px)}.pad-geometry{z-index:-1;aspect-ratio:1;opacity:.58;width:70%;transform:rotate(var(--pad-geometry-angle));background:#ffffff6b;border:2px solid;position:absolute;bottom:-25%;right:-26%}.pad[data-geometry-shape=circle] .pad-geometry{border-radius:50%}.pad[data-geometry-shape=grid] .pad-geometry{background:linear-gradient(90deg,#0000 45%,currentColor 46% 54%,#0000 55%),linear-gradient(#0000 45%,currentColor 46% 54%,#0000 55%),#ffffff6b}.pad[data-geometry-shape=slice] .pad-geometry{clip-path:polygon(0 0, 100% var(--pad-geometry-offset), 40% 100%);border-radius:50% 0}.pad[data-geometry-shape=wave] .pad-geometry{transform:rotate(var(--pad-geometry-angle)) skewX(-14deg);border-radius:45% 55% 40% 60%}.pad-slot{z-index:2;letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:100%;font-family:IBM Plex Mono,monospace;font-size:clamp(7px,.8cqw,9px);font-weight:700;line-height:1;position:relative;overflow:hidden}.pad-label{z-index:2;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:100%;font-family:Chakra Petch,sans-serif;font-size:clamp(10px,1.25cqw,15px);font-weight:700;line-height:1;position:relative;overflow:hidden}.pad-state{z-index:2;align-items:center;gap:3px;font-family:IBM Plex Mono,monospace;font-size:clamp(6px,.72cqw,8px);font-weight:900;line-height:1;display:flex;position:relative}.pad-state__icon{font-size:1.2em}.pad--selected,.pad[data-selected=true]{outline:2px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 2px var(--paper), 0 0 0 5px var(--ink)}.pad--selected:focus-visible,.pad[data-selected=true]:focus-visible{outline:3px solid var(--paper);outline-offset:3px;box-shadow:0 0 0 3px var(--loop), 0 0 0 7px var(--ink)}.pad--playing{background:var(--lead);color:var(--ink);box-shadow:0 0 0 5px var(--drums);transform:scale(.93)}.pad--muted{filter:grayscale(.8);background:var(--muted)}.pad--muted .pad-label{text-decoration:line-through;text-decoration-thickness:2px}.pad--missing{border:3px dashed var(--alert);background:var(--paper);color:#a2122c;box-shadow:none}.pad--missing .pad-state{border:1px solid;padding:2px}.pad--empty{background:var(--paper);color:#5e5a53;border-style:solid;box-shadow:3px 3px #8d887f}.pad--empty .pad-geometry{opacity:.18}.pad--reserved{color:#57534d;background:#e8e2d5}.context-inspector-content{--inspector-accent:var(--loop);min-height:100%;font-size:12px}.context-inspector-content[data-inspector-accent=drums]{--inspector-accent:var(--drums)}.context-inspector-content[data-inspector-accent=bass]{--inspector-accent:var(--bass)}.context-inspector-content[data-inspector-accent=harmony]{--inspector-accent:var(--harmony)}.context-inspector-content[data-inspector-accent=lead]{--inspector-accent:var(--lead)}.context-inspector-content[data-inspector-accent=action]{--inspector-accent:var(--action)}.context-inspector-content[data-inspector-accent=empty]{--inspector-accent:var(--muted)}.context-inspector-content[data-inspector-accent=export]{--inspector-accent:var(--lead)}.context-inspector__header{border-bottom:3px solid var(--ink);background-color:var(--inspector-accent);margin:-14px -14px 14px;padding:12px;transition:background-color .16s linear}.context-inspector-content[data-inspector-accent=bass] .context-inspector__header{color:#fff}.context-inspector__header span,.context-inspector-content h3{letter-spacing:.1em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:800}.context-inspector__header h2{overflow-wrap:anywhere;margin:3px 0 0;font-family:Chakra Petch,sans-serif;font-size:20px;line-height:1}.context-inspector__facts{border:2px solid var(--ink);margin:0}.context-inspector__facts>div{border-bottom:1px solid var(--ink);grid-template-columns:78px 1fr;display:grid}.context-inspector__facts>div:last-child{border-bottom:0}.context-inspector__facts dt,.context-inspector__facts dd{overflow-wrap:anywhere;min-width:0;margin:0;padding:5px 6px;font-family:IBM Plex Mono,monospace}.context-inspector__facts dt{border-right:1px solid var(--ink);text-transform:uppercase;font-weight:800}.context-inspector-content section{margin-top:16px}.context-inspector-content h3{border-bottom:2px solid var(--ink);margin:0 0 6px;padding-bottom:4px}.context-inspector-content ul{margin:0;padding:0;list-style:none}.context-inspector-content li{border-bottom:1px dotted var(--ink);flex-direction:column;padding:5px 0;font-family:IBM Plex Mono,monospace;display:flex}.context-inspector-content li small{font-size:9px}.context-inspector-content .inspector-source--missing{color:#a2122c}.context-inspector-content .inspector-source--unavailable{color:#5e5a53}.export-checklist,.export-status-error,.export-status-loading,.export-unavailable{min-height:100%;font-family:IBM Plex Mono,monospace;font-size:11px}.export-checklist__header,.export-status-error>header,.export-unavailable>header{border-bottom:3px solid var(--ink);background:var(--lead);margin:-14px -14px 14px;padding:12px}.export-checklist__header>span,.export-status-error>header>span,.export-unavailable>header>span{letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.export-checklist__header h2,.export-status-error h2,.export-unavailable h2{margin:3px 0 0;font-family:Chakra Petch,sans-serif;font-size:20px;line-height:1}.export-overall{border:3px solid var(--ink);background:var(--harmony);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:10px;padding:7px 8px;display:flex}.export-overall>span{border:2px solid;place-items:center;width:22px;height:22px;font-weight:900;display:grid}.export-overall[data-status=review]{background:var(--lead)}.export-overall[data-status=partial]{background:var(--drums);color:#fff}.export-items{gap:6px;display:grid}.context-inspector-content .export-items>li{border:2px solid var(--ink);grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:44px;padding:6px;display:grid}.export-items>li[data-status=ready]{border-style:solid}.export-items>li[data-status=review]{background:#fff6c8;border-style:dashed}.export-items>li[data-status=missing]{background:#ffe1dc;border-style:double;border-width:3px}.export-state-icon{border:2px solid;place-items:center;width:24px;height:24px;font-weight:900;display:grid}.export-items strong{text-transform:uppercase}.export-warnings,.export-missing,.export-request-error,.export-status-error>p,.export-unavailable>p{border:2px solid var(--ink);overflow-wrap:anywhere;background:#fff;margin:10px 0;padding:8px}.export-warnings{border-style:dashed}.context-inspector-content .export-warnings li{border:0;margin-left:16px;padding:3px 0;display:list-item}.export-missing,.export-request-error,.export-status-error>p{background:#ffe1dc;border-width:3px}.export-download,.export-status-error button{border:3px solid var(--ink);background:var(--ink);color:#fff;width:100%;min-height:42px;box-shadow:4px 4px 0 var(--lead);border-radius:0;font-weight:800}.export-download:hover,.export-status-error button:hover{border-color:var(--ink);background:var(--drums)}.export-download:disabled{background:var(--muted);color:var(--ink);box-shadow:none}.export-status-loading{border:3px dashed var(--ink);text-align:center;place-items:center;padding:18px;display:grid}.export-unavailable small{font-weight:800;display:block}.step-grid{overflow-x:auto}.step-grid table{border-collapse:separate;border-spacing:3px;width:100%}.step-grid th{text-align:right;color:var(--ink-dim);white-space:nowrap;padding-right:12px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500}.step-grid td{text-align:center;width:20px;height:20px;color:var(--ink-faint);background:var(--well);box-shadow:inset 0 0 0 1px var(--edge);border-radius:3px;font-size:0}.step-grid td.step-on{background:var(--lane-harmony);box-shadow:0 0 8px color-mix(in srgb, var(--lane-harmony) 55%, transparent)}.step-row-drums td.step-on{background:var(--lane-drums);box-shadow:0 0 8px color-mix(in srgb, var(--lane-drums) 55%, transparent)}.step-row-bass td.step-on{background:var(--lane-bass);box-shadow:0 0 8px color-mix(in srgb, var(--lane-bass) 55%, transparent)}.step-row-harmony td.step-on{background:var(--lane-harmony);box-shadow:0 0 8px color-mix(in srgb, var(--lane-harmony) 55%, transparent)}.step-row-lead td.step-on{background:var(--lane-lead);box-shadow:0 0 8px color-mix(in srgb, var(--lane-lead) 55%, transparent)}.step-grid td.step-playhead{box-shadow:inset 0 0 0 1px var(--ink), 0 0 10px #d3d7e066}.step-missing th{color:var(--alert)}.step-missing td{box-shadow:inset 0 0 0 1px var(--alert)}.uploading{padding:40px 4px}.uploading-title{letter-spacing:.1em;margin-bottom:22px;font-family:Chakra Petch,sans-serif;font-size:20px;font-weight:600}.stages{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.stage{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--edge);color:var(--ink-faint);border-radius:999px;padding:8px 14px;font-family:IBM Plex Mono,monospace;font-size:12px}.stage--done{color:var(--ink-dim);border-color:var(--edge)}.stage--current{color:#0c0d11;background:var(--lane-harmony);border-color:var(--lane-harmony);box-shadow:0 0 14px color-mix(in srgb, var(--lane-harmony) 45%, transparent)}.stage--pending{color:var(--ink-faint)}.uploading-error{color:var(--alert);white-space:pre-wrap;margin:22px 0;font-family:IBM Plex Mono,monospace}@media (width<=760px){.workstation,.hero{grid-template-columns:1fr}.ghost-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:auto}.ghost-pad{aspect-ratio:1}.topbar{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.pad:hover,.pad--playing{transform:none}}.workbench-shell{border:3px solid var(--ink);background:var(--paper);min-height:min(760px,100vh - 40px);color:var(--ink);box-shadow:10px 10px 0 var(--ink);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden;container:workbench/inline-size}.workbench-shell[data-layout=phone]{min-height:calc(100vh - 12px);box-shadow:5px 5px 0 var(--ink)}.workbench-app-bar{border-bottom:3px solid var(--ink);justify-content:space-between;align-items:center;gap:16px;min-height:54px;padding:0 14px;display:flex}.workbench-app-bar .wordmark{color:var(--ink)}.workbench-app-bar .wordmark:before{background:var(--harmony);box-shadow:none}.workbench-app-bar .wordmark-sub{color:var(--ink)}.workbench-app-bar .topbar-actions{min-width:0}.workbench-project-meta{white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700}.workbench-app-bar .btn-eject,.workbench-app-bar .transport,.workbench-app-bar .transport button{border-color:var(--ink);background:var(--paper);color:var(--ink);box-shadow:none;border-radius:0}.workbench-app-bar .transport-readout,.workbench-app-bar .transport-id{color:var(--ink)}.workbench-shell__content{grid-template-columns:118px minmax(0,1fr) 272px;grid-template-areas:"tools canvas inspector";min-height:0;display:grid;position:relative}.workbench-creator-tools{grid-area:tools;min-width:0;min-height:0}.creator-tool-rail{border-right:3px solid var(--ink);background:#e8e2d5;flex-direction:column;height:100%;display:flex}.creator-tool-rail__label{border-bottom:2px solid var(--ink);letter-spacing:.12em;text-transform:uppercase;padding:10px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700}.creator-tool-rail__mode{border:0;border-bottom:2px solid var(--ink);min-height:54px;color:var(--ink);text-align:left;background:0 0;border-radius:0;align-items:center;gap:8px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:700;display:flex}.creator-tool-rail__icon{text-align:center;flex:0 0 22px;width:22px;font-size:18px;line-height:1}.creator-tool-rail__icon:before{content:attr(data-icon)}.creator-tool-rail__mode:hover{background:var(--lead);border-color:var(--ink)}.creator-tool-rail__mode[aria-pressed=true]{background:var(--drums);color:#fff}.workbench-instrument-canvas,.workbench-context-inspector{min-width:0;min-height:0;overflow-y:auto}.workbench-instrument-canvas{flex-direction:column;grid-area:canvas;gap:12px;padding:16px;display:flex}.workbench-performance-view:not([hidden]){display:contents}.workbench-canvas-heading{letter-spacing:-.04em;text-transform:uppercase;justify-content:space-between;align-items:end;gap:12px;font-family:Chakra Petch,sans-serif;font-size:30px;font-weight:700;line-height:.9;display:flex}.workbench-canvas-heading>div{flex-direction:column;gap:5px;min-width:0;display:flex}.workbench-canvas-heading small,.workbench-readiness{letter-spacing:.08em;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700}.workbench-readiness{border:2px solid var(--ink);background:var(--harmony);padding:4px 6px}.workbench-pad-slot,.workbench-context-inspector{border:2px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:0}.workbench-instrument-canvas .panel{padding:12px}.workbench-instrument-canvas .panel-title{color:var(--ink)}.workbench-context-inspector{background:#f8f4eb;border-width:0 0 0 3px;grid-area:inspector;padding:14px;position:relative}.workbench-inspector-toggle{border:2px solid var(--ink);background:var(--lead);min-height:38px;color:var(--ink);border-radius:0;align-items:center;gap:6px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:800;display:none}.workbench-inspector-close{display:none}.workbench-inspector-backdrop{z-index:20;background:#11110f7a;border:0;border-radius:0;padding:0;position:absolute;inset:0}.workbench-status-bar{border-top:3px solid var(--ink);grid-template-columns:auto auto 1fr auto;align-items:center;gap:14px;min-height:46px;padding:0 14px;font-family:IBM Plex Mono,monospace;font-size:11px;display:grid}.workbench-status-bar strong{border-right:3px solid var(--ink);background:var(--lead);text-transform:uppercase;align-self:stretch;place-items:center;margin-left:-14px;padding:0 14px;display:grid}@container workbench (width<=1279px){.workbench-shell__content{grid-template-columns:72px minmax(0,1fr);grid-template-areas:"tools canvas"}.workbench-inspector-toggle{display:inline-flex}.workbench-creator-tools{z-index:2}.creator-tool-rail__label,.creator-tool-rail__text{display:none}.creator-tool-rail__mode{justify-content:center;padding:8px}.workbench-context-inspector{z-index:30;visibility:hidden;pointer-events:none;border-width:0 0 0 3px;width:min(360px,50%);transition:transform .16s,visibility 0s linear .16s;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(102%);box-shadow:-8px 0 #11110f33}.workbench-context-inspector[data-side=left]{border-width:0 3px 0 0;left:0;right:auto;transform:translate(-102%);box-shadow:8px 0 #11110f33}.workbench-context-inspector--open,.workbench-context-inspector--open[data-side=left]{visibility:visible;pointer-events:auto;transition:transform .16s;transform:translate(0)}.workbench-inspector-close{z-index:2;border:0;border-bottom:3px solid var(--ink);background:var(--ink);color:#fff;text-transform:uppercase;border-radius:0;width:calc(100% + 28px);min-height:40px;margin:-14px -14px 14px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:800;display:block;position:sticky;top:-14px}}@container workbench (width>=600px) and (width<=959px){.workbench-shell__content{grid-template:"canvas"minmax(0,1fr)"tools"/minmax(0,1fr)}.creator-tool-rail{border:0;border-top:3px solid var(--ink);flex-direction:row;height:auto}.creator-tool-rail__mode{border:0;border-right:2px solid var(--ink);text-align:center;flex:1;min-height:52px}.creator-tool-rail__mode:last-child{border-right:0}.creator-tool-rail__text{display:inline}}@container workbench (width<=599px){.workbench-app-bar{gap:8px;min-height:52px;padding:6px 8px}.workbench-app-bar .wordmark-sub,.workbench-project-meta{display:none}.workbench-app-bar .topbar-actions{margin-left:auto}.workbench-app-bar .btn-eject{white-space:nowrap;text-indent:7px;width:36px;height:36px;padding:0;overflow:hidden}.workbench-inspector-toggle{justify-content:center;width:38px;min-width:38px;padding:6px}.workbench-inspector-toggle>span:last-child{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.workbench-shell__content{grid-template:"canvas"minmax(0,1fr)"tools"/minmax(0,1fr)}.workbench-instrument-canvas{gap:8px;padding:8px}.creator-tool-rail{border:0;border-top:3px solid var(--ink);flex-direction:row;height:auto}.creator-tool-rail__mode{border:0;border-right:2px solid var(--ink);text-align:center;flex:1;justify-content:center;min-width:0;min-height:48px;padding:6px 4px}.creator-tool-rail__mode:last-child{border-right:0}.creator-tool-rail__text{font-size:9px;display:inline}.workbench-context-inspector{width:100%;box-shadow:none;border:0;left:0;right:0}.workbench-status-bar{grid-template-columns:auto minmax(0,1fr);gap:6px;min-height:42px;padding:0 8px;font-size:9px}.workbench-status-bar strong{margin-left:-8px;padding:0 8px}.workbench-status-bar span:nth-of-type(n+2){display:none}.midi-panel{grid-template-columns:1fr}.midi-panel__connection,.midi-panel__mapping,.midi-panel__bank{flex-wrap:wrap}}@container workbench (width>=960px){.pad-matrix{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (height<=760px){.pattern-surface .step-grid{max-height:102px}}.workbench-state-key{border:2px solid var(--ink);background:var(--yellow);text-transform:uppercase;padding:5px 8px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:800}.source-panel,.loaded-source-panel,.processing-panel,.failed-state{color:var(--ink);flex-direction:column;gap:14px;display:flex}.loaded-source-card{border:3px solid var(--ink);background:var(--paper);box-shadow:7px 7px 0 var(--ink);grid-template-columns:minmax(180px,.8fr) minmax(280px,1.2fr);display:grid}.loaded-source-card__identity{border-right:3px solid var(--ink);background:var(--loop);flex-direction:column;gap:6px;min-width:0;padding:18px;display:flex}.loaded-source-card__identity span,.loaded-source-card__identity small,.loaded-source-facts dt,.loaded-source-inspector span,.loaded-source-inspector small,.loaded-source-inspector dt{font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700}.loaded-source-card__identity span{letter-spacing:.1em;text-transform:uppercase}.loaded-source-card__identity strong{overflow-wrap:anywhere;font-family:Chakra Petch,sans-serif;font-size:clamp(24px,3vw,38px);line-height:.95}.loaded-source-card__identity small{overflow-wrap:anywhere}.loaded-source-facts{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.loaded-source-facts>div{border-bottom:2px solid var(--ink);border-right:2px solid var(--ink);flex-direction:column;gap:4px;min-width:0;padding:14px;display:flex}.loaded-source-facts>div:nth-child(2n){border-right:0}.loaded-source-facts>div:nth-last-child(-n+2){border-bottom:0}.loaded-source-facts dt{text-transform:uppercase}.loaded-source-facts dd{overflow-wrap:anywhere;margin:0;font-family:IBM Plex Mono,monospace;font-size:12px}.loaded-source-actions{border:2px solid var(--ink);background:var(--paper);justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.loaded-source-actions p{margin:0;font-family:IBM Plex Mono,monospace;font-size:11px}.loaded-source-actions button{border:2px solid var(--ink);background:var(--lead);color:var(--ink);border-radius:0;flex:none;font-weight:800}.loaded-source-inspector{flex-direction:column;gap:12px;display:flex}.loaded-source-inspector header{border-bottom:3px solid var(--ink);background:var(--loop);margin:-14px -14px 0;padding:14px}.loaded-source-inspector h2{overflow-wrap:anywhere;margin:4px 0 0;font-family:Chakra Petch,sans-serif;font-size:28px;line-height:.95}.loaded-source-inspector p{margin:0}.loaded-source-inspector>small{overflow-wrap:anywhere}.loaded-source-inspector dl{border:2px solid var(--ink);margin:0}.loaded-source-inspector dl>div{border-bottom:2px solid var(--ink);grid-template-columns:72px minmax(0,1fr);gap:8px;padding:8px;display:grid}.loaded-source-inspector dl>div:last-child{border-bottom:0}.loaded-source-inspector dd{overflow-wrap:anywhere;margin:0;font-family:IBM Plex Mono,monospace;font-size:10px}.state-heading{border-bottom:3px solid var(--ink);padding-bottom:12px}.state-heading>span{letter-spacing:.1em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:800}.state-heading h1{letter-spacing:-.05em;text-transform:uppercase;margin:4px 0;font-family:Chakra Petch,sans-serif;font-size:clamp(32px,5vw,52px);line-height:.9}.state-heading p{margin:0;font-family:IBM Plex Mono,monospace;font-size:11px}@container workbench (width<=599px){.loaded-source-card{box-shadow:4px 4px 0 var(--ink);grid-template-columns:minmax(0,1fr)}.loaded-source-card__identity{border-right:0;border-bottom:3px solid var(--ink)}.loaded-source-actions{flex-direction:column;align-items:stretch}}.source-limits{border:2px solid var(--ink);background:var(--paper);grid-template-columns:repeat(3,1fr);display:grid}.source-limits>*{border-right:2px solid var(--ink);text-align:center;padding:8px;font-family:IBM Plex Mono,monospace;font-size:10px}.source-limits>:last-child{border-right:0}.source-limits strong{background:var(--mint)}.source-panel .upload-panel,.processing-panel .upload-panel,.source-panel .drop-zone{border:2px solid var(--ink);max-width:none;color:var(--ink);box-shadow:none;background:#fff;border-radius:0}.source-panel .upload-panel,.processing-panel .upload-panel{padding:14px}.source-panel .upload-panel-title,.processing-panel .upload-panel-title{color:var(--ink);font-weight:800}.source-panel .api-base,.processing-panel .api-base,.processing-panel .upload-panel input[type=file],.source-panel .upload-panel input[type=file]{border:2px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:0}.source-panel .upload-panel input[type=file]::file-selector-button{color:#fff}.processing-panel .upload-panel input[type=file]::file-selector-button{color:#fff}.source-panel button,.processing-panel button,.failed-state button{border:2px solid var(--ink);background:var(--ink);color:#fff;box-shadow:3px 3px 0 var(--yellow);border-radius:0;font-family:IBM Plex Mono,monospace;font-weight:800}.source-panel button:hover,.processing-panel button:hover,.failed-state button:hover{border-color:var(--ink);background:var(--red)}.source-example{padding-top:2px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:800}.source-example>span{margin-bottom:6px;display:block}.source-panel .drop-zone>div:first-child{color:var(--ink)}.job-queue{border:3px solid var(--ink);background:var(--paper);box-shadow:6px 6px 0 var(--ink);flex-direction:column;gap:0;display:flex}.job-queue__header{border-bottom:3px solid var(--ink);background:var(--loop);justify-content:space-between;align-items:stretch;gap:16px;display:flex}.job-queue__header>div:first-child{padding:12px}.job-queue__header span{font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:800}.job-queue__header h2{text-transform:uppercase;margin:2px 0 0;font-family:Chakra Petch,sans-serif;font-size:28px;line-height:.95}.queue-capacity{border-left:3px solid var(--ink);grid-template-columns:repeat(3,minmax(88px,1fr));display:grid}.queue-capacity span{border-right:2px solid var(--ink);text-align:center;place-items:center;padding:10px;display:grid}.queue-capacity span:last-child{border-right:0}.job-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.job-card{border-bottom:2px solid var(--ink);grid-template-columns:minmax(160px,.7fr) minmax(260px,1.3fr) auto;align-items:stretch;min-width:0;display:grid}.job-card:last-child{border-bottom:0}.job-card__identity{border-right:2px solid var(--ink);flex-direction:column;justify-content:center;gap:4px;min-width:0;padding:12px;display:flex}.job-card__identity strong,.job-card__identity span,.job-card dd{overflow-wrap:anywhere}.job-card__identity strong{font-family:Chakra Petch,sans-serif;font-size:18px}.job-card--queued .job-card__identity{background:var(--yellow)}.job-card--separating .job-card__identity,.job-card--extracting .job-card__identity,.job-card--patchifying .job-card__identity{background:var(--mint)}.job-card--completed .job-card__identity{background:var(--lead)}.job-card--interrupted .job-card__identity{background:var(--loop)}.job-card--failed .job-card__identity{background:var(--red);color:#fff}.job-card dl{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.job-card dl>div{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:74px minmax(0,1fr);min-width:0;display:grid}.job-card dl>div:nth-last-child(-n+2){border-bottom:0}.job-card dt,.job-card dd{margin:0;padding:6px;font-family:IBM Plex Mono,monospace;font-size:9px}.job-card dt{border-right:1px solid var(--ink);font-weight:800}.job-card__terminal,.job-card__error{border-left:2px solid var(--ink);margin:0;padding:10px;font-family:IBM Plex Mono,monospace;font-size:10px}.job-card__error{color:#a2122c;max-height:9rem;overflow:auto}.job-card>button{border:2px solid var(--ink);background:var(--ink);color:#fff;box-shadow:3px 3px 0 var(--yellow);white-space:nowrap;border-radius:0;align-self:center;margin:10px;font-family:IBM Plex Mono,monospace;font-weight:800}.job-card>button:hover{background:var(--red);color:#fff}.processing-panel .stages{border:3px solid var(--ink);background:var(--paper);gap:0;display:grid}.processing-preflight{border:3px solid var(--ink);background:var(--yellow);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:72px;padding:10px;font-family:IBM Plex Mono,monospace;display:grid}.processing-preflight strong,.processing-preflight small{display:block}.processing-preflight strong{text-transform:uppercase;font-size:11px}.processing-preflight small{margin-top:3px;font-size:10px}.processing-preflight code{font-size:9px}.processing-panel .stage{border:0;border-bottom:2px solid var(--ink);min-height:62px;color:var(--ink);text-transform:none;border-radius:0;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.processing-panel .stage:last-child{border-bottom:0}.processing-panel .stage--done{background:var(--mint)}.processing-panel .stage--current{background:var(--yellow);box-shadow:none}.processing-panel .stage--unknown,.processing-panel .stage--terminal{border-top:3px solid var(--ink);background:var(--red);color:#fff}.processing-panel .stage--terminal-interrupted{background:var(--loop);color:var(--ink)}.processing-panel .stage-icon{border:2px solid;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.processing-panel .stage strong,.processing-panel .stage small{display:block}.processing-panel .stage strong{text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:11px}.processing-panel .stage small{margin-top:2px;font-size:10px}.processing-panel .stage code{font-size:9px}.state-inspector{font-family:IBM Plex Mono,monospace;font-size:11px}.state-inspector strong{border-bottom:3px solid var(--ink);background:var(--cyan);text-transform:uppercase;margin:-14px -14px 14px;padding:12px;display:block}.state-inspector p{border-bottom:1px dotted var(--ink);padding-bottom:8px}.failed-state .error-panel{border:3px solid var(--red);color:#a2122c;background:#fff;border-radius:0}.failed-context{border:2px solid var(--ink);margin:0;font-family:IBM Plex Mono,monospace;font-size:11px}.failed-context>div{border-bottom:1px solid var(--ink);grid-template-columns:120px 1fr;display:grid}.failed-context>div:last-child{border-bottom:0}.failed-context dt,.failed-context dd{margin:0;padding:7px}.failed-context dt{border-right:1px solid var(--ink);text-transform:uppercase;font-weight:800}.failed-actions{gap:10px;display:flex}@container workbench (width<=620px){.source-limits{grid-template-columns:1fr}.source-limits>*{border-right:0;border-bottom:2px solid var(--ink)}.source-limits>:last-child{border-bottom:0}.processing-panel .stage{grid-template-columns:34px minmax(0,1fr)}.processing-panel .stage code{grid-column:2}.processing-preflight{grid-template-columns:34px minmax(0,1fr)}.processing-preflight code{grid-column:2}.job-queue__header{flex-direction:column;gap:0}.queue-capacity{border-top:2px solid var(--ink);border-left:0;grid-template-columns:1fr}.queue-capacity span{border-right:0;border-bottom:1px solid var(--ink)}.queue-capacity span:last-child{border-bottom:0}.job-card{grid-template-columns:minmax(0,1fr)}.job-card__identity{border-right:0;border-bottom:2px solid var(--ink)}.job-card dl{grid-template-columns:minmax(0,1fr)}.job-card dl>div{border-right:0;border-bottom:1px solid var(--ink)}.job-card dl>div:nth-last-child(-n+2){border-bottom:1px solid var(--ink)}.job-card dl>div:last-child{border-bottom:0}.job-card__terminal,.job-card__error{border-top:2px solid var(--ink);border-left:0}}