*{box-sizing:border-box}body{margin:0;background:#f1f5f7;color:#172c37;font:16px/1.6 system-ui,sans-serif}main{max-width:900px;margin:auto;padding:24px}header{margin-bottom:24px}.eyebrow{color:#476574;font-weight:600}h1{font-size:30px}#build{display:inline-block;padding:2px 12px;border-radius:20px;background:#d6eaf0;color:#164d67}aside{background:#fff3d9;border-left:4px solid #ad7200;padding:16px}section{background:#fff;border:1px solid #ccd8df;border-radius:12px;padding:20px;margin:20px 0}h2{font-size:22px}label{display:block;font-weight:600}textarea{width:100%;font:inherit;padding:12px;border:1px solid #7f939e;border-radius:6px}button{min-height:44px;padding:10px 16px;margin:6px 6px 6px 0;border:0;border-radius:7px;background:#164d67;color:#fff;font:inherit;cursor:pointer}.secondary{background:#e4ebef;color:#172c37}button:disabled{opacity:.5;cursor:default}#status{min-height:26px;font-weight:600}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:520px}th,td{text-align:left;padding:12px;border-bottom:1px solid #d6e0e6}th:first-child,th:last-child,td:last-child{white-space:nowrap}@media(max-width:600px){main{padding:12px}h1{font-size:25px}section{padding:14px}button{width:100%;margin:5px 0}}
