.dimension-tools{position:relative;flex:none}.dimension-tools>summary{list-style:none;display:flex;align-items:center;gap:5px;min-height:32px;padding:5px 8px;border:1px solid #a8c1cc;border-radius:4px;background:#f4fbfd;cursor:pointer;font-size:11px;color:#345c6b}.dimension-tools>summary::-webkit-details-marker{display:none}.dimension-menu{position:absolute;right:0;top:calc(100% + 5px);z-index:25;width:235px;padding:9px;border:1px solid #a4bdc9;border-radius:5px;background:#f5fafc;box-shadow:0 8px 22px #10273233;display:grid;gap:5px}.dimension-menu strong{font-size:11px;padding:5px}.dimension-menu button{text-align:left;width:100%;min-height:36px!important;font-size:12px!important;justify-content:flex-start}.dimension-menu p{font-size:11px;line-height:1.5;color:#536f7d;margin:4px}.dimension-menu label{display:flex;align-items:center;gap:7px;padding:7px 3px!important;font-size:11px!important}.dimension-tools:not([open]) .dimension-menu{display:none}.dimension-progress{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 9px;color:#466776;background:#edf6fa;font-size:11px;border-top:1px solid #c6dbe4}.dimension-progress[hidden]{display:none}.dimension-progress button{flex:none;font-size:11px;min-height:30px}.annotation-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:5}.annotation-overlay[hidden]{display:none}.annotation-overlay>svg,.annotation-labels{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.annotation-overlay path{fill:none;stroke:#e4e9ed;stroke-width:1;vector-effect:non-scaling-stroke;stroke-linecap:round}.annotation-overlay path[data-kind=extension]{opacity:.72;stroke-width:.8}.annotation-overlay path[data-kind=arrow]{fill:#e4e9ed;stroke:none}.annotation-overlay path[data-active=true],.annotation-overlay path[data-draft=true]{stroke:#91d9e3}.annotation-overlay path[data-kind=arrow][data-active=true],.annotation-overlay path[data-kind=arrow][data-draft=true]{fill:#91d9e3;stroke:none}.annotation-label{position:absolute;transform:translate(-50%,-50%) rotate(var(--dimension-angle,0deg));min-height:26px;padding:1px 3px;border:1px solid transparent;background:transparent;text-shadow:0 1px 2px #08131a;color:#f0f4f6;font-size:12px;font-weight:500;line-height:22px;border-radius:1px;box-shadow:none;pointer-events:auto;font-variant-numeric:tabular-nums;white-space:nowrap}.annotation-label:hover:not(:disabled),.annotation-label:focus-visible,.annotation-label[data-active=true]{border-color:#a9dae1;outline:1px solid #8bc3d055;color:#bbf0f5;background:#16323c}.annotation-label[data-draft=true]{color:#aee4ec;pointer-events:none;opacity:1}.dimension-dialog{width:440px}.dimension-entry{display:grid;gap:7px;padding:12px 0;border-bottom:1px solid #c3d6df}.dimension-entry strong{font-size:14px}.dimension-entry small{font-size:11px;color:#627d8a;line-height:1.5}.dimension-entry>div{display:flex;gap:7px}.dimension-entry button{font-size:12px;min-height:36px}.dimension-note{font-size:11px!important;color:#607a89}body[data-cad-tool^=dimension-] #cad-precise{display:none}body[data-cad-tool^=dimension-] #tube-canvas{cursor:crosshair}@media(max-width:760px){.dimension-tools>summary{min-height:38px;padding:4px 7px;font-size:11px}.dimension-menu{width:220px;max-width:calc(100vw - 24px)}.dimension-menu button{min-height:44px!important;font-size:14px!important}.dimension-progress{font-size:11px;padding:4px 7px}.dimension-progress button{min-height:38px}.annotation-label{min-height:32px;font-size:12px;background:transparent}.dimension-entry button{min-height:44px}}

body[data-cad-tool^=dimension-] #cad-instructions{display:none}