:root{color-scheme:dark;font-family:Segoe UI,sans-serif;color:#deebed;background:#101922}*{box-sizing:border-box}body{margin:0}header{padding:18px 26px;border-bottom:1px solid #344352;display:flex;justify-content:space-between;align-items:center}small{letter-spacing:2px;color:#9cdccc}h1{font-size:24px;margin:6px 0}a{color:#9cdccc}main{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;padding:18px}aside{max-height:calc(100vh - 140px);overflow:auto;padding-right:8px}section{padding:12px;background:#192631;border:1px solid #344352;border-radius:8px;margin-bottom:12px}h2{font-size:15px;margin:0 0 12px}label{display:block;font-size:13px;color:#b8cbd0;margin:8px 0}input,select,button,.file{font:inherit;border:1px solid #435664;border-radius:5px;background:#233440;color:#deebed;padding:8px}input:not([type=checkbox]),select{width:100%;margin-top:4px}button{cursor:pointer;margin:3px 0;min-height:36px}button:hover,.file:hover{background:#34505c}button:disabled{opacity:.35;cursor:default}button.active,.primary{background:#91d8c7;color:#112a29}.pair,#tools{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pair>*{min-width:0}section>button{width:100%}p{font-size:12px;line-height:1.5;color:#9cafb8}.file{display:block;cursor:pointer;text-align:center}.file input{font-size:12px}article{min-width:0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 8px}.toolbar label{display:flex;align-items:center;gap:8px}.toolbar select{width:auto}#viewport{overflow:auto;height:calc(100vh - 270px);min-height:280px;border:1px solid #435664;background:#0a1119}canvas{display:block;touch-action:none;image-rendering:pixelated;cursor:crosshair}.help{margin:10px 0}#status{color:#a6e1ce;white-space:pre-line}#issues{font-size:13px;line-height:1.6;padding-left:20px;color:#efd0a4}@media(max-width:750px){main{grid-template-columns:1fr}aside{max-height:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}header{padding:12px}h1{font-size:20px}}