.zoom-toggle{position:absolute;right:18px;bottom:18px;z-index:10;display:flex;align-items:center;gap:8px;min-height:40px;border:1px solid #d8d9ce;background:#f5f3ed;color:#294e3d;padding:9px 12px;font:600 11px Manrope,Arial,sans-serif;cursor:pointer;box-shadow:0 2px 12px #24282212}.zoom-toggle svg{width:19px;height:19px;flex:none}.zoom-toggle:hover{background:#e8ece1}.zoom-toggle:focus-visible{outline:2px solid #294e3d;outline-offset:4px}
.zoom-lens{position:absolute;z-index:8;pointer-events:none;border:2px solid #f5f3ed;box-shadow:0 0 0 1px #294e3d,0 0 0 9999px #2428220b;background:#f5f3ed04}.zoom-lens[hidden],.detail-window img[hidden],.detail-source-image[hidden],.detail-empty[hidden],.detail-source-empty[hidden]{display:none}.main-zoom-lens{z-index:5;box-shadow:0 0 0 1px #294e3d;background:transparent}
.detail-comparison{margin-top:58px;scroll-margin-top:0}.detail-comparison>.section-label{padding-bottom:27px}.detail-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:25px}.detail-toolbar h3{font-size:32px;font-weight:500;letter-spacing:-1.35px;line-height:1.2;margin:0}.detail-instructions{font-size:12px;line-height:1.75;color:#64685f;margin:12px 0 0;max-width:590px}.detail-tools{display:flex;gap:18px;align-items:center;flex-shrink:0}.detail-scales{display:flex;border:1px solid #d8d9ce}.detail-scales button{font-size:12px;font-weight:600;border:0;background:transparent;padding:10px 14px;min-height:41px;min-width:43px}.detail-scales button[aria-pressed=true]{color:#f5f3ed;background:#294e3d}.detail-scales button:disabled{opacity:.5;cursor:default}.detail-reset{display:flex;gap:8px;align-items:center;font-size:11px;border:0;background:none;padding:9px 0}.detail-reset span{font-size:19px;line-height:1}.detail-reset:disabled{opacity:.5;cursor:default}
.detail-workspace{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,2fr);gap:24px;align-items:start}.detail-source{margin:0;min-width:0}.detail-source-frame{display:grid;place-items:center;min-height:290px;border:1px solid #d8d9ce;background:#e7e8de;padding:13px}.zoom-navigator{position:relative;isolation:isolate;width:min(100%,calc(36vh * var(--detail-image-ratio,1.5)));aspect-ratio:3/2;background:#e7e8de;overflow:hidden;touch-action:none;cursor:crosshair;outline-offset:4px}.zoom-navigator:focus-visible{outline:2px solid #294e3d}.zoom-navigator[aria-disabled=true]{cursor:default}.detail-source-image{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.detail-source-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#64685f;font-size:10px;padding:15px}.detail-keyboard-hint{font-size:9px;color:#64685f;line-height:1.6;margin:11px 0 0}
.detail-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.detail-panels figure{min-width:0;margin:0}.detail-window{position:relative;width:100%;aspect-ratio:1;background:#e7e8de;overflow:hidden;border:1px solid #d8d9ce}.detail-window img{position:absolute;max-width:none;object-fit:contain;display:block;pointer-events:none;user-select:none}.detail-empty{position:absolute;inset:0;display:grid;place-items:center;padding:18px;font-size:10px;color:#64685f;text-align:center}.detail-panels figcaption,.detail-source figcaption{display:flex;align-items:center;gap:9px;padding:13px 0;border-bottom:1px solid #d8d9ce;font-size:11px}.detail-source figcaption{justify-content:space-between}.detail-source-label{font-size:9px;color:#64685f}.detail-side{font-size:9px;color:#64685f}.detail-label{font-weight:600}.detail-factor{margin-left:auto;color:#64685f;font-size:9px;white-space:nowrap}.detail-footer{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-top:18px}.detail-load-status{font-size:10px;line-height:1.8;color:#64685f;margin:0;max-width:670px}.detail-footer>a{font-size:10px;color:#294e3d;line-height:1.8;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.detail-footer>a>span{padding-left:5px}.zoom-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.detail-workspace{grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:17px}.detail-source-frame{min-height:230px;padding:10px}.detail-panels{gap:12px}.detail-panels figcaption{flex-wrap:wrap;gap:5px;font-size:10px}.detail-factor{font-size:8px}.detail-toolbar h3{font-size:29px}.detail-instructions{font-size:11px}.detail-tools{gap:12px}.detail-footer{gap:20px}.detail-footer>a{white-space:normal;max-width:170px;flex-shrink:0}}
@media(max-width:700px){.zoom-toggle{right:12px;bottom:12px;padding:8px 10px;min-height:44px;font-size:10px;gap:6px}.zoom-toggle svg{width:17px;height:17px}.detail-comparison{margin-top:40px;scroll-margin-top:0}.detail-comparison>.section-label{padding-bottom:22px}.detail-photo-label{max-width:135px;text-align:right;line-height:1.5}.detail-toolbar{gap:20px;flex-wrap:wrap;margin-bottom:20px}.detail-toolbar h3{font-size:26px;letter-spacing:-1px}.detail-instructions{font-size:11px;margin-top:10px}.detail-tools{gap:22px}.detail-scales button{min-width:47px;min-height:44px;font-size:12px}.detail-reset{min-height:44px}.detail-workspace{grid-template-columns:1fr;gap:20px}.detail-source{max-width:100%}.detail-source-frame{min-height:0;padding:11px}.zoom-navigator{width:min(100%,calc(27vh * var(--detail-image-ratio,1.5)))}.detail-source figcaption{font-size:10px;padding:9px 0}.detail-keyboard-hint{display:none}.detail-panels{gap:11px}.detail-panels figcaption{padding:10px 0;font-size:10px;gap:5px}.detail-side{font-size:8px}.detail-factor{font-size:8px}.detail-footer{display:block;margin-top:14px}.detail-load-status{font-size:9px}.detail-footer>a{display:inline-block;margin-top:12px;max-width:none;font-size:10px}.detail-empty{font-size:9px;padding:12px}}
@media(max-width:360px){.zoom-toggle{font-size:9px;padding-inline:8px}.detail-toolbar h3{font-size:25px}.detail-factor{display:none}.detail-panels figcaption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.detail-comparison{scroll-behavior:auto}}
