@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;450;500;600&display=swap');
:root{color-scheme:light;--paper:#f3f4f0;--ink:#202823;--muted:#69716b;--line:#d7dcd5;--orange:#e46b38;--green:#b7e299;--mono:'IBM Plex Mono',monospace;--sans:'DM Sans',sans-serif;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,a,input,select,textarea,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--orange)}button{color:inherit}a{color:inherit}.masthead{max-width:1456px;margin:auto;height:96px;padding:0 60px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:36px;font-weight:700;letter-spacing:-2px;text-decoration:none}.wordmark span{display:inline-block;font-size:13px;vertical-align:top;letter-spacing:0;margin:8px 0 0 5px}.masthead-right{display:flex;align-items:center;gap:48px}.edition,.eyebrow,.section-label,.instrument-top,.screen,.sequence-strip,.transport-note,footer,.key-hint,.spec-row,.range-ends{font-family:var(--mono)}.edition{font-size:12px;letter-spacing:1px;color:var(--muted)}.text-button{background:none;border:0;padding:8px 0;font-size:14px}.text-button span{margin-left:12px}main{max-width:1336px;margin:auto;padding:44px 36px 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.eyebrow{font-size:12px;letter-spacing:1.4px;color:var(--muted);display:flex;align-items:center;gap:10px}.tiny-square{width:7px;height:7px;background:var(--orange)}h1{font-size:clamp(30px,3.6vw,48px);letter-spacing:-1.7px;font-weight:550;margin:13px 0 10px;line-height:1.12}h1>span{color:var(--orange)}.intro p{font-size:16px;margin:0;color:var(--muted)}.intro-mark{font:12px var(--mono);border-left:1px solid var(--line);padding-left:24px;line-height:1.7;color:var(--muted)}.intro-mark strong{font-size:28px;color:#919b8d;font-weight:400;letter-spacing:-1px}.instrument{background:#e7eae3;border:1px solid #c8cec4;border-radius:12px;box-shadow:0 4px 0 #d7dcd3,0 12px 28px #27322309;overflow:hidden}.instrument-top{padding:20px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cdd3c8;font-size:13px;letter-spacing:1.1px;background:#ecefe8}.instrument-title{display:flex;align-items:center;gap:10px;font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%;background:#729a5d;box-shadow:0 0 5px #8da87455}.model-number{margin-left:8px;font-size:11px;letter-spacing:.7px;color:var(--muted);font-weight:400}.leds{display:flex;gap:18px;font-size:10px}.leds span{display:flex;align-items:center;gap:6px}.leds i{width:6px;height:6px;border-radius:50%;background:#b6bdb2;box-shadow:inset 0 1px 1px #0002}.leds i.lit{background:#688e49;box-shadow:0 0 4px #8cab75}.instrument-body{display:grid;grid-template-columns:342px minmax(0,1fr)}.control-panel{padding:25px 26px 24px;border-right:1px solid #cdd3c8}.section-label{font-size:11px;letter-spacing:1px;color:#7a8476;margin-bottom:16px}.mode-tabs{display:flex;background:#dce1d7;padding:4px;border:1px solid #cdd3c8;border-radius:6px;margin-bottom:21px}.mode-tabs button{flex:1;border:0;background:transparent;font-size:13px;padding:11px 0;border-radius:4px;white-space:nowrap;color:#63705d}.mode-tabs button.active{background:#f8f9f5;box-shadow:0 1px 3px #1828121c;color:#273321}.mode-tabs button span{margin-right:7px;font-size:15px}.field-label{font-size:13px;font-weight:500;display:flex;justify-content:space-between;align-items:center;margin:17px 0 9px}.field-label>span{font-family:var(--mono);font-size:11px;color:#6f7967;font-weight:400}.field-label output{font-family:var(--mono);font-size:12px;color:#4c5a45}select,input[type=tel],textarea{width:100%;border:1px solid #bfc8b8;border-radius:5px;background:#f2f4ed;color:#263120}select{padding:11px 28px 11px 11px;font-size:14px;font-weight:500;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%235b6753' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.spec-row{display:flex;justify-content:space-between;font-size:10px;gap:7px;color:#74806b;margin-top:9px}.number-field{position:relative}.number-field>span{position:absolute;top:10px;left:12px;color:#86937c}.number-field input{padding:10px 12px 10px 34px;font:15px var(--mono);letter-spacing:1px}small#number-help{display:block;font-size:11px;color:#788270;line-height:1.4;margin-top:7px}.field-pair{display:grid;grid-template-columns:1.1fr 1fr;gap:12px}.field-pair label{font-size:11px;white-space:nowrap}.field-pair select{font-size:12px;padding-left:9px}.panel-divider{border-top:1px solid #cbd2c6;margin:23px 0 20px}.range{width:100%;accent-color:#536b43;height:5px;margin:10px 0;display:block;cursor:pointer}.range-ends{display:flex;justify-content:space-between;font-size:10px;color:#7c8575;margin-top:6px}.volume-label{margin-top:20px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px;font-size:13px}.switch{appearance:none;cursor:pointer;width:30px;height:17px;background:#bec7b7;border-radius:20px;position:relative;flex-shrink:0;margin:0}.switch:after{content:'';position:absolute;top:3px;left:3px;background:#f8faf5;width:11px;height:11px;border-radius:50%;transition:transform .15s}.switch:checked{background:#5d744c}.switch:checked:after{transform:translateX(13px)}.advanced{margin-top:20px;border-top:1px solid #cbd2c6;padding-top:15px}.advanced summary{list-style:none;font-size:12px;color:#697660;cursor:pointer;display:flex;justify-content:space-between}.advanced summary::-webkit-details-marker{display:none}.advanced[open] summary span{transform:rotate(45deg)}textarea{padding:9px;resize:vertical;font-size:12px}.monitor-panel{padding:25px 26px 19px;min-width:0}.screen{border:1px solid #0c110c;border-radius:7px;background:#141b16;color:#b9cea7;box-shadow:inset 0 2px 5px #0005;padding:21px 23px 15px;overflow:hidden}.screen-heading{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:#c3d8b2;gap:12px}.screen-heading>div{display:flex;align-items:center;gap:8px}.screen-dot{width:5px;height:5px;background:#819270;border-radius:50%}.screen-dot.live{background:#bfe69b;box-shadow:0 0 6px #c4ed9c}.screen-heading #clock{font-variant-numeric:tabular-nums;color:#87997a}.scope-header{display:flex;justify-content:space-between;align-items:center;margin-top:31px;font-size:10px;letter-spacing:1px;color:#72846a}.scope-tabs{display:flex;gap:15px;letter-spacing:0}.scope-tabs button{border:0;padding:4px 0 6px;background:none;color:#72846a;font:11px var(--mono)}.scope-tabs button.active{color:#c7dcb8;border-bottom:1px solid #a4bf8f}.scope-wrap{height:188px;position:relative;margin-top:9px;background-image:linear-gradient(#b7e29908 1px,transparent 1px),linear-gradient(90deg,#b7e29908 1px,transparent 1px);background-size:100% 25%,12.5% 100%;border:1px solid #b7e2990b}canvas{display:block;width:100%;height:100%}#scope-idle{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;background:radial-gradient(ellipse,#141b16de 20%,transparent 68%);font-size:10px;letter-spacing:1.6px;color:#8b9e7f}.idle-glyph{font:56px var(--sans);line-height:1;color:#6b805d;margin-bottom:9px}#scope-idle small{font:11px var(--sans);letter-spacing:0;color:#65785b;margin-top:8px}.scope-axis{display:flex;justify-content:space-between;font-size:9px;color:#607455;margin-top:9px}.readouts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #2d382b;border-bottom:1px solid #2d382b;margin-top:24px;padding:20px 0 19px;gap:10px}.readouts>div:not(:first-child){border-left:1px solid #2d382b;padding-left:17px}.readouts span{display:block;font-size:9px;letter-spacing:.7px;color:#78906a;margin-bottom:8px}.readouts strong{font-size:19px;font-weight:400;color:#c5dcb4;letter-spacing:-.7px;white-space:nowrap}.readouts small{font-size:9px;color:#7c946e;letter-spacing:0}.terminal{padding-top:18px}.terminal-header{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.8px;color:#617859;margin-bottom:13px}#session-log{height:94px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3d5135 transparent;font-size:11px;line-height:1.85}#session-log>div{display:flex;gap:15px}#session-log time{color:#52684a;flex-shrink:0}#session-log span{color:#a7bf96}.cursor{color:#9eb98e;font-weight:400;animation:blink 1.2s steps(1) infinite}@keyframes blink{50%{opacity:0}}.transport{display:flex;gap:12px;margin-top:20px}.connect-button{display:flex;align-items:center;justify-content:center;gap:12px;flex:1;padding:17px 16px;border:1px solid #cf5727;border-radius:5px;background:var(--orange);font-size:16px;font-weight:650;color:#fff9f2;box-shadow:0 2px 0 #bd4e23;position:relative}.connect-button:hover{background:#ed7846}.connect-button.is-playing{background:#c24f31;border-color:#a94023}.play-icon{font-size:13px}.key-hint{position:absolute;right:15px;font-size:9px;color:#ffe6d5;border:1px solid #ffffff4d;padding:3px 4px;border-radius:3px;letter-spacing:.4px}.export-button{font-size:13px;background:#eff2e9;border:1px solid #bcc7b2;border-radius:5px;padding:14px 19px;color:#526344}.export-button:hover{background:#f7f9f3}.export-button span{font-size:19px;margin-right:6px}.transport-note{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#7b8772;margin-top:12px;line-height:1.5}.sequence-strip{display:flex;align-items:center;gap:25px;border-top:1px solid #cdd3c8;padding:20px 26px;background:#e1e6db}.sequence-title{font-size:10px;letter-spacing:1px;color:#818c77;white-space:nowrap}#stage-list{display:flex;align-items:center;flex:1;gap:15px;font-size:10px;color:#97a28e}#stage-list>span{white-space:nowrap;display:flex;gap:8px}#stage-list b{font-size:11px;font-weight:400;color:#748167}#stage-list i{height:1px;background:#c9d2c1;flex:1}#stage-list .current,#stage-list .current b{color:#ca5d2e}#stage-list .done,#stage-list .done b{color:#496438}.below-instrument{display:flex;align-items:center;justify-content:space-between;margin:25px 0 36px;gap:40px}.signal-note{display:flex;align-items:flex-start;gap:13px;max-width:700px}.note-icon{font-size:25px;color:#94a189;line-height:1.4}.signal-note p{font-size:13px;line-height:1.7;color:#738069;margin:0}.below-instrument .text-button{white-space:nowrap;font-size:12px;color:#738069}footer{border-top:1px solid var(--line);padding:21px 0 26px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#8c9585}dialog{width:min(580px,calc(100% - 36px));border:1px solid #c7cebf;background:var(--paper);border-radius:12px;padding:30px;color:var(--ink);box-shadow:0 30px 100px #0005}dialog::backdrop{background:#0d170ccc;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top button{font-size:25px;border:0;background:none}.dialog-top .eyebrow{font-size:11px}dialog h2{font-size:30px;letter-spacing:-.8px;line-height:1.15;font-weight:500}dialog p{font-size:14px;line-height:1.7;color:#65735b}dialog strong{color:#32402a}dialog a{color:#ac532c}dialog .dialog-footnote{font-size:12px;border-top:1px solid var(--line);padding-top:15px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;transition:.2s;background:#25351f;color:#f1f7eb;font-size:14px;padding:13px 21px;border-radius:7px;box-shadow:0 5px 25px #0003;max-width:calc(100% - 30px);z-index:5}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1450px){main{padding-top:54px}.intro{margin-bottom:40px}.scope-wrap{height:207px}.monitor-panel{padding:27px 30px 22px}.control-panel{padding:27px 28px 24px}.instrument-body{grid-template-columns:360px 1fr}}
@media(max-width:1050px){.masthead{padding:0 32px}.masthead-right{gap:25px}.edition{display:none}main{padding:32px 24px 0}.instrument-body{grid-template-columns:300px minmax(0,1fr)}.control-panel,.monitor-panel{padding:22px 20px}.screen{padding:18px 16px 14px}.readouts strong{font-size:16px}.readouts>div:not(:first-child){padding-left:10px}.readouts{gap:7px}.readouts span{font-size:8px}.key-hint{display:none}.sequence-strip{gap:20px}#stage-list{gap:10px}.transport-note{font-size:8px}.model-number{font-size:10px}}
@media(max-width:780px){.masthead{height:77px;padding:0 21px}.wordmark{font-size:31px}.intro-mark{display:none}.intro{margin-bottom:26px}main{padding:27px 16px 0}h1{font-size:34px}.eyebrow{font-size:10px}.intro p{font-size:14px}.instrument-body{grid-template-columns:1fr}.control-panel{border-right:0;border-bottom:1px solid #cdd3c8;display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.control-panel>*{grid-column:1 / -1}.control-panel .field-pair{grid-template-columns:1fr 1fr}.mode-tabs button{font-size:14px}.field-label{font-size:14px}select{font-size:15px}.field-pair label,.field-pair select{font-size:13px}small#number-help{font-size:12px}.spec-row,.range-ends{font-size:11px}.toggle-row{font-size:14px}.monitor-panel{padding:20px}.scope-wrap{height:190px}.readouts strong{font-size:18px}.readouts span{font-size:9px}.sequence-strip{display:block;padding:18px 20px}.sequence-title{display:block;margin-bottom:15px}#stage-list{gap:9px}#stage-list>span{gap:5px}#stage-list b{font-size:10px}.instrument-top{padding:18px 20px}.model-number{display:none}.leds{gap:12px}.below-instrument{align-items:flex-start;gap:10px;flex-direction:column;margin:22px 0 25px}.transport-note{font-size:9px}.transport-note>span:last-child{display:none}footer{font-size:8px;letter-spacing:.5px;gap:15px;line-height:1.7}.screen-heading{font-size:10px}.advanced summary{font-size:14px}.field-pair{gap:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Readable instrument labels and a direct mobile path to the transport. */
.section-label,.model-number,.leds,.spec-row,.range-ends,.scope-header,.scope-tabs button,.scope-axis,.readouts span,.readouts small,.terminal-header,.transport-note,.sequence-title,#stage-list,#stage-list b,footer,.key-hint,.field-label>span,.field-label output,small#number-help{font-size:12px}
.field-label,.mode-tabs button,.toggle-row,.advanced summary,.export-button,.below-instrument .text-button{font-size:14px}
.signal-note p{font-size:16px;line-height:1.65}.screen-heading,#session-log{font-size:12px}.readouts strong{font-size:20px}.readouts{grid-template-columns:.9fr 1.15fr 1.15fr 1fr}.transport-note{font:12px var(--sans)}.transport-note>span:last-child{white-space:nowrap}.field-pair .field-label{font-size:12px}.field-pair select{font-size:13px}.mode-tabs button{font-size:13px}.readouts span{letter-spacing:0;font-size:11px}.readouts small{font-size:10px}textarea:disabled,input:disabled{opacity:.5;cursor:not-allowed}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.sequence-strip{gap:22px}#stage-list{gap:10px}.sequence-title{font-size:11px}.screen-heading{letter-spacing:.5px}#scope-idle{font-size:12px}#scope-idle small{font-size:12px}
@media(max-width:1100px) and (min-width:781px){.readouts{grid-template-columns:1fr 1fr;gap:16px}.readouts>div:nth-child(3){border-left:0;padding-left:0}.readouts strong{font-size:20px}.sequence-strip{display:block}.sequence-title{display:block;margin-bottom:12px}.transport-note{font-size:11px}.transport-note>span:last-child{display:none}.model-number{font-size:11px}}
@media(max-width:780px){.instrument-body{display:flex;flex-direction:column}.monitor-panel{order:0;display:flex;flex-direction:column}.control-panel{order:1;border-top:1px solid #cdd3c8;border-bottom:0}.transport{order:-1;margin-top:0;margin-bottom:19px}.scope-wrap{height:150px}.scope-header{margin-top:23px}.readouts{grid-template-columns:1fr 1fr;gap:15px;padding:16px 0}.readouts>div:nth-child(3){border-left:0;padding-left:0}#session-log{height:76px}.scope-tabs{gap:12px}.field-label,.mode-tabs button,.toggle-row,.field-pair select{font-size:14px}.field-pair .field-label{font-size:13px}.instrument-title{font-size:12px}.leds{font-size:11px;gap:10px}.leds span{gap:4px}#stage-list{gap:7px;flex-wrap:wrap}#stage-list i{min-width:5px}#stage-list>span{gap:4px}#stage-list b{font-size:12px}.sequence-title{font-size:12px}.below-instrument{gap:12px}footer{font-size:11px;flex-direction:column;gap:7px}}