*{box-sizing:border-box}body{margin:0;background:#12251e;color:#f7f4ed;font:14px system-ui}header{padding:14px 20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #496052}h1{font-size:19px;margin:0 auto 0 0}button,input,select{font:inherit}button{background:#f3efe5;border:0;border-radius:4px;padding:8px 11px;cursor:pointer;color:#19352a}button.active{background:#d9ae69}label{display:flex;gap:8px;align-items:center}input{width:76px;padding:5px}input[type=checkbox]{width:auto}.layout{display:grid;grid-template-columns:255px 1fr;min-height:calc(100vh - 80px)}aside{padding:18px;background:#19352b;border-right:1px solid #496052}aside h2{font-size:16px;margin:0 0 12px}aside p{line-height:1.5;color:#d0dbd4}aside label{justify-content:space-between;margin:12px 0}aside input,aside select{max-width:140px}#name{width:140px}#itemList{max-height:280px;overflow:auto;margin-top:18px;display:grid;gap:5px}#itemList button{text-align:left;background:#284b3d;color:white}#itemList button.active{background:#9a743d}main{overflow:auto;background:#0c1c16;padding:16px}.canvas{min-width:850px;max-width:1584px;margin:auto}svg{display:block;width:100%;touch-action:none;background:#dedbd0}svg .item,svg .road-node{cursor:grab}svg .item:active,svg .road-node:active{cursor:grabbing}svg text{font-family:system-ui;pointer-events:none}#status{line-height:1.5;padding:10px 0;color:#e9cf9d}.hint{font-size:12px;color:#bdcbc1}#file{display:none}@media(max-width:800px){.layout{grid-template-columns:210px 1fr}aside{padding:12px}}