#guest-photo .photo-scan-quota{display:inline-block;padding:10px 15px;background:#e7eadf;color:#293225;font-size:13px;font-weight:700}
#guest-photo .photo-intro{max-width:710px;color:#62675f;line-height:1.6}
#guest-photo .photo-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px;margin:28px 0 40px}
#guest-photo .photo-source{align-self:start;border:1px solid #d7d5ca;background:#fffefa;padding:22px}
#guest-photo .photo-source,#guest-photo .photo-result,#guest-photo .extracted-colors{min-width:0}
#guest-photo .upload{display:block;border:1px dashed #929b8b;padding:32px 20px;text-align:center;cursor:pointer;font-size:18px;font-weight:700}
#guest-photo .upload small{display:block;margin-top:8px;font-size:12px;font-weight:400}
#guest-photo #guest-photo-preview{display:block;width:100%;height:auto;max-height:430px;margin:20px auto;object-fit:contain}
#guest-photo #guest-photo-preview:not([src]){display:none}
#guest-photo .example-link{display:block;margin-top:12px;border:0;background:none;text-decoration:underline;cursor:pointer;font:inherit;font-size:13px}
#guest-photo .result-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}
#guest-photo .result-controls label{font-size:13px}
#guest-photo .result-controls select{margin-left:8px;padding:10px;border:1px solid #929b8b;background:#fffefa;color:#252a23;font:inherit}
#guest-photo .result-controls span{font-size:12px;color:#5e695b}
#guest-photo .photo-explanation{padding:12px 15px;border-left:3px solid #a0a989;background:#eeefe6;color:#4c5847;font-size:13px;line-height:1.6}
#guest-photo .extracted-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:500px;overflow:auto}
#guest-photo .extracted-color{min-width:0;border:1px solid #d7d5ca;background:#fffefa}
#guest-photo .color-swatch-image{display:block;width:100%;height:76px;object-fit:fill;color-scheme:only light;forced-color-adjust:none}
#guest-photo .color-share,#guest-photo .extracted-color strong,#guest-photo .extracted-color small{display:block;margin:9px}
#guest-photo .color-share{font-size:19px;line-height:1.2}
#guest-photo .color-share small{font-size:10px;font-weight:400;color:#66705e}
#guest-photo .extracted-color strong{font-size:11px}
#guest-photo .extracted-color>small{font-size:10px;color:#687167}
#guest-photo .photo-help{font-size:12px;color:#687167;line-height:1.6}
#guest-photo .save-note{padding:20px;border:1px solid #d7d5ca;background:#fffefa;margin-top:22px}
#guest-photo .save-note p{margin:0 0 12px}
#guest-photo .save-note a{display:inline-block;padding:12px 17px;background:#252a23;color:white;text-decoration:none;font-weight:700;font-size:13px}
#guest-photo .error{color:#9d3827;font-weight:700}
@media(max-width:780px){#guest-photo .photo-layout{grid-template-columns:minmax(0,1fr)}#guest-photo .extracted-colors{grid-template-columns:repeat(2,minmax(0,1fr))}#guest-photo .result-controls{align-items:flex-start;flex-direction:column}}

#guest-photo .photo-input-actions{display:grid;gap:10px}#guest-photo .upload-camera{display:none}@media (pointer:coarse), (max-width:780px){#guest-photo .upload-camera{display:block}}