.pitch-head{flex:none;justify-content:space-between;align-items:center;padding:0 7px;display:flex}.pitch-brand{align-items:center;gap:8px;display:flex}.pitch-brand img{width:28px;height:28px}.pitch-brand-name,.pitch-product-name,.pitch-takes,.pitch-live-state,.pitch-frequency,.pitch-cents,.pitch-lane,.pitch-sustain{font-family:var(--mono)}.pitch-brand-name{color:var(--mock-ink);letter-spacing:1.1px;font-size:8px;font-weight:600}.pitch-product-name{color:var(--mock-muted);letter-spacing:3.3px;margin-top:2px;font-size:6px}.pitch-takes{color:var(--mock-accent);border:1px solid var(--mock-card-border);background:var(--mock-card-fill);letter-spacing:1.1px;border-radius:12px;padding:6px 8px;font-size:6.5px}.pitch-readout{flex:none;justify-content:space-between;align-items:center;padding:15px 8px 10px;display:flex}.pitch-live-state{color:var(--mock-accent);letter-spacing:2px;margin-bottom:2px;font-size:7px}.pitch-note{color:var(--mock-ink);font-size:41px;font-weight:200;line-height:1}.pitch-note small{color:var(--mock-muted);font-size:24px}.pitch-frequency{color:var(--mock-muted);letter-spacing:1.2px;margin-top:3px;font-size:7px}.pitch-cents{color:var(--mock-accent);border:1px solid var(--mock-accent);background:var(--mock-auto-fill);border-radius:13px;padding:6px 8px;font-size:9px}.pitch-river{min-height:0;-webkit-mask-image:linear-gradient(90deg, transparent, var(--mock-ink) 14%, var(--mock-ink) 82%, transparent);mask-image:linear-gradient(90deg, transparent, var(--mock-ink) 14%, var(--mock-ink) 82%, transparent);flex:1;margin:0 1px;position:relative;overflow:hidden}.pitch-lanes{grid-template-rows:repeat(12,1fr);display:grid;position:absolute;inset:0}.pitch-lane{border-top:1px solid var(--mock-ring-track);color:var(--mock-dim);padding:2px 7px;font-size:6px;position:relative}.pitch-lane.natural{background:var(--mock-card-fill);color:var(--mock-muted)}.pitch-lane:last-child{border-bottom:1px solid var(--mock-ring-track)}.pitch-sustain{width:25%;height:76%;color:var(--mock-screen);background:var(--mock-ok);box-shadow:0 0 13px var(--mock-led-ok-glow);border-radius:5px;padding:4px 6px;font-size:6px;font-weight:700;position:absolute;top:12%;left:37%}.pitch-trace{width:100%;height:1200%;position:absolute;bottom:50%;left:0;overflow:visible}.pitch-trace path{fill:none;stroke:var(--mock-accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px var(--mock-led-glow))}.pitch-live-marker{position:absolute;inset:0}.pitch-comet{background:linear-gradient(90deg, transparent, var(--mock-accent));width:17%;height:2px;box-shadow:0 0 8px var(--mock-led-glow);border-radius:2px;position:absolute;top:50%;right:13%;transform:translateY(-50%)}.pitch-live-dot{border:2px solid var(--mock-ink);background:var(--mock-accent);width:10px;height:10px;box-shadow:0 0 15px var(--mock-led-glow);border-radius:50%;position:absolute;top:50%;right:11%;transform:translateY(-50%)}.pitch-controls{flex:none;grid-template-columns:1fr 1fr 1fr;align-items:center;height:54px;padding:8px 9px 0;display:grid}.pitch-settings,.pitch-record,.pitch-input{justify-content:center;align-items:center;display:flex}.pitch-settings{border:1px solid var(--mock-gear-border);background:var(--mock-gear-fill);width:36px;height:36px;color:var(--mock-muted);border-radius:50%;font-size:14px}.pitch-record{border:2px solid var(--mock-rail-edge);width:48px;height:48px;box-shadow:0 0 14px var(--mock-rail-edge);border-radius:50%;justify-self:center}.pitch-record i{background:var(--mock-rail-edge);border-radius:50%;width:17px;height:17px}.pitch-input{border:1px solid var(--mock-card-border);background:var(--mock-card-fill);border-radius:17px;justify-self:end;gap:3px;width:54px;height:32px}.pitch-input i{background:var(--mock-accent);border-radius:2px;width:2px}.pitch-input i:first-child,.pitch-input i:nth-child(6){opacity:.45;height:7px}.pitch-input i:nth-child(2),.pitch-input i:nth-child(5){opacity:.7;height:12px}.pitch-input i:nth-child(3),.pitch-input i:nth-child(4){height:18px}