:root{font-family:Segoe UI,Microsoft YaHei,sans-serif;color:#dce6ed;background:#121b23;font-size:13px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{height:66px;border-bottom:1px solid #34414b;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#17232c}header strong{font-size:21px;font-weight:600;letter-spacing:.4px}header span{margin-left:18px;color:#8ea6b6;font-size:12px}.header-right{display:flex;gap:9px;align-items:center}button,.button{border:1px solid #425561;background:#20303c;color:#e1eaf0;border-radius:5px;padding:8px 12px;font:inherit;cursor:pointer}button:hover,.button:hover{background:#304759}.primary{background:#287e86;border-color:#3f9da5;color:white}button:disabled{opacity:.45;cursor:wait}.button input{display:none}main{display:grid;grid-template-columns:316px minmax(0,1fr);height:calc(100vh - 66px)}aside{overflow:auto;border-right:1px solid #34414b;background:#17232c;padding:0 19px 30px}section{padding:19px 0;border-bottom:1px solid #33434e}h2{font-size:12px;color:#6ea1ad;letter-spacing:1px;margin:0 0 15px}h2 span{color:#e0e8ee;font-size:14px;margin-left:9px;letter-spacing:.5px}label{display:block;margin:10px 0;color:#bdccd6;font-size:12px}input,select,textarea{font:inherit;width:100%;display:block;background:#0e1922;color:#edf2f5;border:1px solid #3c505d;border-radius:4px;padding:7px;margin-top:5px;min-width:0}input[type=range]{padding:0;accent-color:#5dc0c9}input[type=color]{height:34px;padding:3px}input[type=checkbox]{width:auto;margin:0 8px 0 0;accent-color:#5dc0c9}.check{display:flex;align-items:center}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.two label{margin:6px 0}p{font-size:11px;line-height:1.7;color:#8fa4b2;overflow-wrap:anywhere}output{float:right}details{margin:12px 0}summary{cursor:pointer;color:#8ebcc6}#colours{display:grid;grid-template-columns:1fr 1fr;gap:5px;max-height:250px;overflow:auto}#colours label{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:0;font-size:10px}#colours input{width:43px;flex-shrink:0}article{min-width:0;overflow:auto;position:relative;padding:0 28px 26px}.viewbar{display:flex;justify-content:space-between;gap:15px;padding:18px 0;color:#9fb2bd;font-size:12px;position:sticky;top:0;background:#121b23;z-index:3}#stage{max-width:1800px;margin:auto;box-shadow:0 8px 35px #0004}#map{position:relative;width:100%;aspect-ratio:1.667;background:#e8edf0;overflow:hidden}#field,#overlay{position:absolute;inset:0;width:100%;height:100%}#overlay{cursor:crosshair;touch-action:none}#watermark{background:#141414;display:grid;grid-template-columns:1fr auto;padding:16px 22px 5px;align-items:start;gap:8px}#watermark strong{font-weight:500;font-size:16px;color:#f5f5f5}#subtitle{display:block;margin-top:6px;color:#aaa;font-size:11px}#colourbar{width:100%;height:55px;grid-column:1 / -1}footer{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#91a6b4;padding:15px 0}#message{padding:12px;color:#f0bd80;line-height:1.8;white-space:pre-wrap}#timing{font-variant-numeric:tabular-nums;white-space:nowrap}#directories{font-size:10px}@media(max-width:950px){header{padding:0 12px}header span{display:none}main{grid-template-columns:270px minmax(0,1fr)}article{padding:0 12px}.header-right{gap:4px}#watermark{padding:12px}#watermark strong{font-size:12px}}@media(max-width:640px){main{display:flex;flex-direction:column;height:auto}aside{max-height:44vh}article{min-height:50vh}.header-right #quit{display:none}}

@font-face{font-family:MiSans;src:url(/static/fonts/MiSans-Web.woff2) format("woff2");font-weight:100 900;font-display:swap} body,input,button,select,textarea{font-family:MiSans,"Microsoft YaHei",sans-serif}