children into the
2-column grid (mirrors Java GridLayout(2,true)); the old .dpd-m/.dpd-mk/.dpd-mv boxed
markup is no longer emitted, so those selectors are retired. */
.dpd-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; font-size: 11px; }
.dpd-line { font-size: 12px; white-space: nowrap; }
.dpd-fft { font-family: Consolas, monospace; }
/* Tune-notch wizard (Java TuneNotchWizardDialog): fields grid (GridLayout(4, false) —
row 1 start / stop, row 2 amplitude / target), the embedded live chart, and a
dialog wide enough to hold it. Java lays 4 fields (FIELD_WIDTH_HINT=110 each) with
their labels across two columns. 460px squeezed the two-column Start/Stop |
Amplitude/Target row; widened to 580px so both columns (label + numfield + unit +
steppers) lay out without cramping. The 400×200 chart stays its size, centered. */
#tuneNotchModal .tn-dialog { max-width: 660px; }
.tn-fields { display: grid; grid-template-columns: max-content 1fr max-content 1fr; gap: 6px 8px; align-items: center; }
.tn-fields label { white-space: nowrap; }
#tnPlot { display: block; width: 600px; height: 400px; border: 1px solid #ddd; background: #fff; margin: 0 auto; }
#tnStatus { text-align: left; }
/* FFT predistortion-wizard toolbar button — sits left of the Record LED (Java FftPane toolbarRow). */
.fft-tool-btn { align-self: center; width: 43px; height: 43px; margin: 0 6px 0 0; padding: 0; border: 1px solid var(--field-border);
border-radius: 6px; background: #fafafa; color: #555; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.fft-tool-btn:hover { background: #efefef; color: #222; }
.fft-tool-btn .tool-svg { width: 30px; height: 30px; } /* Java ACTION_ICON_SIZE (33) scaled to the 43px box */
/* DAC-calibrate button: same 43×43 size as the main generator play button. */
#calibrateDac.util-btn { width: 43px; height: 43px; }
#calibrateDac .util-svg { width: 30px; height: 30px; }
/* FFT tab-panels share the MAXIMAL panel height so switching tabs never resizes the pane (ergonomic).
Tuned down again to 152px (#4.1 follow-up): moving Threads onto the Coherent/LogAxis row removed
one 24px row + 4px gap from the tallest panel (FFT settings). */
.fft-pane .tab-panel { min-height: 152px; box-sizing: border-box; }
/* Java SVG icons rendered as
![]()
on buttons (use the ported SVG, never a Bootstrap glyph;
play/record buttons are the only exception). Red = the same filter as .lr.ico.reset. */
.tool-svg { width: 24px; height: 24px; display: block; }
/* Menu-item icons (Java MenuItem.setImage): inline, text-sized, baseline-aligned. */
.menu-icon { width: 16px; height: 16px; vertical-align: -3px; }
/* Scope trigger arm/single button (Java triggerStartBtn): a DARK square toggle (not a
green Bootstrap button) carrying the PLAY_DARK_SMALL icon — square (w = h), matching
the trigger toggle height, bigger icon. Disabled/idle = dark grey; .armed = yellow. */
#scopeTrigStart { width: 24px; height: 24px; min-width: 24px; padding: 0; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; line-height: 1; background: #3a3a3a; border: 1px solid #2a2a2a; color: #e8e8e8; border-radius: 2px; }
#scopeTrigStart:hover:not(:disabled) { background: #4a4a4a; }
#scopeTrigStart:disabled { opacity: 0.5; }
.util-svg { width: 18px; height: 18px; display: block; margin: auto; }
.ff-svg { width: 13px; height: 13px; display: block; margin: auto; }
.svg-red { filter: invert(18%) sepia(96%) saturate(5000%) hue-rotate(353deg) brightness(78%) contrast(98%); }
/* #14: every icon inside a SMALL icon-button (generator + scope filefield .icon-btn;
FFT/FreqResp calibration + save/load .btn-sm) is 20px HIGH, width auto (keep the
glyph's aspect ratio). Scoped to the small icon-buttons only — the larger action
buttons (.util-btn camera/crosshair, .fft-tool-btn wand, canvas-overlay .lr) keep
their own sizes. Button padding trimmed so the rows stay compact. */
.filefield .icon-btn img, .scope-row .icon-btn img,
.fft-cal-row .btn-sm img, .fr-cal-row .btn-sm img,
#fftSavePanel .btn-sm img, #fftLoadPanel .btn-sm img,
#frSavePanel .btn-sm img, #frLoadPanel .btn-sm img {
height: 20px; width: auto; }
/* Chromium-engine gate: full-screen blocking overlay shown when the app refuses to run. */
#unsupportedBrowser { position: fixed; inset: 0; z-index: 99999; background: rgba(18, 18, 22, 0.94);
display: flex; align-items: center; justify-content: center; padding: 24px; }
#unsupportedBrowser .ub-box { max-width: 540px; background: #fff; border: 1px solid #c01c28; border-radius: 8px;
padding: 22px 26px; color: #222; font-size: 14px; line-height: 1.55; box-shadow: 0 10px 50px rgba(0, 0, 0, .6); }
#unsupportedBrowser .ub-title { font-size: 18px; font-weight: 700; color: #c01c28; margin-bottom: 10px; }
#unsupportedBrowser p { margin: 8px 0 0; }