.photo-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start}.upload-panel{padding:25px;border:1px solid var(--line);border-radius:12px;background:white}.upload-panel .section-top h2{font-size:23px;font-weight:500}.count{font-size:13px;letter-spacing:2px;background:#f1e9dc;padding:6px 10px;border-radius:4px}.upload-help{font-size:14px;line-height:1.7;color:#6d6254;max-width:550px;margin:12px 0 24px}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.photo-card{position:relative;min-width:0}.photo-label-row{display:flex;gap:8px;align-items:center;margin-bottom:10px;font-size:14px}.photo-label-row>span{font-size:12px;color:#786b58}.photo-label-row strong{font-weight:500}.drop-zone{display:flex;position:relative;min-height:190px;aspect-ratio:3/4;flex-direction:column;align-items:center;justify-content:center;background:#faf7f1;border:1px dashed #d6c9b5;border-radius:7px;overflow:hidden;cursor:pointer;text-align:center;padding:12px;gap:6px}.drop-zone input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2}.drop-zone:focus-within{outline:3px solid #927a56;outline-offset:3px}.drop-zone img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.upload-symbol{font-size:31px;font-weight:400;line-height:1;margin-bottom:10px;color:#6d6254}.upload-title{font-size:13px;font-weight:500}.upload-caption{font-size:12px;color:#786b58}.drop-zone.has-photo{border-style:solid}.drop-zone.has-photo>span{display:none}.photo-status{font-size:12px;color:#786b58;line-height:1.5;margin:9px 0 0;min-height:36px}.remove-photo{position:absolute;top:40px;right:8px;z-index:3;border:0;border-radius:4px;background:#fffffff0;font-size:12px;padding:4px 7px}.file-hint{font-size:12px;color:#786b58;margin:19px 0 22px}.photo-consent{font-size:12px;color:#6d6254;line-height:1.65;display:flex;align-items:flex-start;gap:10px;cursor:pointer}.photo-consent input{margin:4px 0;accent-color:#353535;flex-shrink:0;width:16px;height:16px}.analyze-button{margin:19px 0 9px;min-height:49px;font-size:15px;padding:12px 18px;background:#292929}.analyze-button:disabled{background:#e9ddc9;color:#6d6254;cursor:not-allowed}.connection-note{font-size:12px;line-height:1.6;color:#6d6254;margin:8px 0}.under-action{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#786b58;gap:10px}.process-strip{border-top:1px solid var(--line);margin-top:27px;padding-top:21px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.process-strip>div>span{display:block;color:#786b58;font-size:12px;margin-bottom:8px}.process-strip strong{font-size:13px;font-weight:500}.process-strip p{font-size:12px;color:#786b58;line-height:1.6;margin:5px 0 0}.preview-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f1e9dc}.preview-photo{height:300px;position:relative}.preview-photo>img{height:100%;width:100%;object-fit:cover}.preview-photo>.tag{position:absolute;left:19px;top:18px;background:#e8d7bb;color:#292929;font-size:10px;padding:5px 8px}.preview-copy{padding:24px}.preview-copy .eyebrow{font-size:10px;letter-spacing:1.1px;color:#6d6254}.preview-copy h2{font:500 25px/1.25 'Manrope',sans-serif;letter-spacing:-.8px;margin:13px 0}.preview-copy p{font-size:14px;color:#6d6254;line-height:1.7}.sample-button{display:flex;align-items:center;justify-content:space-between;gap:15px;background:none;border:0;border-bottom:1px solid #d6c9b5;padding:12px 0;font-size:13px;text-align:left;width:100%}.preview-copy .sample-note{font-size:11px;margin:9px 0 0;color:#786b58}.error-message{border:1px solid #d6c9b5;background:#faf7f1;color:#6d6254;padding:12px 14px;border-radius:6px;font-size:14px;margin:12px 0}.assessment{margin-top:34px;border-top:1px solid #d6c9b5;padding-top:30px;scroll-margin-top:25px}.assessment-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.assessment-head h2{font:500 29px 'Manrope',sans-serif;letter-spacing:-1px;margin:9px 0 0}.assessment-head .tag{background:#e8d7bb}.assessment-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.finding-list{display:flex;flex-direction:column;gap:10px;margin-top:20px}.finding{padding:18px;border:1px solid var(--line);border-radius:7px;background:#ffffff}.finding h3{font-size:16px;font-weight:500;margin:0 0 7px}.finding p{font-size:14px;color:#6d6254;margin:5px 0;line-height:1.6}.finding .observation-label{font-size:11px;letter-spacing:.8px;color:#786b58;display:block;margin:10px 0 4px}.assessment .hero-card{grid-template-columns:1fr;min-height:0}.assessment .product-copy{padding:25px}.assessment-summary{font-size:15px;color:#6d6254}.care-steps{padding-left:20px;font-size:14px;color:#6d6254}.care-steps li{margin:10px 0}.photo-quality{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.photo-quality span{font-size:12px;background:#f1e9dc;color:#6d6254;padding:5px 8px;border-radius:4px}.excluded-card{margin-top:16px;background:#f1e9dc;border:1px solid #d6c9b5;border-radius:8px;padding:18px}.excluded-card h3{font-size:14px;margin:0 0 8px}.excluded-card p{font-size:13px;color:#6d6254;line-height:1.6;margin:6px 0}.report-note{font-size:12px;line-height:1.7;color:#786b58;margin-top:18px}.photo-consent:has(input:disabled){opacity:.7}.loading-dot{display:inline-block;width:14px;height:14px;border:2px solid #ffffff66;border-top-color:#ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.photo-workspace{grid-template-columns:minmax(0,1fr);gap:22px}.upload-panel{padding:20px}.photo-grid{gap:8px}.drop-zone{min-height:170px;padding:6px}.upload-title{font-size:12px}.upload-caption{font-size:11px}.preview-photo{height:260px}.preview-copy{padding:20px}.preview-copy h2{font-size:23px}}
@media(max-width:780px){.photo-workspace{grid-template-columns:minmax(0,1fr)}.preview-card{display:grid;grid-template-columns:34% 66%}.preview-photo{height:100%;min-height:240px}.preview-photo>.tag{left:8px;top:10px;font-size:9px;max-width:calc(100% - 16px)}.preview-copy{padding:22px}.preview-copy h2{font-size:22px}.preview-copy .eyebrow{font-size:10px}.assessment-columns{grid-template-columns:1fr}.assessment-head h2{font-size:25px}.upload-panel .section-top h2{font-size:21px}.process-strip{gap:10px}.process-strip strong{font-size:12px}.photo-grid{gap:8px}.drop-zone{min-height:155px}.photo-label-row{font-size:13px}.upload-title{font-size:12px}.upload-caption{font-size:11px}.under-action{font-size:11px}.tabs>button span{font-size:12px}.tabs{gap:16px}.tabs>.method-link{margin-left:0;font-size:12px;padding-top:0}.photo-consent{font-size:12px}.assessment-head{align-items:flex-start}.assessment-head .tag{font-size:11px}.upload-help{font-size:14px}.intro>p{font-size:14px}.report-note{font-size:12px}}
@media(max-width:390px){.upload-panel{padding:16px}.photo-grid{grid-template-columns:1fr}.drop-zone{min-height:160px;aspect-ratio:2/1}.photo-status{min-height:0;margin-bottom:8px}.preview-card{display:block}.preview-photo{height:230px}.process-strip{grid-template-columns:1fr}.process-strip>div{display:grid;grid-template-columns:25px 1fr;gap:4px}.process-strip p{grid-column:2}.process-strip>div>span{margin:0}.photo-label-row{font-size:14px}.upload-title{font-size:14px}}
@media(prefers-reduced-motion:reduce){.loading-dot{animation:none}}
.analyze-button:not(:disabled){background:#2d4df0}.sample-button{color:#253ec2}.photo-consent input{accent-color:#2d4df0}.drop-zone:focus-within{outline-color:#2d4df0}.assessment-head .tag{background:#edf0ff;color:#253ec2}
.capture-options{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin:20px 0 10px}.capture-options .primary{justify-content:center;gap:20px;font-size:16px;min-height:52px}.capture-options .secondary{font-size:16px}.capture-help{font-size:14px;color:#786b58;margin:10px 0 22px}.capture-options button:disabled{opacity:.5;cursor:not-allowed}#camera-dialog{width:calc(100% - 28px);max-width:490px;max-height:94dvh;padding:22px;background:#faf7f1;overflow:auto}.camera-header{display:flex;justify-content:space-between;align-items:center}.camera-header button{font-size:27px;background:none;border:0;width:38px;height:38px}.camera-header .eyebrow{color:#2d4df0}#camera-title{font-size:26px;margin:8px 0}#camera-instruction{font-size:15px;line-height:1.6;margin:0 0 16px;min-height:48px}.camera-viewport{position:relative;background:#242424;border-radius:12px;overflow:hidden;aspect-ratio:3/4;max-height:48dvh;display:flex;align-items:center;justify-content:center}.camera-viewport video,.camera-viewport img{width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}.camera-guide{position:absolute;width:68%;height:80%;border:2px dashed #ffffffaa;border-radius:45%;pointer-events:none}.camera-mirror{position:absolute;bottom:10px;left:10px;padding:3px 8px;border-radius:4px;background:#242424aa;color:white;font-size:12px}#camera-countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:white;text-shadow:0 2px 12px #0009;font-size:76px;font-weight:600;background:#0002}.camera-actions{display:flex;gap:10px;margin-top:16px}.camera-actions .primary{justify-content:center;min-height:48px;font-size:15px}.camera-actions .secondary{min-width:90px}.camera-actions button:disabled{opacity:.5;cursor:not-allowed}.camera-privacy{font-size:12px!important;margin:12px 0;color:#786b58}#camera-error{font-size:14px;color:#48443e;background:#e9ddc9;padding:12px;border-radius:5px}.camera-viewport:has(#camera-still:not([hidden])) .camera-guide{display:none}@media(max-width:500px){#camera-dialog{padding:16px;max-height:96dvh}.camera-viewport{max-height:46dvh}#camera-instruction{font-size:14px}.capture-options{grid-template-columns:1fr 1fr;gap:8px}.capture-options .primary,.capture-options .secondary{font-size:14px;padding:12px 10px}}@media(prefers-reduced-motion:reduce){#photo-review{scroll-behavior:auto}}

.photo-privacy{font-size:14px;line-height:1.6;margin:12px 0;color:var(--ink,#202020)}.photo-privacy summary{cursor:pointer;text-decoration:underline}.photo-privacy a{color:inherit}

.arete-attribution{font-size:14px;color:#615e59;margin:8px 0}
