*{box-sizing:border-box}body{margin:0;font:14px system-ui,sans-serif;color:#e7edf3;background:#111923}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #344251;background:#16212d}.brand{font-size:12px;font-weight:800;letter-spacing:2px}.brand span{color:#68d9bd}h1{font-size:19px;margin:5px 0 0;font-weight:500}h1 span{font-weight:750}button,input{font:inherit}button{border:1px solid #435566;background:#243444;color:#fff;border-radius:7px;padding:9px 12px;cursor:pointer}button:hover{background:#385065}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid #68d9bd}main{display:flex;height:calc(100dvh - 88px)}aside{width:290px;padding:18px;display:flex;flex-direction:column;border-right:1px solid #344251;background:#16212d}h2{font-size:15px;margin:0 0 16px}small{color:#91a4b6;font-weight:400}input{width:100%;padding:12px;border:1px solid #435566;border-radius:7px;background:#111923;color:#fff}#parts{overflow:auto;margin-top:12px;flex:1}.part{display:flex;align-items:center;gap:8px;margin:4px 0}.part input{width:17px;flex-shrink:0}.part button{border:0;background:transparent;text-align:left;overflow-wrap:anywhere;flex:1;font-size:12px;padding:9px 5px}.part.active{background:#28463f;border-radius:6px}#viewport{position:relative;flex:1;min-width:0;background:#edf1f4}canvas{display:block;width:100%;height:100%;touch-action:none}.toolbar{position:absolute;top:15px;left:15px;right:15px;display:flex;gap:8px;flex-wrap:wrap;z-index:2}.selection{position:absolute;bottom:45px;left:15px;right:15px;background:#16212df0;border:1px solid #42515d;border-radius:9px;padding:10px;display:flex;align-items:center;gap:8px}.selection span{flex:1;overflow-wrap:anywhere;font-size:12px}.help{position:absolute;bottom:0;left:15px;right:15px;color:#526170;font-size:11px;text-align:center;pointer-events:none}#status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#16212d;padding:18px;border-radius:9px;z-index:3;max-width:90%;text-align:center}#status[hidden]{display:none}@media(max-width:700px){header{padding:12px;height:80px}main{height:calc(100dvh - 80px);flex-direction:column-reverse}aside{width:100%;height:210px;border:0;padding:12px}h2{margin-bottom:8px}#viewport{min-height:280px}.toolbar button{font-size:11px;padding:8px}.selection{bottom:40px}.help{font-size:10px}header button{font-size:12px}}