#check-dialog{width:860px;max-width:calc(100% - 28px);padding:30px}#check-dialog[data-view="results"]{width:1180px}#check-dialog p{font-size:13px}.upload-card>p{margin-top:18px}.selected{display:flex;align-items:center;gap:18px;padding:18px;margin-top:25px;border:1px solid #dce8d6;border-radius:18px;background:#f7fbf4}.selected img{width:88px;height:88px;object-fit:cover;border-radius:12px}.selected>div{min-width:0;flex:1}.selected strong{display:block;overflow-wrap:anywhere;font-size:14px;font-weight:500}.selected #filesize{display:block;font-size:11px;color:#62796a;margin-top:5px}.selected .text-link{font-size:12px;white-space:nowrap}.model-readiness{background:#f2f8ee;border:1px solid #e0ebda;padding:14px 16px;border-radius:12px;margin-top:18px}.model-readiness>div{display:flex;gap:12px;justify-content:space-between;align-items:center}.model-readiness p{font-size:12px!important;margin:0;overflow-wrap:anywhere}.model-readiness progress{display:block;margin:12px 0 0;height:6px}.model-readiness button{font-size:11px}.analysis-action{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:24px;padding-top:24px;border-top:1px solid #e1ebdb}.analysis-action>div{flex:1}.analysis-action p{margin:0;color:#6d8072;font-size:11px!important}.analysis-action .button{white-space:nowrap}.quality-note,.result-note{padding:13px 15px;border:1px solid #ead8ac;border-radius:12px;background:#fffaf0;color:#85641c!important}#loading-bar{height:3px;margin-top:15px;background:#e4efdc;overflow:hidden}#loading-bar span{display:block;width:30%;height:100%;background:#15803d;animation:analysis-loading 1.5s ease-in-out infinite}#camera-help{background:#f5f9f0;border:1px solid #dde8d2;border-radius:12px;padding:15px;margin-top:15px}#camera-help p{margin:0}.camera-help-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:12px}.camera-help-actions a{color:#15803d;text-decoration:underline}#camera-panel{padding:10px}#camera-panel video{display:block;width:100%;max-height:360px;background:#152f20;object-fit:contain;border-radius:12px}.camera-controls{display:flex;gap:14px;justify-content:flex-end;align-items:center;padding:12px 2px 2px}.camera-controls #flash-toggle{margin-right:auto;font-size:12px}.processing-heading h2{font-size:36px}.processing-heading>p{margin-top:14px}.processing-stages{display:flex;gap:7px;flex-wrap:wrap;margin:25px 0 18px}.processing-stages span{font-size:10px;background:#f0f6eb;color:#657d67;padding:7px 11px;border-radius:20px;transition:background .2s,color .2s}.processing-stages .active{background:#15803d;color:#fff}.processing-stages .completed{background:#dcefd5;color:#2b6438}#processing-canvas{width:100%;height:300px;display:block;background:#f6f8f0;border:1px solid #e4ecd9;border-radius:18px}.processing-explanation{padding:22px 0 5px}.processing-explanation h3{font-size:23px}.processing-explanation p{margin-top:10px!important}.processing-output-notes{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:10px;color:#63795f;padding-top:12px}.processing-error-actions{display:flex;gap:12px;margin-top:18px}.processing-error-actions button{padding:12px 18px;min-height:44px;border-radius:10px;background:#15803d;color:#fff}.processing-error-actions button+button{background:#eff5e9;color:#14532d}.error{color:#b42318!important}.section-heading{align-items:center}.results .section-heading{margin:0 0 25px}.results h2{font-size:36px}.results #try-another-photo{min-height:44px;border-radius:12px;background:#15803d;color:#fff;padding:12px 19px;font-size:12px;display:flex;gap:14px;align-items:center}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metrics>div{border:1px solid #e0eadb;background:#f6fbf2;border-radius:16px;padding:22px}.metrics span{font-size:11px;color:#72836d;display:block}.metrics strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:25px;font-weight:500;margin-top:12px;color:#14532d}.coverage-note{font-size:11px!important;margin:14px 0 20px!important}.result-grid{display:grid;grid-template-columns:.9fr 1.2fr;gap:20px;margin-top:22px;align-items:start}.result-grid .panel{border:1px solid #e0eadb;border-radius:18px;padding:24px;background:#fff}.result-grid h3{font-size:23px}.panel-lead{margin-top:10px!important;font-size:12px!important}.score{margin-top:22px}.score-label{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#47624b;margin-bottom:8px}.score-label b{font-weight:500}.score .bar{height:6px;margin:0;background:#ecf4e7;border-radius:5px}.score .bar span{display:block;background:#5fa573;height:100%;border-radius:5px}.disease-detail{margin-top:30px;padding-top:23px;border-top:1px solid #e0eadb}.disease-detail h4{font-size:16px;font-weight:500}.disease-detail p{font-size:12px!important;line-height:1.8}.disease-sources{display:flex;gap:9px;align-items:center;margin-top:16px;font-size:11px;flex-wrap:wrap}.disease-sources a{color:#15803d;text-decoration:underline}.visual .tabs{margin-top:20px;justify-content:start;background:none;padding:0;gap:6px;flex-wrap:wrap}.visual .tabs button{background:#f1f6ed;color:#55705a;border:1px solid transparent;min-height:44px;font-size:11px;padding:10px 13px}.visual .tabs button.active{background:#e2f4db;border-color:#bee1b0;color:#14532d;box-shadow:none}.mask-details{margin:14px 0;font-size:11px;color:#617a60}.mask-details summary{cursor:pointer}.mask-details button{min-height:44px;background:#f0f7e9;padding:10px 15px;border-radius:8px;color:#14532d;margin-top:10px}.mask-details button.active{background:#d8edcd}.image-stage{display:flex;justify-content:center;align-items:center;background:#f3f7ef;border-radius:12px;padding:20px;min-height:240px}.image-stage canvas{max-width:100%;max-height:420px;width:auto;height:auto;object-fit:contain}.caption{font-size:10px!important;text-align:center}.heatmap-legend{margin-top:15px}.heatmap-scale{height:8px;border-radius:5px;background:linear-gradient(90deg,#000080,#0000ff,#00ffff,#80ff80,#ffff00,#ff0000,#800000)}.heatmap-ticks{display:flex;justify-content:space-between;color:#677c69;font-size:10px;margin-top:5px}.heatmap-legend p{font-size:10px!important}.primary,.secondary{cursor:pointer}#check-dialog .photo-option-action{border-top:1px solid #e2ecdd}#check-dialog .upload-card{border:0;padding:0;background:none}#photo-dialog{display:none}#check-dialog[data-view="processing"] .dialog-top,#check-dialog[data-view="results"] .dialog-top{margin-bottom:18px}.processing-heading .eyebrow{border:0;background:none;padding:0;border-radius:0;font-size:10px;margin-bottom:18px}.processing-heading h2{font-family:'Space Grotesk',sans-serif}.privacy-label{pointer-events:none}@keyframes analysis-loading{0%{transform:translateX(-100%)}100%{transform:translateX(430%)}}@media(max-width:700px){#check-dialog{padding:22px}.result-grid{grid-template-columns:1fr}.metrics{gap:9px}.metrics>div{padding:14px}.metrics span{font-size:9px}.metrics strong{font-size:19px}.results .section-heading{display:flex;align-items:start;gap:12px}.results h2{font-size:28px}.results #try-another-photo{padding:10px 12px;font-size:10px}.results .result-grid .panel{padding:20px}.analysis-action{align-items:stretch;flex-direction:column;gap:15px}.analysis-action .button{width:100%}.selected{flex-wrap:wrap}.selected img{width:66px;height:66px}.selected .text-link{margin-left:auto}.processing-heading h2{font-size:29px}#processing-canvas{height:250px}.processing-stages{gap:5px}.processing-stages span{padding:6px 8px;font-size:9px}.processing-explanation h3{font-size:20px}.image-stage{padding:15px}.image-stage canvas{max-height:320px}.model-readiness p{font-size:11px!important}.section-tag{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){#loading-bar span{animation:none;width:100%}}

/* Larger analysis dialog and selectable replacement source */
#check-dialog{width:1000px;padding:38px}#check-dialog .dialog-top{font-size:11px}#check-dialog h2{font-size:44px}#check-dialog p{font-size:16px}.photo-option{padding:28px}.photo-option strong{font-size:22px}.photo-option small{font-size:15px}.photo-option-action{font-size:14px}.photo-format-note{font-size:12px}.selected{padding:22px;gap:22px}.selected img{width:112px;height:112px}.selected strong{font-size:18px}.selected #filesize{font-size:14px}.selected .text-link{font-size:16px}.analysis-action p{font-size:14px!important}.model-readiness p{font-size:14px!important}.model-readiness button{font-size:13px}#check-dialog[data-view="results"]{width:1320px}.results .section-heading h2{font-size:40px}.metrics span{font-size:14px}.metrics strong{font-size:30px}.coverage-note{font-size:13px!important}.result-grid h3{font-size:27px}.panel-lead{font-size:15px!important}.score-label{font-size:15px}.disease-detail h4{font-size:19px}.disease-detail p{font-size:15px!important}.disease-sources{font-size:13px}.visual .tabs button{font-size:14px}.mask-details{font-size:14px}.caption{font-size:12px!important}.heatmap-legend p{font-size:12px!important}.processing-stages span{font-size:12px}.processing-explanation h3{font-size:26px}#processing-canvas{height:340px}#photo-dialog{display:revert;width:760px;max-width:calc(100% - 28px);padding:32px;border:1px solid #dbe7d5;border-radius:24px}#photo-dialog:not([open]){display:none}#photo-dialog h2{font-size:37px}#photo-dialog>p{font-size:16px}#photo-dialog .photo-options{margin-top:26px}#photo-dialog .photo-option{min-height:235px}#photo-dialog .photo-option-action{margin-top:auto}#photo-dialog::backdrop{background:#153c2c4d;backdrop-filter:blur(3px)}
@media(max-width:700px){#check-dialog,#photo-dialog{padding:22px}#check-dialog h2{font-size:33px}#photo-dialog h2{font-size:31px}.photo-option{padding:20px 14px}.photo-option strong{font-size:18px}.photo-option small{font-size:13px}.photo-option-action{font-size:13px}.photo-format-note{font-size:10px}.selected{padding:16px;gap:15px}.selected img{width:80px;height:80px}.selected strong{font-size:16px}.selected #filesize{font-size:12px}.selected .text-link{font-size:14px}.analysis-action p{font-size:13px!important}.metrics span{font-size:11px}.metrics strong{font-size:21px}.results .section-heading h2{font-size:30px}.result-grid h3{font-size:24px}.score-label{font-size:14px}.disease-detail p{font-size:14px!important}.model-readiness p{font-size:12px!important}.processing-stages span{font-size:10px}.processing-explanation h3{font-size:23px}#processing-canvas{height:270px}#photo-dialog .photo-option{min-height:220px}}