.photo-summary{padding:20px;background:#edf7f9;margin:24px 0;overflow-wrap:anywhere}.photo-summary code{display:block;font-size:13px;overflow-wrap:anywhere}.photo-image-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.photo-image-panel{min-width:0}.photo-image-panel h3{font-size:20px}.photo-canvas-scroll{overflow:auto;max-height:600px;background:repeating-conic-gradient(#e8eef0 0% 25%,#fff 0% 50%) 50%/20px 20px;border:1px solid #b8ced7}.photo-canvas-scroll canvas{display:block;width:100%;height:auto;max-width:100%;cursor:crosshair}.photo-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.photo-controls label{display:block;font-weight:700;font-size:14px;margin-bottom:8px}.photo-controls select,.photo-controls input{width:100%;max-width:100%;min-width:0}.photo-controls select{padding:10px;border:1px solid #9ab6c0;background:#fff;font:inherit}.photo-method-note{border-left:3px solid #0098bc;background:#edf7f9;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.photo-pixel-box{display:flex;gap:24px;align-items:center;margin:24px 0}.photo-pixel-box canvas{width:140px;height:140px;border:1px solid #9ab6c0;flex:none;background:#e8eef0}.photo-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.photo-checks>h3,.photo-checks>p{grid-column:1/-1}.photo-checks article,.photo-metadata-rows article{border:1px solid #ccdce2;padding:18px;min-width:0;background:#f6f9fa}.photo-checks h4,.photo-metadata-rows h4{margin:0 0 10px;font-size:17px;overflow-wrap:anywhere}.photo-data{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:13px/1.5 monospace;max-height:340px;overflow:auto}.photo-metadata-rows{display:grid;gap:12px;margin:20px 0}.tool-results details{margin:24px 0;border-top:1px solid #ccdce2;padding-top:16px}.tool-results summary{cursor:pointer;font-weight:700}.tool-workspace textarea{width:100%;min-height:100px;resize:vertical;padding:12px;border:1px solid #9ab6c0;font:inherit;box-sizing:border-box}.tool-workspace progress{width:100%;height:14px;accent-color:#0098bc}.photo-error{color:#90291d}.tool-workspace :focus-visible{outline:3px solid #0098bc;outline-offset:3px}.photo-metadata-rows input{width:100%}@media(max-width:767px){.photo-image-pair,.photo-controls,.photo-checks{grid-template-columns:1fr}.photo-pixel-box{align-items:flex-start;gap:14px}.photo-pixel-box canvas{width:100px;height:100px}.photo-canvas-scroll{max-height:400px}.photo-summary{padding:16px}.photo-data{font-size:12px}}

.photo-tool-picker{margin:24px 0}.photo-view-buttons{display:flex;flex-wrap:wrap;gap:10px}.photo-view-button{font-size:14px;min-height:44px}.photo-view-button[aria-pressed="true"]{background:#081c23;color:#fff;border-color:#081c23}.photo-view-button:disabled{opacity:.5;cursor:not-allowed}.tool-results>h2{scroll-margin-top:150px}.photo-tool-picker h3{margin-bottom:14px}

.photo-tool-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.photo-tool-groups fieldset{min-width:0;padding:16px;border:1px solid #ccdce2;margin:0}.photo-tool-groups legend{font-size:15px;font-weight:700;padding:0 5px}.photo-controls>[hidden]{display:none!important}.tool-results{scroll-margin-top:150px}@media(max-width:767px){.photo-tool-groups{grid-template-columns:1fr}}