@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{color:#24352e;font-synthesis:none;--border:#d0d7cf;--accent:#16664c;background:#f5f6f2;font-family:IBM Plex Sans,DejaVu Sans,sans-serif}*{box-sizing:border-box}body{min-width:900px;margin:0}#app{grid-template-rows:60px minmax(0,1fr) 32px;height:100vh;display:grid}header,footer{background:#f9faf7;align-items:center;gap:16px;padding:0 18px;display:flex}header{border-bottom:1px solid var(--border)}.brand{margin-right:20px;font-size:23px;font-weight:600}.brand span{margin-left:10px;font-size:13px;font-weight:400}.tools{align-items:center;gap:4px;display:flex}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px}button:hover{background:#e8ede5}button:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}button:disabled{opacity:.3;cursor:default}.tools button{flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}svg{stroke-width:1.6px;flex-shrink:0;width:19px;height:19px}.separator{border-left:1px solid var(--border);height:24px}#save-state{color:#67746a;text-overflow:ellipsis;white-space:nowrap;max-width:240px;margin-left:auto;font-size:12px;overflow:hidden}main{grid-template-columns:230px minmax(0,1fr);min-height:0;display:grid}aside{border-right:1px solid var(--border);flex-direction:column;min-height:0;padding:16px 12px 0;display:flex}h2{margin:0 6px 12px;font-size:15px;font-weight:600}.catalog-group summary{text-transform:uppercase;color:#657568;cursor:pointer;padding:14px 6px 6px;font-size:11px;font-weight:500}.catalog-search{align-items:center;gap:8px;margin:12px 2px 4px;display:flex}.catalog-search input{width:100%;min-width:0;font:inherit;border:1px solid var(--border);color:inherit;background:#f9faf7;border-radius:4px;padding:7px;font-size:12px}.modes{border-bottom:1px solid var(--border);gap:10px;padding-bottom:12px}#catalog{flex:1;padding-bottom:16px;overflow-y:auto}.building{text-align:left;align-items:center;gap:9px;width:100%;height:38px;padding:8px 7px;font-size:13px;display:flex}.building small{color:#6b786e;margin-left:auto;font-size:11px}button.active{color:var(--accent);background:#dfebe1;border-color:#94b2a3}.selection{border-top:1px solid var(--border);flex-direction:column;gap:4px;min-height:72px;padding:14px 6px;font-size:13px;display:flex}.selection span{color:#68746b;font-size:12px}.map{min-height:0;position:relative;overflow:hidden}#hover-label{z-index:2;pointer-events:none;color:#24352e;white-space:nowrap;background:#f9faf7;border:1px solid #aebbad;border-radius:4px;max-width:calc(100% - 16px);padding:5px 8px;font-size:12px;position:absolute;box-shadow:0 2px 5px #24352e20}.views{border:1px solid var(--border);background:#f9faf7;border-radius:4px;gap:3px;padding:3px;display:flex;position:absolute;top:16px;left:16px}.views button{justify-content:center;align-items:center;gap:7px;width:120px;height:32px;font-size:12px;display:flex}.map-size{border:1px solid var(--border);background:#f9faf7;border-radius:4px;padding:3px;position:absolute;top:16px;right:16px}#map-size-value{text-align:center;min-width:76px;font-size:12px}.place-controls{position:absolute;top:66px;left:16px}.place-controls select{width:230px;font:inherit;color:inherit;border:1px solid var(--border);background:#f9faf7;border-radius:4px;padding:8px;font-size:12px}.place-controls button{border-color:var(--border);background:#f9faf7}.size-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}canvas{touch-action:none;width:100%;height:100%;display:block}.zoom{border:1px solid var(--border);background:#f9faf7;border-radius:4px;padding:3px;position:absolute;bottom:16px;right:16px}#zoom-value{text-align:center;width:48px;font-size:12px}footer{border-top:1px solid var(--border);color:#617165;font-size:11px}#status{flex:1}#coordinates{text-align:right;width:64px}#count{text-align:right;min-width:170px}[hidden]{display:none!important}.project-dialog{border:1px solid var(--border);width:440px;max-height:85vh;color:inherit;background:#f9faf7;border-radius:6px;padding:22px;overflow-y:auto}.project-dialog::backdrop{background:#17251e70}.dialog-heading,.admin-actions{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.dialog-heading h2{margin:0;font-size:18px}.dialog-heading button,.member-row button{flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.project-dialog label{gap:6px;margin-bottom:16px;font-size:13px;display:grid}.project-dialog input{width:100%;min-width:0;font:inherit;border:1px solid var(--border);color:inherit;background:#fff;border-radius:4px;padding:8px 10px}.project-dialog fieldset{border:0;margin:0;padding:0}.project-dialog legend{margin-bottom:6px;font-size:13px}.member-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.command{border:1px solid var(--border);font:inherit;color:inherit;border-radius:4px;justify-content:center;align-items:center;gap:7px;padding:7px 10px;font-size:13px;text-decoration:none;display:inline-flex}.command:hover{background:#e8ede5}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary:hover{background:#124e3b}.form-message{overflow-wrap:anywhere;min-height:20px;font-size:13px}.admin-dialog{width:720px}.submission-row{border-top:1px solid var(--border);align-items:center;gap:12px;padding:14px 0;display:flex}.submission-row>div{overflow-wrap:anywhere;flex:1;gap:4px;min-width:0;display:grid}.submission-row span,.submission-row small{color:#67746a;font-size:12px}.submission-row .command{flex-shrink:0}
