:root{font:14px system-ui,sans-serif;color:#322834;background:#fcfafc;color-scheme:light}*{box-sizing:border-box}body{margin:0;padding:18px}header{display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{font-size:20px;font-weight:800}.brand span{color:#b84970}h1{font-size:17px;margin:10px 0 5px}p{color:#68566a;line-height:1.5}button,select,textarea{font:inherit;border:1px solid #ddcfdd;background:white;color:inherit;border-radius:8px;padding:9px 12px}button{cursor:pointer}button:hover{background:#faeaf1}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b84970;outline-offset:2px}.primary{background:#8d3f6f;color:white}.toolbar,.downloads{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.viewport{height:400px;overflow:auto;border:1px solid #e6dbe5;border-radius:12px;background:white;touch-action:none}.diagram{min-width:100%;padding:16px}.diagram svg{display:block;max-width:none;margin:auto}[data-selected="true"]{filter:drop-shadow(0 0 2px #b84970)}#editor{padding:12px;background:#f8f0f5;border-radius:10px;margin-top:12px}textarea{display:block;width:100%;height:90px;margin:8px 0}#incoming{background:#fff5d8;padding:12px;border-radius:10px}#status{min-height:22px;font-size:13px}#warnings{padding-left:20px;color:#844320}#summary,#stats{font-size:12px}details{margin:12px 0}summary{cursor:pointer}@media(max-width:500px){body{padding:10px}header{align-items:flex-start}.viewport{height:320px}}