:root{font-family:system-ui,sans-serif;color:#e7ebed;background:#171a1d;color-scheme:dark;font-synthesis:none;letter-spacing:0}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}header{height:58px;display:flex;align-items:center;gap:14px;padding:0 18px;border-bottom:1px solid #3c4246;background:#212629}header a{display:grid;place-items:center;color:#e7ebed;width:32px;height:32px}header strong{color:#8ed4dc;font-size:18px}h1{font-size:20px;font-weight:600;margin:0}.active-name{margin-left:auto;font-size:13px;color:#b1b9bf;overflow-wrap:anywhere}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:7px 16px;border-bottom:1px solid #3c4246}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;flex:none;padding:0;border:1px solid #4a5156;border-radius:4px;background:#272d31;color:#e7ebed;position:relative}.icon-button:hover{background:#384348}.icon-button[aria-pressed=true]{border-color:#8ed4dc;background:#294950}.icon-button input[type=file]{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.separator{height:22px;width:1px;margin:0 6px;background:#4a5156}.design-layout{display:grid;grid-template-columns:220px minmax(0,1fr)290px;min-height:calc(100vh - 107px)}.design-layout>*{min-width:0}.tree-pane,.property-pane{padding:16px;background:#202528}.tree-pane{border-right:1px solid #3c4246}.property-pane{border-left:1px solid #3c4246}h2{font-size:15px;line-height:1.4;margin:5px 0 12px;font-weight:600;overflow-wrap:anywhere}.tree-pane h2:not(:first-child){margin-top:26px}select,input:not([type=checkbox],[type=file]){width:100%;min-width:0;border:1px solid #4a5156;border-radius:4px;background:#171b1e;color:#e7ebed;padding:7px 8px}label{display:grid;gap:6px;margin:12px 0;font-size:13px}fieldset{min-width:0;border:0;border-top:1px solid #3c4246;padding:14px 0 0;margin:18px 0 0}legend{font-size:14px;padding:0 8px 0 0}.segmented{display:flex;gap:4px}.coordinates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.actions button,.text-command{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;border:1px solid #4a5156;border-radius:4px;padding:8px;background:#2b353a;color:#e7ebed;min-height:35px}.text-command{margin:10px 0;width:100%}.check{display:flex;align-items:center;gap:8px}.object-summary{display:grid;grid-template-columns:54px minmax(0,1fr);gap:8px;font-size:12px;margin:0 0 14px}.object-summary dt{color:#b1b9bf}.object-summary dd{margin:0;overflow-wrap:anywhere}.design-viewport{height:calc(100vh - 154px);min-height:340px;max-height:900px;width:100%}.design-viewport canvas{display:block;max-width:100%;touch-action:none}.document-status{padding:12px 16px;min-height:46px;font-size:13px;color:#a9cec1;overflow-wrap:anywhere;border-top:1px solid #3c4246}.document-status[data-error=true]{color:#f4aaaa}ul[role=tree]{list-style:none;margin:0;padding:0}li[role=treeitem]{display:flex;align-items:center;gap:8px;min-height:44px;padding:7px;border-left:3px solid transparent;cursor:pointer;font-size:13px}li[role=treeitem][aria-selected=true]{background:#29444b;border-left-color:#8ed4dc}li[role=treeitem] input,li[role=treeitem] svg{flex:none}li[role=treeitem] span{min-width:0;overflow-wrap:anywhere}li[role=treeitem] small{display:block;color:#a4b2b9;font-size:11px;margin-top:3px}li.feature-node{padding-left:20px}@media(max-width:1050px){.design-layout{grid-template-columns:190px minmax(0,1fr)}.property-pane{grid-column:1/-1;border-left:0;border-top:1px solid #3c4246;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.property-pane>h2,.object-summary{grid-column:1/-1}.design-viewport{height:520px;min-height:320px}}@media(max-width:600px){header{gap:8px;padding:0 12px}header strong{font-size:15px}h1{font-size:18px}.active-name{font-size:11px}.toolbar{padding:7px 10px}.separator{margin:0 3px}.design-layout{grid-template-columns:minmax(0,1fr)}.tree-pane{border-right:0;border-bottom:1px solid #3c4246}.property-pane{display:block;grid-column:auto}.design-viewport{height:360px;min-height:300px}.tree-pane h2:not(:first-child){margin-top:16px}}
:root .edge-selection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px;max-height:180px;overflow:auto;margin-top:10px}.edge-selection .check{margin:4px 0;min-height:24px}
:root .toolbar .export-format{width:90px;height:34px;flex:none;padding:4px}
:root .segmented{flex-wrap:wrap}