:root{color-scheme:dark;font:16px/1.5 system-ui;background:#14182a;color:#e7edf6}*{box-sizing:border-box}body{margin:0}header,nav,main,#status{padding:20px 28px}header{background:#202a43}h1{margin:0;font-size:26px}a{color:#a7efd6}nav{display:flex;flex-wrap:wrap;gap:12px}button,input,select{font:inherit;padding:9px;border:1px solid #627089;border-radius:5px;background:#29334b;color:#fff}button{cursor:pointer}button:hover{background:#3d526d}button:disabled{opacity:.4}main{display:grid;grid-template-columns:250px 1fr;gap:28px}aside{position:sticky;top:12px;align-self:start}aside select,aside input{width:100%}label{display:grid;gap:5px;font-size:14px}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px}.fields input{min-width:0;width:100%}#figures{display:grid;gap:18px}.figure-editor{padding:18px;background:#202a43;border:1px solid #455672;border-radius:9px}.figure-editor img,.machine-preview{width:110px;height:110px;object-fit:contain;image-rendering:pixelated}.figure-title{display:flex;align-items:center;gap:20px}#status{margin:0;min-height:54px;color:#a7efd6}.error{color:#ffb5b5!important}canvas{width:100%;height:auto;max-height:550px;background:#202a43;cursor:crosshair;border:1px solid #627089}p{color:#bac7da}input[type=file]{max-width:280px}@media(max-width:800px){main{grid-template-columns:1fr}aside{position:static}header,nav,main,#status{padding:16px}}