*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;font-family:system-ui,sans-serif}button{cursor:pointer;padding:.55rem .8rem}.danger{color:#9b1c1c;border-color:#d8aaaa}input{padding:.55rem}.app{height:100%;display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr)}header{grid-column:1 / 3;display:flex;gap:.6rem;align-items:center;padding:.6rem;background:#172334;color:#fff}header input{flex:1;min-width:120px}.error,.notice{grid-column:1 / 3;padding:.45rem .8rem;background:#f4edc8}.error{background:#fdd}aside{grid-column:1;grid-row:3;overflow:auto;background:#f4f6f8;padding:.75rem;display:flex;flex-direction:column;gap:.75rem;border-right:1px solid #d6dce4}aside a{color:#18365a;text-decoration:none;overflow-wrap:anywhere;padding:.4rem .5rem;border-radius:.3rem}aside a.active,.tree-item.active,.view-list>button.active{background:#dce8fa}.workspace-list{display:flex;flex-direction:column;max-height:9rem;overflow:auto}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading button{padding:.25rem .55rem}.sidebar-tabs{display:flex;border-bottom:1px solid #cad3de}.sidebar-tabs button{flex:1;border:0;background:transparent}.sidebar-tabs button[aria-selected=true]{border-bottom:3px solid #3565ae;font-weight:700}.model-tree,.view-list{display:flex;flex-direction:column;gap:.15rem}.tree-item,.view-list>button{width:100%;text-align:left;border:0;border-radius:.3rem;background:transparent;display:flex;flex-direction:column;gap:.12rem}.tree-item:hover,.view-list>button:hover{background:#e5ecf6}.tree-item small,.view-list small{color:#67778c}.sidebar-hint{color:#657389;font-size:.88rem;line-height:1.4}.inspector,.sidebar-form{display:flex;flex-direction:column;gap:.5rem;padding:.7rem;border:1px solid #d9e0e9;border-radius:.4rem;background:#fff}.inspector label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.inspector input,.inspector textarea,.inspector select,.sidebar-form input,.sidebar-form select{width:100%;min-width:0;padding:.45rem}.inspector textarea{min-height:4rem;resize:vertical}.sidebar-form{margin-top:.5rem}.canvas{grid-column:2;grid-row:3;min-width:0;min-height:0;display:flex;flex-direction:column}.view-bar{display:flex;align-items:center;gap:.55rem;padding:.45rem .7rem;overflow-x:auto;background:#e9eef5;color:#172334}.view-bar label{display:flex;align-items:center;gap:.45rem}.view-bar button{white-space:nowrap}.view-bar .rotate-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2.4rem;height:2.4rem;padding:0}.view-bar select,.view-links select{min-width:0;padding:.4rem}.view-bar span{font-size:.85rem}.view-canvas{flex:1;min-height:0}.view-links{display:flex;flex-direction:column;gap:.45rem;margin-top:1rem}.embedded-editor{grid-template-columns:minmax(0,1fr)}.embedded-editor header,.embedded-editor .error,.embedded-editor .notice,.embedded-editor .canvas{grid-column:1}.embedded-editor header{flex-wrap:wrap}.embed{width:100%;height:100%;min-height:400px;display:flex;flex-direction:column}.message{padding:2rem}.login{max-width:450px;margin:10vh auto;padding:1rem}.login form{display:flex;gap:.5rem}.login input{flex:1}@media(max-width:800px){.app{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr)}header,.error,.notice,.canvas{grid-column:1}header{flex-wrap:wrap}aside{position:absolute;z-index:5;top:5.5rem;bottom:0;width:min(300px,85vw);box-shadow:2px 0 8px #0002}.canvas{grid-row:3}}