:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202e29;background:#f6f8f7;font-synthesis:none;--green:#193e35;--bright:#4ca948;--muted:#6b7972;--line:#dfe5e1;--pale:#edf4ef;--shadow:0 8px 30px #1b392b0d}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;color:inherit;background:transparent}button:disabled{opacity:.38;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #74af8a;outline-offset:3px}button:not(:disabled):hover{filter:brightness(.96)}button svg,i svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}i{display:inline-flex;font-style:normal;flex-shrink:0}[hidden]{display:none!important}a{color:var(--green)}.topbar{height:88px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:20px}.brand{display:flex;align-items:center;gap:24px;text-decoration:none;color:#263a30}.brand img{width:198px;height:auto;display:block}.brand-divider{height:32px;width:1px;background:var(--line)}.app-name{font-weight:650;font-size:23px;letter-spacing:-.8px}.app-name>span{display:block;font-size:10px;letter-spacing:1.4px;color:var(--muted);margin-top:3px}.header-actions{display:flex;gap:24px;align-items:center}.local-label{font-size:14px;color:var(--muted);display:flex;gap:8px;align-items:center}.local-label svg{width:18px;height:18px}.icon-button{height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#f3f6f4}.welcome{min-height:calc(100dvh - 88px);display:flex;flex-direction:column;align-items:center;padding:48px 20px 20px}.welcome-inner{max-width:560px;width:100%;text-align:center}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:650;color:var(--muted)}h1{font-size:clamp(36px,4.4vw,56px);font-weight:600;line-height:1.12;letter-spacing:-2.2px;margin:19px 0}h1 span{color:#32764c}.intro{color:var(--muted);font-size:17px;line-height:1.6;margin:0 0 29px}.upload-card{background:white;border:1.5px dashed #adc2b4;border-radius:20px;width:100%;padding:25px;display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow)}.upload-icon{display:flex;background:var(--pale);border-radius:15px;padding:13px;color:var(--green);margin-bottom:12px}.upload-icon svg{width:27px;height:27px}.upload-card strong{font-size:21px;font-weight:600}.upload-card>span:not(.upload-icon):not(.upload-cta){color:var(--muted);font-size:14px;margin-top:7px}.upload-cta{display:flex;align-items:center;gap:28px;background:var(--green);color:white;font-weight:550;padding:13px 21px;border-radius:10px;margin-top:21px}.drop-hint{font-size:13px;color:#7b8780;margin-top:13px}.steps{display:flex;justify-content:space-between;margin:30px 0;gap:20px;text-align:left}.steps>div{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.5}.steps b{display:flex;width:30px;height:30px;background:#e7eeea;border-radius:50%;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.privacy{font-size:13px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:10px;line-height:1.5}.privacy svg{width:19px}.welcome-footer{text-align:center;margin-top:auto;padding-top:38px;font-size:12px;color:#758078;line-height:1.8}.welcome-footer a{font-weight:550;text-underline-offset:3px}.welcome-footer button{display:block;margin:auto;font-size:12px;text-decoration:underline;text-underline-offset:3px;color:#758078;min-height:36px}.workspace{height:calc(100dvh - 88px);display:flex;flex-direction:column}.document-bar{display:flex;align-items:center;gap:16px;padding:9px 22px;border-bottom:1px solid var(--line);background:white;min-height:58px}.file-button{display:flex;gap:10px;align-items:center;max-width:55%;font-size:14px;height:40px}.file-button>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-button>i:last-child svg{width:14px}.page-controls{display:flex;align-items:center;font-size:13px;gap:4px;margin-left:auto;white-space:nowrap}.page-controls button{width:38px;height:38px;display:flex;align-items:center;justify-content:center}.page-controls svg{width:17px}.scale-chip{display:flex;align-items:center;gap:8px;padding:10px 13px;font-size:13px;border-radius:8px;background:#eef4f0;color:var(--green);white-space:nowrap}.scale-chip svg{width:18px;height:18px}.drawing-layout{flex:1;min-height:0;display:flex}.stage{flex:1;position:relative;min-width:0;overflow:hidden;background-color:#e8eeeb;background-image:radial-gradient(#b8c7bf 1px,transparent 1px);background-size:20px 20px;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;cursor:crosshair}.stage canvas{width:100%;height:100%;display:block;touch-action:none}.stage-message{position:absolute;top:18px;left:50%;transform:translateX(-50%);background:#fffef8f5;border:1px solid #d7dfd8;border-radius:10px;padding:10px 16px;text-align:center;max-width:calc(100% - 28px);width:max-content;box-shadow:var(--shadow);font-size:14px;pointer-events:none}.view-controls{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:white;box-shadow:var(--shadow)}.view-controls button{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.view-controls svg{width:19px}.view-separator{height:20px;width:1px;background:var(--line);margin:0 3px}.gesture-hint{position:absolute;bottom:29px;right:20px;display:flex;align-items:center;gap:6px;font-size:12px;color:#66776b;pointer-events:none}.gesture-hint svg{width:16px;height:16px}.measure-panel{width:320px;flex-shrink:0;background:white;border-left:1px solid var(--line);padding:25px 24px;overflow:auto;display:flex;flex-direction:column}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:27px}.panel-top .eyebrow{font-size:10px;letter-spacing:1.5px}.status-pill{font-size:11px;padding:5px 9px;background:#f0f4f1;border-radius:20px;color:#57715f;white-space:nowrap}.name-label{font-size:13px;color:var(--muted);margin-bottom:7px}input{border:1px solid #dce4df;border-radius:9px;padding:12px;width:100%;min-width:0;background:white;color:#213d2c;font-size:16px}.area-result{display:flex;align-items:baseline;gap:10px;margin-top:23px}.area-result #areaValue{font-size:45px;font-weight:550;letter-spacing:-2px;font-variant-numeric:tabular-nums}.unit{font-size:20px;color:var(--muted)}.area-note{font-size:12px;color:var(--muted);line-height:1.5;margin:4px 0 26px;min-height:36px}.tool-label{font-size:10px;letter-spacing:1.5px;color:var(--muted);font-weight:650;margin-bottom:10px}.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.tool{padding:10px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:9px;min-height:70px;font-size:12px}.tool svg{width:23px}.tool.active{background:var(--pale);color:#1a6e3b;border-color:#9bc5a9}.secondary-actions{display:flex;justify-content:space-between;margin:13px 0 20px}.secondary-actions button{font-size:13px;display:flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 8px}.secondary-actions svg{width:17px}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;min-height:48px;width:100%;padding:12px 18px;font-size:15px;font-weight:550;text-decoration:none;text-align:center}.primary-button{background:var(--green);color:white}.secondary-button{background:#edf3ef;border:1px solid #dce5de;color:var(--green)}.text-button{color:var(--green);font-size:13px;min-height:44px;width:100%;text-decoration:underline;text-underline-offset:3px}.panel-help{font-size:13px;color:var(--muted);line-height:1.6;margin-top:17px}.panel-footer{margin-top:auto;padding-top:28px;display:flex;gap:9px;font-size:11px;color:#79857d;line-height:1.7}.panel-footer svg{width:15px;height:15px;margin-top:2px}.panel-footer button{font-size:11px;padding:0;text-align:left;text-decoration:underline;text-underline-offset:2px}.loading{position:absolute;inset:0;background:#edf2efef;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;font-size:15px;z-index:5}.spinner{width:30px;height:30px;border:3px solid #cbdbd0;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{border:1px solid var(--line);border-radius:20px;padding:26px;max-width:520px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;color:#283b30;box-shadow:0 25px 100px #152c3840}dialog::backdrop{background:#12261d66;backdrop-filter:blur(3px)}.dialog-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:15px}.dialog-heading h2{font-size:23px;letter-spacing:-.7px;margin:0}dialog p,dialog li{font-size:14px;line-height:1.65;color:#617268}dialog label{display:block;font-size:14px;margin:18px 0 8px}.distance-field{display:flex;align-items:center;gap:12px;margin-bottom:10px}.distance-field input{font-size:23px}.help-steps{padding-left:22px}.help-steps li{padding-left:4px;margin:13px 0}.help-steps strong{color:var(--green)}.about-box{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.about-box .small{font-size:12px}.error-text{color:#a33131!important;min-height:0}.confirm-actions{display:flex;gap:10px;margin-top:24px}#exportPreview{width:100%;border:1px solid var(--line);border-radius:6px;max-height:45dvh;object-fit:contain;background:#f6f8f7}.download-link{margin-top:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#213c30;color:white;box-shadow:var(--shadow);padding:14px 20px;border-radius:10px;z-index:50;font-size:14px;max-width:calc(100% - 32px);width:max-content}.dragover .upload-card{border-color:#2d8f4c;background:#eff8f1}.busy .upload-card{pointer-events:none;opacity:.6}
@media(min-width:1500px){.measure-panel{width:360px;padding:30px}.welcome{padding-top:65px}}
@media(max-width:760px){.topbar{height:66px;padding:0 15px;gap:8px}.brand{gap:13px}.brand img{width:133px}.brand-divider{height:26px}.app-name{font-size:19px}.app-name>span{font-size:8px;letter-spacing:.8px}.header-actions{gap:0}.local-label{display:none}.icon-button{min-width:40px;height:40px}.welcome{min-height:calc(100dvh - 66px);padding:33px 22px 15px}.eyebrow{font-size:10px;letter-spacing:1.5px}h1{font-size:41px;letter-spacing:-1.8px;margin:17px 0}.intro{font-size:15px;line-height:1.6;margin-bottom:25px}.desktop-break{display:none}.upload-card{padding:23px 15px;border-radius:16px}.upload-card strong{font-size:20px}.upload-card>span:not(.upload-icon):not(.upload-cta){font-size:13px}.upload-cta{margin-top:19px;min-width:160px;justify-content:space-between}.drop-hint{display:none}.steps{gap:8px;margin:27px 0}.steps>div{font-size:12px;gap:7px}.steps b{width:25px;height:25px;font-size:12px}.privacy{font-size:12px}.welcome-footer{font-size:11px;padding-top:27px}.welcome-footer button{font-size:11px}.workspace{height:calc(100dvh - 66px)}.document-bar{padding:5px 10px;gap:5px;min-height:50px}.file-button{font-size:12px;gap:5px;max-width:44%;padding:0 2px}.file-button svg{width:17px}.file-button>i:last-child{display:none}.page-controls{gap:0;font-size:11px}.page-controls button{width:28px;height:36px}.scale-chip{padding:9px 8px;gap:5px;font-size:11px}.scale-chip svg{width:15px}.drawing-layout{flex-direction:column}.stage{min-height:160px}.stage-message{top:10px;font-size:12px;padding:8px 11px;max-width:calc(100% - 16px)}.view-controls{bottom:12px;left:12px;border-radius:9px}.view-controls button{width:38px;height:38px}.view-controls svg{width:17px}.gesture-hint{bottom:23px;right:13px;font-size:10px;max-width:100px}.gesture-hint i{display:none}.measure-panel{width:100%;border-left:0;border-top:1px solid var(--line);padding:12px 15px max(12px,env(safe-area-inset-bottom));overflow:visible;display:grid;grid-template-columns:1fr auto;gap:0 12px}.panel-top,.name-label,.tool-label,.panel-help,.panel-footer{display:none}#areaName{grid-column:1;grid-row:1;font-size:15px;padding:3px 0;border:0;border-bottom:1px solid #e3e9e5;border-radius:0;height:30px;max-width:200px}.area-result{grid-column:2;grid-row:1 / span 2;margin:0;gap:6px;align-items:center;justify-content:flex-end}.area-result #areaValue{font-size:32px;letter-spacing:-1px}.unit{font-size:16px}.area-note{grid-column:1;grid-row:2;font-size:10px;margin:4px 0 9px;min-height:14px}.tools{grid-row:3;grid-column:1 / -1;display:flex;gap:7px;margin-top:3px;padding-right:52px}.tool{flex:1;flex-direction:row;min-height:44px;gap:6px;padding:8px 3px;font-size:12px}.tool svg{width:18px;height:18px}.secondary-actions{grid-row:3;grid-column:2;justify-self:end;align-self:center;margin:0;z-index:1;width:44px}.secondary-actions button{padding:0;width:44px;height:44px;font-size:0}.secondary-actions svg{width:20px;height:20px}.secondary-actions #clearBtn{display:none}#finishBtn,#saveBtn,#reviewScaleBtn{grid-column:1 / -1;grid-row:4;margin-top:10px;min-height:44px;font-size:14px}#resumeBtn{grid-row:5;grid-column:1 / -1;min-height:30px;font-size:12px}.toast{bottom:16px}dialog{padding:22px}.dialog-heading h2{font-size:21px}}
@media(max-width:370px){.brand img{width:115px}.brand{gap:9px}.app-name{font-size:18px}.welcome{padding:26px 17px 12px}h1{font-size:37px}.tool{font-size:11px;gap:4px}.tools{gap:4px}.tool svg{width:16px}.area-result #areaValue{font-size:28px}}
@media(max-height:550px) and (max-width:960px){.topbar{height:54px}.workspace{height:calc(100dvh - 54px)}.drawing-layout{flex-direction:row}.measure-panel{width:255px;display:flex;padding:12px;overflow:auto}.area-result{margin-top:7px}.area-note{margin-bottom:8px}.tools{padding:0;display:grid}.tool{flex-direction:column;font-size:11px}.secondary-actions{display:flex;width:auto;margin:5px 0}.secondary-actions #clearBtn{display:flex}.secondary-actions button{font-size:12px;width:auto}.panel-top,.panel-help,.panel-footer,.tool-label,.name-label{display:none}.gesture-hint{display:none}.stage{min-height:0}#finishBtn,#saveBtn,#reviewScaleBtn{margin-top:0}}
@media(prefers-reduced-motion:reduce){.spinner{animation:none}}

@media(max-width:760px) and (min-height:551px){.tools{padding-right:0}.secondary-actions{grid-row:4;grid-column:1;justify-self:start;width:auto;gap:10px;margin-top:10px}.secondary-actions button{font-size:12px;width:auto;gap:5px;padding:0 3px}.secondary-actions #clearBtn{display:flex}#finishBtn,#saveBtn,#reviewScaleBtn{grid-column:2;font-size:13px;padding:10px 13px}.area-result #areaValue{font-size:30px}.tools .tool{font-size:13px}}

#autoPreview{width:100%;max-height:240px;object-fit:contain;border:1px solid var(--line);background:white;border-radius:8px}#snapBtn[aria-pressed="true"]{background:#d7eddf;color:#176634;border-radius:9px 0 0 9px}#autoScaleBtn{font-weight:600}#autoError{min-height:15px}@media(max-width:760px){.file-button{max-width:27%}.document-bar{gap:3px}.scale-chip{font-size:11px;padding:9px 6px}.gesture-hint{max-width:90px}.view-controls button{width:34px}}