:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#efece2;background:#14120e;font-synthesis:none;--acid: #cbd94a;--nawbq: #a85456;--muted: #928c7c;--line: #3a352b;--panel: #1c1912;--bevel-light: rgba(255, 250, 235, .06);--bevel-dark: rgba(0, 0, 0, .45);--mono: "SFMono-Regular", Consolas, "Liberation Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#14120e}button,input,select{font:inherit}button,select,label.file-button,label.import-button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,label:focus-within{outline:2px solid var(--acid);outline-offset:2px}a{color:inherit;text-decoration:none}main{width:min(1500px,100%);margin:auto;padding:0 44px}.topbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12px;letter-spacing:.06em}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700}.brand-mark{display:grid;place-items:center;width:28px;height:28px;color:#14120e;background:var(--acid);font-family:var(--mono);font-weight:800;border:1px solid #8f9838}.brand small{display:block;margin-top:2px;color:var(--muted);font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.status i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--acid)}.hero{display:grid;grid-template-columns:1.3fr .8fr;gap:32px;align-items:start;padding:18px 0 20px;border-bottom:1px solid var(--line)}.eyebrow{display:block;margin-bottom:12px;color:var(--acid);font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.15em}h1,h2,p{margin:0}.hero-id{max-width:620px}.hero-id .eyebrow{margin-bottom:6px}.hero-copy{color:#c7c2b3;font-size:13.5px;line-height:1.55}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hero-action{display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:0 16px;border:1px solid var(--line);color:#cfc9b8;background:transparent;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.hero-action:hover,.hero-action:focus-visible{border-color:#8f886f;color:#efece2}.hero-action-nawbq{border-bottom:1px solid var(--nawbq);color:var(--nawbq)}.hero-action-nawbq:hover,.hero-action-nawbq:focus-visible{border-color:var(--nawbq);color:#efece2}.hero-instrument{border:1px solid var(--line);background:var(--panel);box-shadow:inset 0 1px 0 var(--bevel-light),inset 0 -1px 0 var(--bevel-dark);min-width:0}.hero-instrument-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 8px;border-bottom:1px solid var(--line);background:#17140e}.hero-instrument-heading .eyebrow{margin:0}.segmented-compact{padding:2px}.segmented-compact button{padding:3px 8px;font-size:8px}.sensor-canvas-wrap{line-height:0}.sensor-canvas{display:block;width:100%;height:92px;background:#100e09;pointer-events:none}.hero-specs{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;padding:7px 10px;border-top:1px solid var(--line);font-family:var(--mono);font-size:9px;letter-spacing:.04em;color:#b3ac98}.hero-specs div{display:flex;gap:5px;align-items:baseline;white-space:nowrap}.hero-specs dt{color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.hero-specs dd{margin:0;color:#e7e2d2}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 355px;align-items:stretch;margin-top:22px;background:var(--panel);border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--bevel-light),inset 0 -1px 0 var(--bevel-dark)}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--bevel-light),inset 0 -1px 0 var(--bevel-dark)}.editor-card{min-width:0;padding:28px;border-right:1px solid var(--line)}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.panel-heading h2{font-size:24px;letter-spacing:-.03em}.editor-heading-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.segmented{display:flex;border:1px solid var(--line);padding:3px;background:#17140e;box-shadow:inset 0 1px 3px var(--bevel-dark)}.segmented button{border:0;padding:8px 13px;color:#a19a86;background:transparent;font-family:var(--mono);font-size:10px;text-transform:uppercase}.segmented button.selected{color:#14120e;background:var(--acid)}.segmented button:disabled{color:#5a5546;cursor:not-allowed}.history-controls{display:flex;gap:6px}.history-controls button{border:1px solid var(--line);padding:8px 13px;color:#cfc9b8;background:transparent;font-family:var(--mono);font-size:10px;text-transform:uppercase}.history-controls button:disabled{color:#5a5546;border-color:#2a2619;cursor:not-allowed}.history-controls button:not(:disabled):hover{border-color:#8f886f}.channel-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:26px 0 14px}.channel-tabs button{padding:9px 12px;border:1px solid var(--line);color:#a49d8a;background:#17140e;font-family:var(--mono);font-size:10px;text-transform:uppercase}.channel-tabs button i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--channel)}.channel-tabs button.active{border-color:var(--channel);color:#f3f0e5;background:color-mix(in srgb,var(--channel) 12%,#17140e)}.curve-stage{position:relative}.plot-instrument{border:1px solid var(--line);background:#100e09;box-shadow:inset 0 1px 4px var(--bevel-dark)}.curve-canvas{display:block;width:100%;aspect-ratio:1;touch-action:none;background:#100e09}.plot-surface{fill:#120f0a;cursor:crosshair;touch-action:none}.plot-surface:focus-visible{outline:2px solid var(--acid);outline-offset:-2px}.plot-surface.hovering-point{cursor:grab}.plot-surface.dragging{cursor:grabbing}.grid-lines,.identity-line,.scale-ticks,.curve-path,.curve-point-visible{pointer-events:none}.grid-lines line{stroke:#322d21;stroke-width:1}.identity-line{stroke:#3d3627;stroke-width:1;stroke-dasharray:7 7}.curve-path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.curve-path.ghost{opacity:.2;stroke-width:1.2}.curve-path.active{stroke-width:2.5;filter:drop-shadow(0 0 5px currentColor)}.curve-point-visible{stroke:#100e09;stroke-width:2;vector-effect:non-scaling-stroke}.curve-point-visible.selected{stroke:var(--acid);stroke-width:2.5}.axis-title{fill:#7a7362;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.editor-meta{display:flex;align-items:baseline;gap:12px;margin-top:10px;flex-wrap:wrap}.point-count{color:#b3ac98;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.microcopy{margin:0;color:#8a8371;font-family:var(--mono);font-size:10px;line-height:1.5}.point-inspector{display:flex;align-items:end;gap:14px;margin-top:16px;padding:14px 16px;border:1px solid var(--line);background:#17140e;flex-wrap:wrap}.point-inspector-label{color:#b3ac98;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-right:auto}.point-inspector label{display:grid;gap:6px;color:#a49d8a;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.point-inspector input{width:84px;padding:8px 10px;border:1px solid var(--line);color:#ece7d8;background:#100e09;font-family:var(--mono)}.point-inspector input:disabled{color:#5a5546;border-color:#2a2619}.point-inspector button{border:1px solid var(--line);padding:9px 14px;font-family:var(--mono);font-size:10px;text-transform:uppercase;color:#cfc9b8;background:transparent}.point-inspector button:disabled{color:#5a5546;border-color:#2a2619;cursor:not-allowed}.control-rail{display:flex;flex-direction:column;min-width:0}.control-section{padding:22px 24px;border-bottom:1px solid var(--line)}.control-rail>.control-section:last-child{border-bottom:0}.control-section label:not(.import-button){display:grid;gap:8px;margin-top:20px;color:#a49d8a;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.control-section input,.control-section select{width:100%;padding:13px;border:1px solid var(--line);border-radius:0;color:#ece7d8;background:#100e09}.source-readout{display:grid;gap:8px;margin-top:20px}.source-readout .eyebrow{margin-bottom:0}.source-readout [data-testid=source-label]{color:#ece7d8;font-family:var(--mono);font-size:12px;letter-spacing:.04em}.wide{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:47px;margin-top:12px;padding:0 15px;border:1px solid var(--line);text-align:left;font-family:var(--mono);font-size:11px;text-transform:uppercase}.primary{border-color:var(--acid);color:#14120e;background:var(--acid);font-weight:700}.primary b{font-size:20px}.secondary{color:#cfc9b8;background:transparent}.secondary:hover{border-color:#8f886f}.export-section small{margin-left:auto;color:#d6ab52;font-size:8px}.import-button{cursor:pointer}.file-button input,.import-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.status{margin-top:18px;color:#948d7a;font-family:var(--mono);font-size:9px;line-height:1.5}.warning-card{display:flex;gap:12px;margin-top:14px;color:#a69c86;font-size:12px;line-height:1.55}.warning-card span{color:#d6ab52;flex-shrink:0}.channel-tools-active{display:grid;gap:8px;margin-top:20px}.channel-tools-active .eyebrow{margin-bottom:0}.channel-tools-active-name{color:#ece7d8;font-family:var(--mono);font-size:12px;letter-spacing:.04em}.channel-tools-note{margin-top:20px}.channel-copy-row{display:flex;align-items:flex-end;gap:10px}.channel-copy-row label{flex:1;min-width:0}.channel-copy-row button{flex-shrink:0;height:46px;padding:0 18px;margin-top:20px;border:1px solid var(--line);color:#cfc9b8;background:transparent;font-family:var(--mono);font-size:11px;text-transform:uppercase}.channel-copy-row button:hover{border-color:#8f886f}.mutate-section>.segmented{margin-top:20px}.mutate-strength-row{display:flex;align-items:center;gap:10px}.mutate-strength-row input[type=range]{flex:1;accent-color:var(--acid)}.mutate-strength-value{min-width:38px;text-align:right;color:#ece7d8;font-family:var(--mono);font-size:11px;text-transform:none}.mutate-seed-row{display:flex;align-items:flex-end;gap:10px;margin-top:20px}.mutate-seed-row label{flex:1;min-width:0;margin-top:0!important}.mutate-seed-row button{flex-shrink:0;height:46px;padding:0 16px;margin-top:20px;border:1px solid var(--line);color:#cfc9b8;background:transparent;font-family:var(--mono);font-size:11px;text-transform:uppercase}.mutate-seed-row button:hover{border-color:#8f886f}.mutate-seed-hint{margin-top:10px}.mutate-actions{display:flex;gap:10px;margin-top:14px}.mutate-actions button{flex:1;display:flex;align-items:center;justify-content:center;min-height:47px;padding:0 12px;border:1px solid var(--line);color:#cfc9b8;background:transparent;font-family:var(--mono);font-size:11px;text-transform:uppercase}.mutate-actions button:hover{border-color:#8f886f}.mutate-actions button:disabled{color:#6b6454;border-color:#3a3628;cursor:not-allowed}.preview-toggle{display:flex;align-items:center;gap:8px}.preview-toggle .eyebrow{margin-bottom:0}.preview-card{margin-top:18px;padding:24px 28px}.preview-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.preview-note{color:var(--acid);font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.04em}.file-button,.preview-controls button.secondary{padding:10px 13px;border:1px solid var(--line);font-family:var(--mono);font-size:10px;text-transform:uppercase}.preview-empty{margin-top:14px}.preview-canvas{display:block;width:100%;height:auto;max-height:min(40vh,420px);margin:18px auto 0;object-fit:contain;background:#100e09}footer{display:flex;justify-content:space-between;padding:34px 0 50px;color:#6b6454;font-family:var(--mono);font-size:9px;letter-spacing:.1em}.footer-nawbq{color:var(--nawbq)}.help-dialog{width:min(800px,calc(100vw - 48px));max-width:820px;height:min(82dvh,760px);max-height:82dvh;padding:0;overflow:hidden;border:1px solid var(--line);background:var(--panel);color:#efece2;box-shadow:inset 0 1px 0 var(--bevel-light),inset 0 -1px 0 var(--bevel-dark),0 20px 60px #00000080;opacity:0;transform:translateY(8px) scale(.985);transition:opacity .2s ease-out,transform .2s ease-out}.help-dialog[data-phase=open]{opacity:1;transform:translateY(0) scale(1)}.help-dialog::backdrop{background:#0a090600;transition:background .2s ease-out}.help-dialog[data-phase=open]::backdrop{background:#0a0906b8}@media(prefers-reduced-motion:reduce){.help-dialog,.help-dialog::backdrop{transition:none}}.help-dialog-frame{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%}.help-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 22px;border-bottom:1px solid var(--line);background:#17140e}.help-dialog-header h2{font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#efece2}.help-dialog-close{flex-shrink:0;display:flex;align-items:center;gap:5px;padding:8px 13px;border:1px solid var(--line);color:#cfc9b8;background:transparent;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.help-dialog-close:hover{border-color:#8f886f;color:#efece2}.help-dialog-body{min-height:0;overflow-y:auto;padding:22px 26px 28px;scrollbar-width:thin;scrollbar-color:#4a4536 #17140e}.help-dialog-body::-webkit-scrollbar{width:11px}.help-dialog-body::-webkit-scrollbar-track{background:#17140e}.help-dialog-body::-webkit-scrollbar-thumb{background-color:#4a4536;border:3px solid #17140e;background-clip:padding-box}.help-dialog-body::-webkit-scrollbar-thumb:hover{background-color:#6b6454}.help-dialog-body section{margin-bottom:24px}.help-dialog-body section:last-child{margin-bottom:0}.help-dialog-body h3{margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--line);color:var(--acid);font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.help-dialog-body p{margin:0 0 8px;color:#c7c2b3;font-size:14.5px;line-height:1.6}.help-dialog-body p:last-child{margin-bottom:0}.help-dialog-body strong{color:#ece7d8;font-weight:700}.help-dialog-body code{color:#ece7d8;font-family:var(--mono);font-size:.92em;letter-spacing:.01em;padding:1px 5px;border:1px solid var(--line);background:#17140e}.help-cols{display:grid;grid-template-columns:1fr 1fr;gap:4px 28px}.help-cols-3{grid-template-columns:repeat(3,1fr)}.help-cols section{margin-bottom:0}.help-quickstart{margin:0;padding-left:22px;column-count:2;column-gap:30px;color:#c7c2b3;font-size:14.5px;line-height:1.6}.help-quickstart li{break-inside:avoid;margin-bottom:8px;padding-left:2px}.help-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:6px 28px;margin:0}.help-shortcuts div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line)}.help-shortcuts dt{flex-shrink:0}.help-shortcuts dd{margin:0;color:#a49d8a;font-size:12.5px;text-align:right}.help-shortcuts kbd{display:inline-block;padding:2px 6px;border:1px solid var(--line);background:#17140e;color:#cfc9b8;font-family:var(--mono);font-style:normal;font-size:11px;letter-spacing:.02em}@media(max-width:640px){.help-dialog{width:calc(100vw - 24px);height:min(90dvh,720px);max-height:90dvh}.help-cols,.help-cols-3{grid-template-columns:1fr;gap:0}.help-cols section+section{margin-top:20px}.help-quickstart{column-count:1}.help-shortcuts{grid-template-columns:1fr}.help-dialog-body{padding:18px 18px 22px}}.instrument-strip{display:flex;flex-wrap:wrap;gap:18px;padding:8px 12px;border:0;border-bottom:1px solid var(--line);background:#17140e;font-family:var(--mono);font-size:9px;letter-spacing:.06em;color:#b3ac98}.instrument-strip span{display:flex;gap:6px;align-items:baseline;white-space:nowrap}.instrument-strip i{font-style:normal;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.scale-ticks text{fill:#524c3e;font-family:var(--mono);font-size:9px;letter-spacing:0;-webkit-user-select:none;user-select:none}@media(max-width:950px){main{padding:0 20px}.hero{grid-template-columns:1fr;gap:20px}.workspace{grid-template-columns:1fr}.editor-card{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:620px){main{padding:0 14px}.brand small{display:none}.hero{padding:16px 0 18px}.editor-card,.preview-card,.control-section{padding:17px}.editor-heading{align-items:flex-start}.channel-tabs button{flex:1}footer{gap:20px}}