:root{font-family:Inter,ui-sans-serif,system-ui,Arial,sans-serif;color:#e8eee3;background:#17211f;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;background:#2b4138;border:1px solid #4a6455;color:#e7f4e2;border-radius:7px;padding:8px 11px}button:hover{background:#385546}button:disabled{opacity:.4;cursor:default}input,select{background:#192720;border:1px solid #425e4c;border-radius:5px;color:#fff;padding:7px;min-width:0}header{padding:13px 18px;border-bottom:1px solid #425d50;display:flex;justify-content:space-between;align-items:center;gap:12px}header h1{font-size:19px;margin:0;color:#d4e5c5}header small{color:#9aaca0}.layout{display:grid;grid-template-columns:255px minmax(300px,1fr)300px;height:calc(100vh - 62px)}aside{background:#20312b;overflow:auto;padding:15px;border-right:1px solid #425c4d}.inspector{border-left:1px solid #425c4d;border-right:none}h2{font-size:14px;color:#cfdfba;text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px}.hint{font-size:12px;color:#a6b9ac;line-height:1.5}.section{border-bottom:1px solid #43594a;padding-bottom:15px;margin-bottom:16px}.part{display:flex;width:100%;margin:5px 0;text-align:left;justify-content:space-between;gap:8px}.part.active{background:#65835c;color:#fff}.viewport{position:relative;min-height:400px;overflow:hidden;background:#15211d}.viewport canvas{width:100%;height:100%;display:block}.overlay{position:absolute;top:15px;left:15px;pointer-events:none;background:#14241fd9;padding:12px;border-radius:8px;font-size:12px;line-height:1.6}.toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:12px;border-bottom:1px solid #385345}.editor{display:flex;flex-direction:column;min-height:0}.editor .viewport{flex:1}.footer{padding:10px 15px;border-top:1px solid #486052;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.field{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:9px 0}.field input{width:85px}.count{font-size:25px;font-weight:700;color:#d9e8c7}.warning{font-size:12px;padding:9px;color:#e9cf96;background:#463a2a;border-radius:5px;margin:6px 0}.bom{display:flex;justify-content:space-between;font-size:13px;padding:8px 0;border-bottom:1px solid #3f5648}.full{width:100%;margin-bottom:8px}.badge{color:#b0dbaa;font-size:11px}.empty{color:#a0aca2}.space{flex:1}@media(max-width:1050px){.layout{grid-template-columns:190px minmax(240px,1fr)220px}}@media(max-width:700px){.layout{display:flex;flex-direction:column;height:auto}aside{max-height:250px}.viewport{height:460px}.inspector{max-height:none}}