*{box-sizing:border-box}html,body{margin:0;min-width:0;height:100%;font:14px/1.45 Arial,sans-serif;color:#243b49;background:#f8fafc}button,a,input{touch-action:manipulation}a{color:#226384;text-decoration:none}a:hover{text-decoration:underline}button{background:white;border:1px solid #bdcbd4;border-radius:7px;padding:9px 13px;color:#204156;font:inherit;cursor:pointer}button:hover{background:#edf4f8}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #397ea1;outline-offset:3px}[hidden]{display:none!important}.viewer{height:100%;display:flex;flex-direction:column;min-height:420px}header{padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;border-bottom:1px solid #e2e8ec}header>div{min-width:0}header a{flex:none;font-size:12px}.eyebrow{font-size:11px;letter-spacing:.12em;color:#708591;margin:0 0 4px}h1{font-size:17px;line-height:1.4;margin:0;font-weight:600;overflow-wrap:anywhere}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:10px 22px;border-bottom:1px solid #e2e8ec;background:white}.toolbar label{display:flex;gap:6px;align-items:center;margin-left:5px;white-space:nowrap;font-size:13px}.workspace{flex:1;min-height:260px;display:flex;overflow:hidden}#stage{position:relative;flex:1;min-width:0;min-height:260px}#stage canvas{display:block;width:100%;height:100%;touch-action:none}#loading{position:absolute;inset:42% 18px auto;text-align:center;color:#607680}#dimension-labels{position:absolute;inset:0;pointer-events:none}#dimension-labels span{position:absolute;transform:translate(-50%,-50%);padding:3px 6px;border:1px solid #c5d6e1;background:#ffffffeb;color:#255d78;border-radius:4px;font-size:11px;white-space:nowrap}aside{width:290px;flex:none;overflow:auto;background:#fff;border-left:1px solid #dce6ec;padding:18px}h2{font-size:16px;margin:0 0 8px}aside>p{font-size:12px;color:#627583}ul{list-style:none;margin:16px 0 0;padding:0}li{border-top:1px solid #e6edf1;padding:11px 0}li a{display:block;overflow-wrap:anywhere}li small{display:block;color:#69818e;font-size:11px}footer{padding:10px 22px;border-top:1px solid #e1e9ee;background:#fff;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#70818b}footer p{margin:0}@media(max-width:650px){header{padding:12px 14px;gap:8px}h1{font-size:14px}header a{font-size:11px;max-width:70px}.toolbar{padding:8px 12px;gap:6px}button{padding:8px;font-size:12px}.toolbar label{font-size:12px}.workspace{overflow:auto;display:block}#stage{height:100%;min-height:270px}.workspace.parts-open #stage{height:340px}aside{width:100%;border-left:0;border-top:1px solid #dce6ec;overflow:visible}footer{padding:8px 14px;display:block;font-size:10px}footer p+p{margin-top:3px}}