*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#20333e;background:#f4f6f8;font-size:13px}button,select,input{font:inherit}button,.button{cursor:pointer;border:1px solid #d9e1e7;border-radius:7px;background:#fff;color:#334a59;padding:8px 11px;white-space:nowrap}button:hover,.button:hover{background:#e9f4f2;border-color:#99c9c0}button.active,.primary{background:#117f72;color:#fff;border-color:#117f72}input,select{border:1px solid #d7e0e5;border-radius:6px;background:#fff;padding:8px;color:#304653;max-width:100%}header{height:72px;background:#fff;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid #dce4e9}.brand{display:flex;align-items:center;gap:12px;flex:1}.brand strong{font-size:18px;letter-spacing:-.4px}.brand strong span{font-weight:500}.brand small{display:block;color:#7b8d99;font-size:11px;margin-top:3px}.mark{background:#107f72;color:#fff;font-size:24px;font-weight:700;width:38px;height:38px;display:grid;place-content:center;border-radius:10px}.badge{border:1px solid #dce6e9;border-radius:20px;padding:6px 10px;color:#637d88;font-size:11px}main{height:calc(100vh - 72px);display:flex}aside{width:285px;flex-shrink:0;background:#fff;border-right:1px solid #dce4e9;display:flex;flex-direction:column;min-height:0}.section{padding:20px 17px;border-bottom:1px solid #e6edf0}.section label{display:block;font-size:10px;font-weight:700;letter-spacing:1.3px;color:#80929d;margin-bottom:11px}.section select,.section input{width:100%}.section p{font-size:11px;color:#748691;line-height:1.6;overflow-wrap:anywhere}.tree-head{padding-top:17px;padding-bottom:12px}#count{font-size:10px;color:#85959d;margin-top:10px}#tree{overflow:auto;flex:1;padding:8px 0}.tree-row{border:0;border-radius:0;width:100%;text-align:left;display:block;overflow:hidden;text-overflow:ellipsis;padding-top:7px;padding-bottom:7px;font-size:11px;background:transparent}.tree-row.selected{background:#dcf3ed;color:#076d5f;box-shadow:inset 3px 0 #0b9480}.workspace{display:flex;flex-direction:column;flex:1;min-width:0;background:#f1f4f7}.toolbar{display:flex;gap:5px;padding:10px 12px;align-items:center;border-bottom:1px solid #dce4e9;background:#f9fbfc;flex-wrap:wrap}.toolbar button{font-size:11px;padding:7px 9px}.sep{height:18px;width:1px;background:#d8e0e5;margin:0 3px}.viewport-wrap{position:relative;flex:1;min-height:0}#viewport{width:100%;height:100%;position:absolute;inset:0}canvas{display:block;touch-action:none}#empty{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;width:80%;color:#7f959f}#empty[hidden]{display:none}.empty-icon{font-size:70px;color:#b5c9cb}h1{font-size:22px;font-weight:500;color:#536d79}#empty p{font-size:13px}#status{position:absolute;bottom:15px;left:16px;background:#ffffffdf;border:1px solid #dbe4e7;border-radius:7px;padding:8px 11px;font-size:11px;max-width:70%;overflow-wrap:anywhere}.error{color:#b42c2c!important;background:#fff1ef!important}#selection{position:absolute;top:14px;left:15px;font-size:12px;font-weight:600;color:#177d70;pointer-events:none;max-width:60%;overflow-wrap:anywhere}footer{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 16px;background:#fff;border-top:1px solid #dce4e9;color:#7a8d99;font-size:10px}footer label{display:flex;align-items:center;gap:10px;color:#526d79}input[type=range]{padding:0;width:120px;accent-color:#138776}#measure-panel{position:absolute;right:16px;top:16px;width:300px;background:#ffffffed;border:1px solid #d8e1e6;border-radius:10px;box-shadow:0 8px 30px #20353b15;padding:15px;max-height:calc(100% - 30px);overflow:auto}.panel-title{display:flex;align-items:center;justify-content:space-between;font-weight:600;margin-bottom:12px}.panel-title button{padding:1px 7px;font-size:20px;border:0;background:transparent}#measurement{white-space:pre-wrap;line-height:1.8;font-family:inherit;font-size:11px;color:#536b77}.calibration{border-top:1px solid #e2e9ec;margin-top:13px;padding-top:13px;font-size:11px}.calibration label{display:block;margin-bottom:8px}.calibration>div{display:flex;gap:6px}.calibration input{min-width:0;width:130px}.calibration button{font-size:11px}.workspace:fullscreen{height:100vh}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #119d89;outline-offset:2px}@media(max-width:850px){aside{width:220px}header{padding:0 12px}.badge{display:none}footer>span{max-width:50%;line-height:1.5}}@media(max-width:600px){aside{width:170px}.section{padding:12px}header .brand small{display:none}.brand strong{font-size:14px}.mark{display:none}header{gap:6px}.toolbar{gap:3px}.toolbar button{padding:6px}#measure-panel{width:260px}footer{flex-wrap:wrap}footer>span{max-width:100%}}dialog{border:1px solid #ced7df;border-radius:14px;padding:24px;max-width:460px;color:#233344;box-shadow:0 16px 70px #102a4350}dialog::backdrop{background:#102a4370}dialog h2{margin-top:0}dialog p{line-height:1.6}dialog div{text-align:right}.context-info{display:block;margin-top:12px;padding:7px 9px;background:#f0f4f7;border-radius:6px;overflow-wrap:anywhere;color:#536477;font-size:11px}