body{margin:0;font:14px Arial,sans-serif;color:#20303e;background:#f3f6f9}header{background:#123950;color:white;padding:12px 20px;display:flex;justify-content:space-between;align-items:center}header form{margin:0}.app{display:grid;grid-template-columns:270px minmax(300px,1fr) 300px;min-height:calc(100vh - 65px)}aside{overflow:auto;background:white;padding:15px;border-right:1px solid #ddd}main{display:flex;flex-direction:column;min-width:0}.toolbar{padding:10px;background:white;display:flex;gap:7px;flex-wrap:wrap;border-bottom:1px solid #ddd}button{padding:9px 12px;background:#12617d;border:0;color:white;border-radius:5px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}input,textarea{width:100%;box-sizing:border-box;padding:9px;margin:6px 0 12px;border:1px solid #cbd5df;border-radius:5px}#canvas{height:calc(100vh - 180px);min-height:450px;background:white}#status{padding:12px;background:#e5ecf1;white-space:pre-wrap;overflow-wrap:anywhere}aside h2{font-size:18px;margin:8px 0}#items button{display:block;width:100%;margin:5px 0;text-align:left}.note{font-size:12px;color:#536373;line-height:1.5}.drea{display:grid;grid-template-columns:1fr 1fr;gap:8px}#versions{overflow-wrap:anywhere}.validation-canvas{position:fixed;left:-10000px;top:0;width:1200px;height:800px;visibility:hidden}.login{display:grid;place-items:center;min-height:95vh}.login form{background:white;padding:32px;border-radius:14px;max-width:400px;margin:16px;box-shadow:0 5px 30px #0001}.login button{width:100%}@media(max-width:1000px){.app{grid-template-columns:210px minmax(300px,1fr)}.properties{grid-column:1/-1}#canvas{height:650px}}
