:root{
/* Frame geometry — verbatim from MainWindow.css */
--sidebar-w:200px;
--sidebar-w-collapsed:60px;
--sidebar-pad-x:14px;
--sidebar-border-w:3px;
--logo-area-h:145px;
--logo-w:140px;
--titlebar-h:68px;
--titlebar-pad-x:8px;
--content-pad:20px;          /* .content-area padding (15px under 1280px) */
--content-pad-compact:15px;
--page-gap:20px;             /* gap between page sections */
--panel-left-w:250px;        /* Design page tool column */

/* Section card interior — verbatim from UpmixPage */
--card-pad-y:15px;
--card-pad-x:20px;
--card-title-mb:10px;

/* Controls — verbatim */
--control-h:32px;            /* numbox, toggle, dropdown, textbox */
--button-h:37px;             /* Button1 */
--button-pad-x:12px;
--field-pad-x:8px;
--icon-box:24px;
--icon-gap:8px;              /* icon → label inside a button */
--fader-track-w:8px;
--fader-track-h:200px;
--fader-knob-w:32px;
--fader-knob-h:35px;
--fader-label-gap:30px;
--fader-numbox-gap:10px;
--fader-column-w:80px;
--meter-w:8px;
--meter-h:200px;
--meter-bank-pad:4px;
--meter-gap:1px;
--touch-min:44px;
--measure:66ch; /* @kind other */

/* 4px-ish steps actually used */
--space-1:2px;--space-2:4px;--space-3:5px;--space-4:6px;--space-5:8px;
--space-6:10px;--space-7:12px;--space-8:15px;--space-9:20px;--space-10:30px;--space-11:40px;
}