.drainage-panel{min-width:0;max-width:100%;border-top:1px solid var(--map-border,#ccd4ca);margin-top:12px;padding-top:10px}.drainage-panel[hidden]{display:none}.drainage-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.drainage-settings label{font-size:12px;min-width:0}.drainage-settings input{display:block;width:100%;min-width:0;box-sizing:border-box;padding:8px;border:1px solid var(--map-border,#ccd4ca);border-radius:8px;background:var(--map-glass,#fff);color:var(--map-text,#243326);font:inherit;font-size:16px}.drainage-panel button{margin:8px 0;padding:8px 12px;border-radius:8px;font:inherit}.drainage-stats{display:grid;grid-template-columns:1fr auto;gap:5px 12px;font-size:14px}.drainage-stats dd{margin:0;font-weight:600}.drainage-result svg{width:100%;height:auto;display:block;cursor:crosshair}.drainage-result input[type=range]{width:100%;box-sizing:border-box;accent-color:#19a6bf}.drainage-warning{border-left:3px solid #ef8735;padding-left:8px;font-size:13px}.drainage-chart-key,.drainage-station{font-size:12px}.drainage-result small{display:block;font-size:11px;line-height:1.5;opacity:.8}.drainage-outcome{font-size:14px}.drawing-panel:has(.drainage-panel:not([hidden])){overflow-x:hidden;max-height:calc(100dvh - 190px)}

.drawing-panel:has(.drainage-panel:not([hidden])){width:min(440px,calc(100% - 24px))}

.drainage-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.drainage-compact{display:none;font-size:13px;font-weight:600;margin:8px 0}.drawing-panel.drainage-map-peek{max-height:240px!important}.drainage-map-peek>:not(header):not(.drainage-panel){display:none!important}.drainage-map-peek .drainage-panel>:not(.drainage-compact):not(.drainage-smoothing){display:none!important}.drainage-map-peek .drainage-compact{display:block}.drainage-map-peek .drainage-panel{border:0;margin:0;padding:0}.drawing-panel .drainage-peek{margin-left:auto;margin-right:6px;min-width:40px;font-size:24px;padding:2px}.drainage-map-info{font:14px system-ui;color:#203727;max-width:260px}.drainage-map-info strong{font-size:18px}.drainage-map-info p{margin:5px 0}

.drainage-settings label:has(select){grid-column:1/-1}.drainage-settings select{display:block;width:100%;min-height:42px;font-size:16px}


.drainage-smoothing{margin:10px 0 2px;font-size:13px}.drainage-smoothing label{display:block;font-weight:600}.drawing-panel .drainage-smoothing input[type=range]{display:block;width:100%;min-height:32px;padding:0;border:0;accent-color:#3b7e46}.drainage-smoothing small{display:block;font-size:11px;color:var(--map-muted,#607066)}

.drainage-endpoint-label{transform:translateY(-28px);padding:5px 8px;border:2px solid #fff;border-radius:6px;box-shadow:0 1px 5px #0008;white-space:nowrap;pointer-events:none}.drainage-start-label{background:#08613e}.drainage-outlet-label{background:#a00070}