*{box-sizing:border-box}body{margin:0;font:14px 'Segoe UI',sans-serif;color:#244753;background:#f3f6f8}header{display:flex;align-items:center;gap:14px;padding:12px 18px;background:#193f49;color:#fff;min-height:74px}header>a:first-child{display:grid;place-items:center;width:44px;height:44px;background:white;border-radius:10px}header img{width:37px;height:37px}header>div{display:grid;gap:4px;margin-right:auto}header strong{font-size:17px}header span{font-size:11px;color:#c3dbe0}button,#hexDownload{border:0;border-radius:8px;background:#8764bd;color:white;padding:10px 12px;font:700 12px 'Segoe UI',sans-serif;cursor:pointer;text-decoration:none}button:disabled{opacity:.5;cursor:default}header>a{color:#ddebe8;font-size:11px}#hexDownload{background:#329c83}#projectStatus{margin:0;padding:9px 20px;font-size:11px;background:#e4eeeb}iframe{border:0;width:100%;height:calc(100vh - 112px);display:block}[hidden]{display:none!important}@media(max-width:760px){header{flex-wrap:wrap;gap:10px}header>div{flex:1;min-width:220px}header span{max-width:240px}iframe{height:calc(100vh - 155px)}}

dialog{width:min(850px,92vw);border:1px solid #cbdcde;border-radius:15px;padding:20px;color:#274753}dialog::backdrop{background:#183f4988}dialog>div{display:flex;align-items:center;justify-content:space-between}dialog h2{font-size:18px}dialog p{font-size:12px;line-height:1.5}dialog textarea{width:100%;height:50vh;resize:vertical;font:11px Consolas,monospace;border:1px solid #ccdadd;border-radius:8px;padding:10px}