:root{color:#17201c;background:#f5f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{align-items:center;background:#fff;border:1px solid #aeb8b1;border-radius:6px;color:#17201c;cursor:pointer;display:inline-flex;gap:.4rem;justify-content:center;min-height:2.35rem;padding:.45rem .7rem}button.active,button:hover:not(:disabled){background:#d9eee5;border-color:#22795f}button:disabled{cursor:not-allowed;opacity:.55}input,select{background:#fff;border:1px solid #aeb8b1;border-radius:6px;min-height:2.35rem;padding:.4rem .55rem}.app-shell{margin:0 auto;max-width:1480px;padding:1rem}.topbar{align-items:center;border-bottom:1px solid #d6ddd8;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.8rem}.topbar h1{font-size:1.8rem;margin:0}.topbar p{color:#516058;margin:.25rem 0 0}.status-pill{background:#20352f;border-radius:999px;color:#fff;padding:.45rem .75rem;white-space:nowrap}.control-strip,.workflow-strip{align-items:end;background:#edf2ee;border:1px solid #d4ddd7;border-radius:8px;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem;padding:.85rem}.control-strip label{color:#45524b;display:grid;font-size:.88rem;gap:.25rem}.workflow-strip{align-items:center;grid-template-columns:minmax(230px,1.3fr) repeat(4,minmax(110px,auto))}.viewer-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-panel,.result-panel{border:1px solid #d4ddd7;border-radius:8px;margin-bottom:1rem;overflow:hidden}.panel-bar{align-items:center;background:#fff;border-bottom:1px solid #d4ddd7;display:flex;justify-content:space-between;min-height:3rem;padding:.55rem .75rem}.panel-bar h2{font-size:1rem;margin:0}.tool-row{display:flex;gap:.35rem}.tool-row button{aspect-ratio:1;min-height:2rem;padding:.35rem;width:2.1rem}.image-stage,.overlay-stage{background:#111614;cursor:crosshair;min-height:320px;overflow:auto;position:relative}.image-stage{touch-action:none}.image-stage img,.overlay-stage img,.overlay-stage canvas{display:block;height:auto;max-width:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%}.roi-box{border:2px solid #f2c94c;box-shadow:0 0 0 1px #20352f;pointer-events:none;position:absolute}.point-marker{background:#ff4d5a;border:2px solid #ffffff;border-radius:50%;height:14px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:14px}.corner-marker{background:#f2c94c;border:2px solid #20352f;border-radius:50%;height:13px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:13px}.overlay-stage{cursor:default}.moving-overlay{left:0;mix-blend-mode:screen;position:absolute;top:0;transform-origin:top left}.fixed-overlay,.moving-overlay{transition:opacity 90ms ease-out}.colorized-overlay .fixed-overlay{filter:grayscale(1) sepia(1) saturate(8) hue-rotate(315deg) brightness(1.1)}.colorized-overlay .moving-overlay{filter:grayscale(1) sepia(1) saturate(8) hue-rotate(175deg) brightness(1.15);mix-blend-mode:screen}.line-overlay{background:#070a09}.fixed-line-overlay{filter:drop-shadow(0 0 1px #2fc7ff);opacity:.95}.moving-line-overlay{filter:drop-shadow(0 0 1px #ffca3a);mix-blend-mode:screen}.line-overlay .fixed-line-overlay{background:#070a09}.line-overlay .fixed-line-overlay,.line-overlay .moving-line-overlay{image-rendering:auto}.inline-control{align-items:center;display:flex;gap:.5rem}.overlay-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.segmented-control{display:inline-flex}.segmented-control button{border-radius:0;min-height:2rem}.segmented-control button:first-child{border-bottom-left-radius:6px;border-top-left-radius:6px}.segmented-control button:last-child{border-bottom-right-radius:6px;border-left:0;border-top-right-radius:6px}.result-panel{background:#fff}.result-grid{display:grid;gap:.9rem 1rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));padding:.85rem}.result-grid label{color:#45524b;display:grid;gap:.3rem}.result-metric{align-content:center;background:#f5f7f4;border:1px solid #d4ddd7;border-radius:6px;min-height:2.65rem;padding:.55rem .65rem}.warnings{color:#7a4d00;grid-column:1 / -1}.empty-state{color:#516058;margin:0;padding:1rem}.json-view{background:#17201c;color:#e8f4ee;margin:0;max-height:380px;overflow:auto;padding:1rem}.error-banner{background:#fff1ef;border:1px solid #d45745;border-radius:8px;color:#7a1c12;margin-bottom:1rem;padding:.8rem}@media (max-width: 920px){.topbar,.viewer-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;display:grid;gap:.75rem}.workflow-strip{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}