.section-inset{position:absolute;left:12px;bottom:12px;width:360px;height:420px;min-width:min(280px,calc(100% - 16px));min-height:280px;max-width:calc(100% - 16px);max-height:calc(100% - 16px);z-index:25;background:#101d29;border:1px solid #527384;border-radius:10px;box-shadow:0 12px 35px #0008;resize:both;overflow:hidden;display:flex;flex-direction:column;color:#d9e8ef;font:12px system-ui;text-align:left}.section-inset[hidden]{display:none}.section-inset-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px;background:#1a3040;cursor:move;touch-action:none}.section-inset button{padding:4px 8px;margin:0;min-height:26px;font-size:12px}.section-inset-tools{display:flex;align-items:end;gap:5px;padding:7px;flex-wrap:wrap}.section-inset-tools label{margin:0;flex:1;min-width:140px;display:flex;flex-direction:column;gap:3px;font-size:11px}.section-inset-tools select{margin:0;padding:4px;font-size:12px;width:100%}.section-inset-canvas{position:relative;flex:1;min-height:80px;overflow:hidden}.section-inset canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.section-inset-legend{display:flex;gap:12px;flex-wrap:wrap;padding:6px 9px;font-size:11px}.section-inset-status,.section-inset-help{margin:0;padding:4px 9px;font-size:11px;line-height:1.4}.section-inset-help{color:#a3bdca;padding-bottom:9px}.section-inset-measures{margin:0;padding:0 10px 0 29px;max-height:68px;overflow:auto;font-size:12px}.section-inset-measures:empty{display:none}.section-inset-measures li{padding:2px 0;overflow-wrap:anywhere}.section-inset-measures button{float:right;min-height:18px;padding:0 5px}
.section-inset{left:auto;right:12px;bottom:52px;width:410px;height:620px;z-index:40;max-height:calc(100% - 100px)}
.section-inset input,.section-inset select{color:#e1f1f2;background:#203a46;border:1px solid #527384;border-radius:4px}
.section-inset button{background:#294953;color:white;border:1px solid #527384}.section-inset button.primary{background:#21796f}
.section-settings{padding:8px 10px;flex-shrink:0}.section-settings p{font-size:11px;line-height:1.35;margin:5px 0;color:#c0d4dc}.section-settings label{font-size:11px;display:block;margin:3px 0}.section-settings input[type=range]{display:block;width:100%;margin:4px 0}.section-settings input[type=number]{width:85px;padding:3px;display:block}.section-settings input[type=checkbox]{accent-color:#4eb8b1;margin:0 5px 0 0}.section-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-settings output{float:right}.section-settings [hidden]{display:none}.section-inset-title button{font-size:18px}.section-inset-canvas{min-height:100px}
@media(max-width:650px){.section-inset{width:calc(100% - 20px);right:10px;bottom:45px;max-height:calc(100% - 60px)}.section-settings p{display:none}}
/* Keep the drawing and the measurement canvas usable on laptop screens. */
.section-inset{max-height:calc(100% - 24px);bottom:12px;height:570px;min-height:360px}
.section-settings{padding:6px 10px}.section-settings .section-intro{display:none}
.section-settings #sectionReport{display:none}.section-settings>label{margin-top:5px}
.section-settings label{color:#d9e8ef!important}.section-settings .section-row{margin-top:3px}
.section-settings .section-row label:has(input[type=number]){display:flex;align-items:center;gap:8px}
.section-inset-canvas{min-height:95px}.section-inset-help{padding-bottom:5px}
.section-inset-tools{padding:5px 8px}.section-inset-title{padding:6px 10px}
.section-inset-tools label,.section-inset-status{color:#d9e8ef!important}.section-inset button:disabled{opacity:.45}.section-inset button:focus-visible,.section-inset input:focus-visible,.section-inset select:focus-visible{outline:2px solid #5ee3cd;outline-offset:2px}
.section-follow{justify-content:flex-start}.section-follow label{flex:1}.section-follow button{min-width:34px;font-size:17px}.section-settings .section-border-hint{font-size:10px;color:#bcd7dc;margin:2px 0}.section-inset{min-height:410px}.section-inset-canvas{min-height:60px}