#media-tools-panel{margin-top:20px;border:1px solid var(--line);border-radius:12px;padding:20px}#media-tools-panel>summary{font-weight:700;color:var(--brand);cursor:pointer}#report-tools h2{font-size:1.25rem;margin-top:22px}#report-tools h3{font-size:1.1rem}#report-tools label{display:grid;gap:7px}#report-tools details{padding:16px 0;border-top:1px solid var(--line)}.tool-canvas-wrap{margin:14px 0;background:var(--soft);max-height:460px;overflow:auto;border-radius:8px;text-align:center}.tool-canvas-wrap canvas{max-width:100%;height:auto;max-height:440px;object-fit:contain;touch-action:none;vertical-align:middle}.tool-box-fields{border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}.tool-box-fields legend{font-size:.85rem;color:var(--muted)}.help-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.tool-result{border-top:1px solid var(--line);padding-top:15px;margin-top:18px}.tool-result h4{margin:5px 0 12px;font-size:1rem}.tool-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tool-image-pair button,.tool-frame-grid button{padding:5px;min-width:0;max-width:100%;background:var(--soft)}.tool-image-pair img{max-width:100%;max-height:320px;object-fit:contain}.tool-frame-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tool-frame-grid figure{margin:0;min-width:0}.tool-frame-grid img{width:100%;max-height:160px;object-fit:contain}.tool-frame-grid figcaption{text-align:center;font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--muted)}.tool-analysis{margin-top:18px;display:grid;gap:12px}.observation-proof{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.observation-proof button{padding:4px;max-width:160px}.observation-proof img{display:block;max-width:100%;max-height:120px;object-fit:contain}.observation-proof small{display:block}.use-observation{margin-top:10px}#tools-state{font-size:.85rem;color:var(--muted)}@media(max-width:760px){#media-tools-panel{padding:16px 14px}.tool-box-fields{grid-template-columns:1fr 1fr;gap:10px}.tool-frame-grid{grid-template-columns:1fr 1fr}.tool-image-pair{grid-template-columns:1fr}.help-buttons button{flex:1 1 auto}.tool-canvas-wrap{max-height:360px}.tool-canvas-wrap canvas{max-height:340px}}
#media-tools-panel canvas{width:auto;height:auto;max-height:none}