*{box-sizing:border-box}html,body,#root{color:#e9f1f7;background:#071018;min-height:100%;margin:0;font-family:Inter,system-ui,sans-serif}body{touch-action:pan-x pan-y;overflow:auto}.app{flex-direction:column;height:100vh;min-height:100%;display:flex}header{background:#0d1923;border-bottom:1px solid #263643;justify-content:space-between;align-items:center;height:62px;padding:0 18px;display:flex}header div{align-items:baseline;gap:12px;display:flex}header b{font-size:20px}header span{color:#8ea4b4;font-size:12px}.upload,.empty{cursor:pointer}.upload{background:#1e88e5;border-radius:8px;align-items:center;gap:7px;padding:9px 13px;font-weight:650;display:flex}.upload input,.empty input{display:none}.body{flex:1;grid-template-columns:72px 1fr 300px;min-height:0;display:grid}aside{background:#0d1923;border-right:1px solid #263643;flex-direction:column;gap:8px;padding:10px 7px;display:flex}button{color:#a9bac6;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;font-size:11px;display:flex}button svg{width:21px}.on{color:#65b5ff;background:#163957}main{touch-action:none;background:#030608;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.empty{color:#718896;flex-direction:column;align-items:center;gap:10px;display:flex}.empty strong{color:#c8d6df}.stage{transform-origin:0 0;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.stage img{max-width:none;max-height:none;display:block}.overlay{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.overlay line{stroke:#36d6ff;stroke-width:3px;vector-effect:non-scaling-stroke}.overlay circle:not(.landmark-point):not(.landmark-ring-outer):not(.landmark-ring-hole):not(.landmark-center){fill:#071018;stroke:#ffe36e;stroke-width:3px;vector-effect:non-scaling-stroke}.panel{background:#0d1923;border-left:1px solid #263643;padding:16px;overflow:auto}.panel h3{margin:0 0 8px}.panel p{color:#8ea4b4;font-size:12px;line-height:1.4}.current-value{color:#ffe36e;overflow-wrap:anywhere;margin:12px 0 18px;font-size:20px;font-weight:800}.results{background:#09141d;border:1px solid #263643;border-radius:10px;overflow:hidden}.results-title{color:#8ea4b4;border-bottom:1px solid #263643;padding:9px 11px;font-size:12px;font-weight:700}.results-grid{grid-template-columns:1fr 1fr;display:grid}.result-cell{border-bottom:1px solid #1c2b36;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:10px 11px;display:flex}.result-cell:nth-child(odd){border-right:1px solid #1c2b36}.result-cell span{color:#8ea4b4;font-size:12px}.result-cell strong{color:#ffe36e;white-space:nowrap;font-size:15px}@media (width<=760px){header{height:56px;padding:0 10px}header span{display:none}.body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:56px minmax(0,1fr)}.panel{border-top:1px solid #263643;border-left:0;grid-area:2/2/auto/3;min-width:0;max-height:240px;padding:8px 10px;display:block;overflow:auto}.measure-info{grid-template-columns:1fr auto;align-items:center;gap:2px 8px;display:grid}.panel h3{margin:0;font-size:15px}.panel p{margin:2px 0;font-size:10px;line-height:1.2;overflow:hidden}.current-value{text-align:right;white-space:normal;grid-area:1/2/3;max-width:210px;margin:0;font-size:14px;line-height:1.25}.results{border-radius:8px;margin-top:7px}.results-title{padding:5px 8px;font-size:10px}.results-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.result-cell{text-align:center;border-right:1px solid #1c2b36;padding:6px 7px;display:block}.result-cell:nth-child(4n){border-right:0}.result-cell span{margin-bottom:2px;font-size:9px;display:block}.result-cell strong{font-size:12px}aside{gap:3px;padding:5px 3px}button{padding:5px 1px;font-size:9px}.upload{padding:8px 10px;font-size:12px}}.image-tools{background:#0d1923;border-bottom:1px solid #263643;align-items:center;gap:4px;padding:5px 8px;display:flex;overflow-x:auto}.image-tools button{flex:none;min-width:58px;padding:5px 4px}@media (width>=761px){.image-tools{grid-area:1/2/auto/3}.body{grid-template-rows:auto minmax(0,1fr)}aside{grid-row:1/3}.body main{grid-area:2/2/auto/3}.panel{grid-area:1/3/3}}@media (width<=760px){.body{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:56px minmax(0,1fr)}aside{grid-area:1/1/4;min-height:0;overflow-y:auto}.image-tools{z-index:5;grid-area:1/2;height:52px;padding:3px 4px;position:relative}.image-tools button{gap:1px;min-width:52px;padding:3px 2px;font-size:8px}.body main{grid-area:2/2;min-height:0}.panel{grid-area:3/2;max-height:none;padding:5px 7px;overflow:hidden}.measure-info{display:none}.results-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.result-cell:nth-child(4n){border-right:1px solid #1c2b36}.result-cell:nth-child(6n){border-right:0}.result-cell span{white-space:normal;margin-bottom:1px;font-size:7px;line-height:1.05}.result-cell strong{white-space:normal;font-size:9px;line-height:1.05}.image-tools{grid-template-columns:repeat(8,minmax(0,1fr));gap:0;height:46px;padding:2px;display:grid;overflow:hidden}.image-tools button{gap:0;width:100%;min-width:0;padding:2px 0;font-size:7px}.image-tools button svg{width:16px;height:16px}.panel{padding:3px 6px}.panel>div[style]{margin:2px 0!important}.panel>div[style] label{font-size:10px!important}.panel>div[style] input{width:68px!important;padding:4px!important}.results{margin-top:2px}.results-title{padding:2px 5px;font-size:8px}.result-cell{min-height:30px;padding:2px 1px}.result-cell span{font-size:6.5px}.result-cell strong{font-size:8.5px}}.panel,.results,.image-tools,aside,header{touch-action:pan-x pan-y pinch-zoom}.results-title{justify-content:space-between;align-items:center;gap:6px;display:flex}.results-zoom{align-items:center;gap:4px;display:flex}.results-zoom button{color:#d9ecff;background:#163957;border-radius:5px;justify-content:center;align-items:center;width:24px;min-width:24px;height:22px;padding:0;font-size:16px;display:inline-flex}.results-zoom b{color:#a9bac6;text-align:center;min-width:34px;font-size:10px}.results-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow:auto}.results-grid{font-size:1em}.result-cell span{font-size:.8em}.result-cell strong{font-size:1em}@media (width<=760px){.results-zoom button{width:22px;min-width:22px;height:18px;font-size:14px}.results-zoom b{min-width:28px;font-size:8px}.results-scroll{max-height:150px}}html,body,#root,.app,.body,header,aside,.image-tools,.panel,.results,.results-grid,.result-cell{touch-action:auto!important}main{touch-action:none!important}.results-zoom{display:none!important}.image-guide{z-index:8;pointer-events:none;background:#050f18d1;border:1px solid #334b5d;border-radius:8px;align-items:center;gap:8px;max-width:620px;margin:auto;padding:6px 9px;display:flex;position:absolute;top:8px;left:8px;right:8px}.image-guide b{white-space:nowrap;font-size:11px}.image-guide span{color:#c5d4df;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.overlay text{fill:#fff;stroke:#071018;stroke-width:2px;paint-order:stroke;pointer-events:none;font-weight:700}@media (width<=760px){.image-guide{gap:5px;padding:4px 6px;top:5px;left:5px;right:5px}.image-guide b{font-size:9px}.image-guide span{font-size:8px}}.landmark-point{stroke-width:2.5px;vector-effect:non-scaling-stroke;fill:none!important;stroke:#fff!important}.landmark-center{pointer-events:none;fill:#fff!important;stroke:none!important}.overlay .landmark-ring-outer{vector-effect:non-scaling-stroke;pointer-events:none;fill:none!important;stroke:#ffe36e!important;stroke-width:3px!important}.overlay .landmark-ring-hole{pointer-events:none;fill:none!important;stroke:none!important}.overlay .landmark-center{pointer-events:none;fill:#ffe36e!important;stroke:none!important}.version-badge{vertical-align:middle;white-space:nowrap;border:1px solid #4b7188;border-radius:999px;margin-left:8px;padding:2px 6px;line-height:1.2;color:#bfe7ff!important;font-size:10px!important;display:inline-flex!important}.brand{flex-wrap:wrap;align-items:center;gap:6px;display:flex}@media (width<=760px){.version-badge{margin-left:2px;padding:2px 5px;font-size:9px!important}}.result-cell{min-width:0;overflow:hidden}.result-cell span,.result-cell strong{overflow-wrap:anywhere;word-break:normal;text-align:center;max-width:100%}@media (width<=760px){.result-cell{min-height:42px!important;padding:4px 2px!important}.result-cell strong{font-size:9px!important;line-height:1.1!important}.body{grid-template-rows:46px minmax(430px,1fr) auto!important;grid-template-columns:76px minmax(0,1fr)!important}aside{grid-area:1/1/4!important;gap:5px!important;padding:4px!important;overflow:hidden!important}aside button{min-height:72px!important;padding:5px 2px!important;font-size:10px!important}.image-tools{grid-area:1/2!important;height:46px!important}.body main{grid-area:2/2!important;min-height:430px!important}.panel{grid-area:3/2!important;max-height:250px!important;padding:3px 5px!important;overflow-y:auto!important}.result-cell{min-height:36px!important;padding:3px 1px!important;overflow:hidden!important}.result-cell span{font-size:6.5px!important;line-height:1!important}.result-cell strong{overflow-wrap:anywhere!important;font-size:8.5px!important;line-height:1.05!important}.results-title{padding:2px 5px!important;font-size:8px!important}.body{grid-template-rows:46px minmax(430px,1fr) auto!important}.panel{border-top:1px solid #263643!important;border-left:0!important;grid-area:3/1/auto/3!important;width:100%!important;max-width:none!important;max-height:250px!important;padding:3px 6px!important;overflow-y:auto!important}.results-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}.result-cell span{font-size:7px!important}.result-cell strong{font-size:9.5px!important}}.enhance-tools{white-space:nowrap;background:#0b1822;border-bottom:1px solid #263643;grid-column:2;align-items:center;gap:5px;padding:4px 6px;display:flex;overflow-x:auto}.enhance-tools button{color:#cbd8e1;background:#102331;border:1px solid #334b5d;border-radius:7px;padding:5px 8px;font-size:10px}.enhance-tools button.on{color:#fff;background:#174e78}.enhance-tools label{color:#a9bac6;align-items:center;gap:3px;font-size:9px;display:flex}.enhance-tools input[type=range]{width:68px}@media (width<=760px){.body{grid-template-rows:46px 42px minmax(430px,1fr) auto!important}.image-tools{grid-row:1!important}.enhance-tools{height:42px;padding:3px 4px;grid-area:2/2!important}.body main{grid-row:3!important}.panel{grid-row:4!important}aside{grid-row:1/5!important}.enhance-tools button{padding:4px 6px;font-size:8px}.enhance-tools label{font-size:7px}.enhance-tools input[type=range]{width:52px}}.results-view{width:100%;min-height:calc(100dvh - 120px);padding:14px;overflow-y:auto}@media (width<=760px){.panel:has(.results-view){z-index:50!important;background:#07131c!important;border:0!important;width:100%!important;max-width:none!important;max-height:none!important;padding:10px!important;position:fixed!important;inset:118px 0 0!important;overflow-y:auto!important}.results-view .results-grid{flex-direction:column!important;gap:6px!important;display:flex!important}.results-view .result-cell{border:1px solid #263643!important;border-radius:8px!important;grid-template-columns:minmax(120px,42%) 1fr!important;align-items:center!important;min-height:48px!important;padding:8px 10px!important;display:grid!important}.results-view .result-cell span{text-align:left!important;color:#91a6b5!important;font-size:11px!important}.results-view .result-cell strong{text-align:right!important;overflow-wrap:normal!important;font-size:14px!important;line-height:1.35!important}.results-view .results-title{padding:8px 4px!important;font-size:13px!important}}