*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#292929;color:#eee}header{height:58px;background:#111;border-bottom:3px solid #b71c1c;padding:17px 22px;display:flex;justify-content:space-between}main{display:grid;grid-template-columns:minmax(350px,42%) 1fr;min-height:calc(100vh - 58px)}.panel{padding:18px;overflow:auto;max-height:calc(100vh - 58px)}.mapwrap{position:relative}#map{height:calc(100vh - 58px)}label{display:block;font-weight:bold;margin:10px 0 7px}#base,textarea{width:100%;background:#111;color:#fff;border:1px solid #666;border-radius:5px;padding:11px;font-size:14px}textarea{height:250px;resize:vertical}.opts,.actions{display:flex;gap:12px;flex-wrap:wrap;margin:13px 0}.opts label{font-weight:normal}button{background:#b71c1c;color:#fff;border:0;border-radius:5px;padding:11px 14px;font-weight:bold;cursor:pointer}.secondary{background:#555}button:disabled{opacity:.45;cursor:not-allowed}#status,.row{margin-top:10px;padding:10px;background:#171717;border-radius:4px}.row{border-left:4px solid #2e7d32}.warn{border-left-color:#f9a825}#summary{position:absolute;z-index:500;left:14px;right:14px;bottom:14px;background:#111e;padding:11px;border-radius:5px}.num,.basepin{background:#b71c1c;color:#fff;border:2px solid #111;border-radius:50%;text-align:center;font-weight:bold}.num{width:30px;height:30px;line-height:26px}.basepin{width:42px;height:42px;line-height:36px;font-size:10px;background:#111;border:3px solid #b71c1c}@media(max-width:850px){main{grid-template-columns:1fr}.panel{max-height:none}#map{height:520px}}