:root{--page:#f3f8fa;--surface:#fff;--surface-muted:#edf7f8;--border:#d3e4e8;--text:#111719;--muted:#52646a;--buildwise-blue:#0088b8;--buildwise-blue-dark:#006f97;--buildwise-teal:#30b8b0;--buildwise-teal-dark:#208f89;--marker:#d72863;--amber:#b45309;--danger:#b42318;--shadow:0 16px 34px #0042581a}*{box-sizing:border-box}.app-shell{background:linear-gradient(180deg,#0088b81f,#30b8b00a 240px,#f3f8fa00 420px),#f3f8fa;background:linear-gradient(180deg,#0088b81f,#30b8b00a 240px,#f3f8fa00 420px),var(--page);color:#111719;color:var(--text);min-height:100vh;padding:28px}.app-header,.results-panel,.source-footer,.workspace{margin:0 auto;width:min(1440px,100%)}.app-header{gap:18px;justify-content:space-between;margin-bottom:22px}.app-header,.brand-lockup{align-items:center;display:flex}.brand-lockup{gap:16px;min-width:0}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.language-switch{background:#ffffffbd;border:1px solid #d3e4e8;border:1px solid var(--border);border-radius:8px;display:inline-grid;grid-template-columns:repeat(2,42px);min-height:38px;overflow:hidden}.language-option{background:#0000;border:0;border-right:1px solid #d3e4e8;border-right:1px solid var(--border);color:#52646a;color:var(--muted);cursor:pointer;font:inherit;font-size:.84rem;font-weight:700}.language-option:last-child{border-right:0}.language-option.active{background:#0088b8;background:var(--buildwise-blue);color:#fff}.language-option:hover:not(.active){background:#edf7f8;background:var(--surface-muted);color:#006f97;color:var(--buildwise-blue-dark)}.brand-logo{background:#fff;border:1px solid #0088b82e;border-radius:8px;box-shadow:0 10px 24px #0042581a;flex:0 0 auto;height:72px;object-fit:contain;width:72px}.eyebrow,.step-label{color:#006f97;color:var(--buildwise-blue-dark);font-size:.74rem;font-weight:700;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}.app-header h1,.results-header h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.05;margin:0}.result-badges span,.status-pill{background:#ffffffbd;border:1px solid #d3e4e8;border:1px solid var(--border);border-radius:999px;color:#006f97;color:var(--buildwise-blue-dark);font-size:.84rem;padding:8px 12px;white-space:nowrap}.status-pill.error{background:#fff1ef;border-color:#f0b5ae;color:#b42318;color:var(--danger)}.workspace{grid-gap:18px;align-items:stretch;display:grid;gap:18px;grid-template-columns:320px minmax(0,1fr)}.control-panel,.image-stage,.results-panel{background:#fff;background:var(--surface);border:1px solid #d3e4e8;border:1px solid var(--border);border-radius:8px;box-shadow:0 16px 34px #0042581a;box-shadow:var(--shadow)}.control-panel{display:flex;flex-direction:column;gap:18px;padding:18px}.panel-section{grid-gap:10px;border-bottom:1px solid #d3e4e8;border-bottom:1px solid var(--border);display:grid;gap:10px;padding-bottom:18px}.file-drop{grid-gap:6px;background:#edf7f8;background:var(--surface-muted);border:1px dashed #0088b880;border-radius:8px;cursor:pointer;display:grid;gap:6px;min-height:104px;padding:18px;position:relative}.file-drop:focus-within,.file-drop:hover{background:#e5f5f8;border-color:#0088b8;border-color:var(--buildwise-blue)}.file-drop input{height:1px;opacity:0;position:absolute;width:1px}.file-drop-title{font-weight:700;overflow-wrap:anywhere}.coords,.field-label,.file-drop-meta,.point-summary span{color:#52646a;color:var(--muted);font-size:.88rem}.number-field{grid-gap:10px;align-items:center;background:#fff;border:1px solid #d3e4e8;border:1px solid var(--border);border-radius:8px;display:grid;gap:10px;grid-template-columns:1fr auto;padding:9px 12px}.number-field input{border:0;color:#111719;color:var(--text);font:inherit;outline:0;width:100%}.point-summary{align-items:center;display:flex;gap:10px;justify-content:space-between}.point-summary strong{color:#006f97;color:var(--buildwise-blue-dark)}.coords{display:flex;flex-wrap:wrap;gap:8px}.coords span{background:#edf7f8;background:var(--surface-muted);border-radius:999px;padding:5px 9px}.button{border:0;border-radius:8px;cursor:pointer;font:inherit;font-weight:700;min-height:42px;padding:11px 14px}.button.primary{background:#0088b8;background:var(--buildwise-blue);color:#fff;width:100%}.button.primary:hover:not(:disabled){background:#006f97;background:var(--buildwise-blue-dark)}.button.secondary{background:#fff;border:1px solid #d3e4e8;border:1px solid var(--border);color:#006f97;color:var(--buildwise-blue-dark);width:-webkit-fit-content;width:fit-content}.button:disabled{cursor:not-allowed;opacity:.48}.notice{grid-gap:4px;border-radius:8px;display:grid;font-size:.9rem;gap:4px;padding:12px}.notice span{color:#52646a;color:var(--muted)}.notice.info{background:#eaf7fb;border:1px solid #acdbe8}.notice.success{background:#e9f8f7;border:1px solid #a6ddd9}.notice.error{background:#fff1ef;border:1px solid #f0b5ae}.notice.error strong{color:#b42318;color:var(--danger)}.image-stage{min-height:560px;padding:18px}.empty-stage{background:#fbfcfc;border:1px dashed #d3e4e8;border:1px dashed var(--border);border-radius:8px;display:grid;min-height:520px;place-content:center;text-align:center}.empty-stage h2{font-size:1.2rem;margin:0 0 8px}.empty-stage p{color:#52646a;color:var(--muted);margin:0}.preview-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 220px}.preview-frame{background:#101413;border:1px solid #d3e4e8;border:1px solid var(--border);border-radius:8px;display:inline-block;line-height:0;max-width:100%;overflow:hidden;position:relative;width:-webkit-fit-content;width:fit-content}.preview-image{cursor:crosshair;display:block;max-height:68vh;max-width:100%;object-fit:contain}.measure-marker{background:#d72863;background:var(--marker);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #d7286375,0 8px 18px #0000003d;height:18px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:18px}.zoom-panel{background:#fbfcfc;border:1px solid #d3e4e8;border:1px solid var(--border);border-radius:8px;display:grid;min-height:220px;place-items:center;position:-webkit-sticky;position:sticky;top:18px}.zoom-lens{background-repeat:no-repeat;border:2px solid #111719;border:2px solid var(--text);border-radius:8px;height:190px;overflow:hidden;position:relative;width:190px}.lens-cross{background:#d72863;background:var(--marker);display:block;position:absolute}.lens-cross.vertical{height:100%;left:50%;top:0;transform:translateX(-50%);width:2px}.lens-cross.horizontal{height:2px;left:0;top:50%;transform:translateY(-50%);width:100%}.zoom-empty{border:1px dashed #d3e4e8;border:1px dashed var(--border);border-radius:8px;color:#52646a;color:var(--muted);display:grid;font-size:.92rem;height:190px;place-items:center;width:190px}.results-panel{margin-top:18px;padding:20px}.results-header{align-items:flex-end;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px}.result-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.metrics-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{grid-gap:8px;background:#fbfcfc;border:1px solid #d3e4e8;border:1px solid var(--border);border-radius:8px;display:grid;gap:8px;min-height:92px;padding:14px}.metric-card span{color:#52646a;color:var(--muted);font-size:.86rem}.metric-card strong{font-size:clamp(1.08rem,2vw,1.45rem)}.debug-grid,.result-images{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}figure{margin:0}figure img{background:#fff;border:1px solid #d3e4e8;border:1px solid var(--border);border-radius:8px;display:block;width:100%}figcaption{color:#52646a;color:var(--muted);font-size:.88rem;margin-top:8px}.debug-panel{border-top:1px solid #d3e4e8;border-top:1px solid var(--border);margin-top:18px;padding-top:14px}.debug-panel summary{color:#006f97;color:var(--buildwise-blue-dark);cursor:pointer;font-weight:700;width:-webkit-fit-content;width:fit-content}.source-footer{align-items:center;color:#52646a;color:var(--muted);display:flex;flex-wrap:wrap;font-size:.82rem;gap:10px;margin-top:18px;padding:0 0 12px}.source-footer a{color:#006f97;color:var(--buildwise-blue-dark);font-weight:700}@media (max-width:1100px){.preview-layout,.workspace{grid-template-columns:1fr}.control-panel{align-items:start;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.control-panel .button.primary,.notice{grid-column:1/-1}.zoom-panel{min-height:auto;padding:14px;position:static}}@media (max-width:780px){.app-shell{padding:16px}.app-header,.results-header{align-items:flex-start;flex-direction:column}.header-actions{justify-content:flex-start}.brand-logo{height:58px;width:58px}.control-panel{grid-template-columns:1fr}.control-panel .button.primary,.notice{grid-column:auto}.image-stage{min-height:auto}.empty-stage{min-height:320px}.debug-grid,.metrics-grid,.result-images{grid-template-columns:1fr}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}button,input{font:inherit}img{max-width:100%}