@font-face{font-family:Mapper;src:local('Manrope'),local('Aptos'),local('Segoe UI')}*{box-sizing:border-box}body{margin:0;color:#183748;background:#eef3f4;font-family:Mapper,system-ui,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}a{color:#166b89;text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid #219fcc;outline-offset:3px}button{min-height:42px;padding:10px 15px;border:1px solid #c5d5da;border-radius:8px;background:#fff;color:#163d51;font-weight:600}button:hover:not(:disabled){background:#e2f0f4;border-color:#79aabb}button:disabled{opacity:.45;cursor:not-allowed}.header{display:flex;align-items:center;gap:32px;min-height:86px;padding:14px 30px;border-bottom:1px solid #d4e0e4;background:#fff}.brand{display:flex;gap:11px;align-items:center;color:#163749;font-size:14px;font-weight:800;letter-spacing:.12em}.brand small{display:block;font-size:9px;letter-spacing:.14em;margin-top:3px}.mark{object-fit:contain;padding:4px;background:#e2f1f7;color:#197797;border:1px solid #b4dae9;display:grid;place-items:center;width:42px;height:42px;border-radius:9px;font-size:29px;font-weight:900}.identity{border-left:1px solid #d7e1e5;padding-left:30px}.identity h1{font-size:22px;margin:0 0 3px;letter-spacing:-.6px}.identity>span{font-size:9px;letter-spacing:.16em;color:#68828d}.header nav{margin-left:auto;display:flex;gap:25px;font-size:12px;font-weight:600}main{display:grid;grid-template-columns:300px minmax(0,1fr);max-width:1900px;margin:auto}.sidebar{background:#fff;padding:28px 25px 32px;border-right:1px solid #d7e1e5}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:750;color:#65818c;margin:0 0 13px}.sidebar h2{font-size:25px;line-height:1.2;letter-spacing:-.8px;margin:0 0 12px}.intro{color:#687f89;line-height:1.65;font-size:12px;margin-bottom:22px}label{display:block;font-size:11px;font-weight:700;margin:15px 0 7px;color:#3c5967}select,input[type=number],#pointName{width:100%;min-height:41px;border:1px solid #cedce1;border-radius:7px;background:#f8fafb;padding:9px 10px;color:#284955}input[type=range]{width:100%;accent-color:#247e98}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary{background:#173f53;border-color:#173f53;color:#fff}.primary:hover:not(:disabled){background:#225e75;color:#fff}form .primary{width:100%;margin-top:18px;display:flex;justify-content:space-between}#cancel{width:100%;margin-top:7px}.divider{height:1px;background:#e3eaed;margin:25px 0}.range-label{display:flex;justify-content:space-between}.range-label output{color:#18738c}.hint{font-size:10px;line-height:1.6;color:#6f838c;margin:7px 0 11px}.contour-row{display:flex;align-items:center;gap:15px;margin-top:16px}.contour-row label{margin:0;display:flex;align-items:center;gap:8px;flex:1;white-space:nowrap}.contour-row input{accent-color:#247e98}.contour-row select{width:90px}.stage{padding:24px 28px 20px;min-width:0}.stage-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:10px;letter-spacing:.12em;font-weight:700}.stage-top>div{display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;border-radius:50%;background:#4a9c87}.tag{font-size:9px;border:1px solid #c4d6db;border-radius:20px;padding:6px 10px;color:#67828d;letter-spacing:.08em}.canvas-wrap{position:relative;height:clamp(340px,53vh,650px);min-height:340px;border:1px solid #ccdade;border-radius:11px;overflow:hidden;background:#dce9e9;box-shadow:0 8px 26px #24485708}canvas{display:block;width:100%;height:100%;touch-action:none}.empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;color:#5f7e86}.empty[hidden]{display:none}.empty>span{font-size:45px;opacity:.3}.empty h2{font-size:22px;margin-bottom:0}.empty p{font-size:12px;text-align:center}.compass{position:absolute;top:20px;right:25px;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#66868e}.compass span{font-size:24px;display:block;transform-origin:50% 50%}.view-tools{display:flex;gap:5px;position:absolute;bottom:39px;left:50%;transform:translateX(-50%);white-space:nowrap}.view-tools button{min-height:34px;padding:6px 11px;background:#f5faf9e8;border-color:#bacdce;font-size:11px}.canvas-caption{position:absolute;bottom:15px;width:100%;text-align:center;font-size:8px;font-weight:700;letter-spacing:.12em;color:#719095}.canvas-caption span{padding:0 8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 3px 17px;border-bottom:1px solid #d4e0e4;gap:12px}.metrics span{display:block;font-size:8px;letter-spacing:.1em;color:#6f8792;margin-bottom:7px}.metrics strong{font-size:17px;letter-spacing:-.5px}.status-row{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#5d7886;padding:11px 0;min-height:37px}#renderTime{white-space:nowrap}.export-bar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:21px 0 16px}.export-bar h2{font-size:18px;letter-spacing:-.5px;margin:0}.export-bar .eyebrow{margin-bottom:6px;font-size:9px}.export-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.export-actions button{font-size:11px;padding:10px 12px}.notes{border-top:1px solid #d4e0e4;padding-top:8px;color:#6a828e;font-size:10px;line-height:1.65}.notes p{margin:6px 0}.notes a{display:inline-block;margin-right:12px}.error{color:#a33d2e!important}[hidden]{display:none!important}@media(min-width:1600px){.sidebar{padding:32px}main{grid-template-columns:340px minmax(0,1fr)}}@media(max-width:1000px){.stage{padding:22px 18px}.export-bar{align-items:flex-start;flex-direction:column}.export-actions{justify-content:flex-start}.header{gap:20px;padding:14px 22px}.identity{padding-left:20px}.header nav{gap:15px}.metrics strong{font-size:15px}}@media(max-width:720px){.header{flex-wrap:wrap;gap:12px;padding:13px 17px}.brand{font-size:11px;gap:8px}.brand small{font-size:8px}.mark{width:35px;height:35px;font-size:25px}.identity{padding-left:15px}.identity h1{font-size:20px}.identity>span{font-size:8px}.header nav{width:100%;border-top:1px solid #edf2f4;padding-top:10px;justify-content:space-between}main{display:flex;flex-direction:column}.sidebar{border-right:0;padding:22px 20px;display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.sidebar>.eyebrow,.sidebar>h2,.sidebar>.intro,.sidebar>form,.sidebar>.divider,.sidebar>.hint,.sidebar>.contour-row{grid-column:1/-1}.sidebar>.range-label{grid-column:1;margin-top:16px}.sidebar>input[type=range]{grid-column:2;align-self:end}.sidebar>label[for=surface],.sidebar>label[for=detail]{grid-column:1;align-self:center}.sidebar>select{grid-column:2;margin-top:10px}.sidebar h2{font-size:24px}.sidebar h2 br{display:none}.intro{margin:0 0 10px}form .pair{gap:14px}form label{margin-top:12px}.divider{margin:20px 0}.stage{padding:17px 14px}.canvas-wrap{height:360px;min-height:300px}.stage-top{font-size:9px;letter-spacing:.05em}.tag{font-size:8px}.metrics{grid-template-columns:1fr 1fr;row-gap:17px}.metrics strong{font-size:17px}.export-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.export-actions button{font-size:11px}.canvas-caption{font-size:7px}.status-row{flex-direction:column;gap:5px}#renderTime{display:none}}

.print-bar{padding:22px 27px;border-top:1px solid #d7e1e5;background:#f8fbfa;display:flex;gap:24px;align-items:center;justify-content:space-between}.print-bar h2{font-size:21px;margin:0}.print-bar .hint{max-width:480px}.print-controls{display:grid;grid-template-columns:95px 95px 95px;gap:10px;min-width:300px}.print-controls label{margin-top:0}.print-controls button{grid-column:1/-1;margin:0}@media(max-width:1100px){.print-bar{align-items:stretch;flex-direction:column}.print-controls{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.annotation-bar{padding:24px 28px;border-top:1px solid #d7e1e5;background:#fff}.annotation-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.annotation-heading h2{font-size:21px;margin:0}.annotation-heading>span{font-size:12px;color:#55717e}.annotation-bar .hint{max-width:800px}.annotation-bar form{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}.annotation-bar label{margin-top:8px}.point-actions{display:flex;gap:8px;flex-wrap:wrap;grid-column:1/-1}.route-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.route-tools label{display:flex;align-items:center;gap:8px}.route-tools input{width:18px;height:18px}.annotation-bar ol{list-style:none;padding:0;margin:12px 0 0}.annotation-bar li{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e4ecef;padding:12px 0}.annotation-bar li span{overflow-wrap:anywhere}.annotation-bar li div{display:flex;gap:6px;flex-shrink:0}.annotation-bar li button{padding:6px 10px;font-size:12px}.annotation-bar .error{color:#a42f2f}.picking{cursor:crosshair!important}@media(max-width:720px){.annotation-bar{padding:22px 18px}.annotation-bar form{grid-template-columns:1fr 1fr}.annotation-bar form>div:first-child{grid-column:1/-1}.annotation-bar li{align-items:stretch;flex-direction:column}.annotation-bar li div{flex-wrap:wrap}.route-tools{align-items:flex-start;flex-direction:column}.route-tools label{margin:0}}