/*
 * Rate My Room — the photo and the rating. Source: sites/dreamy-tools/tools/rate-my-room/tool.css (Dash repo);
 * loaded after core/tools.css on this tool only.
 */
.rr-upload input { font-size: 16px; } /* hidden, but iPhone still zooms a page whose focused field is under 16px */
.rr-photo { display: block; width: 100%; height: auto; max-height: 320px; object-fit: contain; border-radius: 12px; background: #f4efe6; }
.rr-rating h3 { font-size: 17px; margin: 14px 0 6px; }
.rr-rating h3:first-child { margin-top: 0; }
.rr-rating ul { margin: 0; padding-left: 20px; }
.rr-rating li { margin: 4px 0; }
.rr-sw { display: inline-block; width: 16px; height: 16px; border-radius: 4px; margin-right: 8px; vertical-align: -3px; border: 1px solid rgba(43, 37, 34, .2); }
.rr-example { font-size: 14px; color: #6b625b; margin: 0 0 8px; }
.rr-wait { color: #6b625b; }
/* TG4: the paid redesign's styles and its picture (the panel itself is core/tools-pro.js's) */
.rr-styles { flex-wrap: wrap; margin: 4px 0 8px; }
.rr-ai-img { display: block; width: 100%; height: auto; border-radius: 12px; margin: 10px 0; }