*{box-sizing:border-box;margin:0;padding:0}html,body{color:#e6e6e6;background:#0e1116;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}body{flex-direction:column;display:flex}.topbar{background:#161b22;border-bottom:1px solid #30363d;flex-shrink:0;align-items:center;gap:16px;padding:10px 16px;display:flex}.brand{color:#58a6ff;margin-right:16px;font-size:14px;font-weight:600}.toolbar{gap:6px;display:flex}.btn{color:#e6e6e6;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:6px;align-items:center;padding:6px 12px;font-family:inherit;font-size:13px;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:#30363d;border-color:#58a6ff}.btn.active{color:#fff;background:#1f6feb;border-color:#1f6feb}.btn.primary{color:#fff;background:#238636;border-color:#2ea043}.btn.primary:hover{background:#2ea043}.status{color:#8b949e;white-space:nowrap;text-overflow:ellipsis;max-width:40vw;margin-left:auto;font-size:12px;overflow:hidden}main{flex:1;min-height:0;display:flex}.sidebar{background:#161b22;border-right:1px solid #30363d;flex-shrink:0;width:280px;padding:14px;overflow-y:auto}.sidebar h3{text-transform:uppercase;letter-spacing:.06em;color:#8b949e;margin-bottom:10px;font-size:12px}.measurement-list .hint{color:#8b949e;font-size:12px;line-height:1.5}.measurement-item{background:#21262d;border:1px solid #30363d;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;padding:8px 10px;font-size:12px;display:flex}.measurement-item .label{color:#e6e6e6;font-weight:500}.measurement-item .value{color:#58a6ff;font-variant-numeric:tabular-nums}.measurement-item .del{color:#8b949e;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:2px 6px;font-size:12px}.measurement-item .del:hover{color:#ff7b72;border-color:#ff7b72}#viewer-container{background:#0e1116;flex:1;min-width:0;position:relative}#viewer-container canvas{display:block}.loading{z-index:100;background:#0e1116d9;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.loading.hidden{display:none}.spinner{border:3px solid #30363d;border-top-color:#58a6ff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#loading-text{color:#8b949e;font-size:13px}