/*
 * Picture Frame & Poster Size Visualizer — the wall and the frame on it. Source: sites/dreamy-tools/tools/
 * picture-frame-size-visualizer/tool.css (Dash repo); loaded after core/tools.css on this tool only.
 * The frame is positioned in PERCENT of the stage, so the stage must be exactly the wall or the photo:
 * no padding, and the drawn wall must not take .chqt-diagram's 320px height cap (a capped SVG letterboxes
 * its viewBox and the percentages would stop meaning inches).
 */
.fv-fig { padding: 0; overflow: hidden; }
.fv-stage { position: relative; line-height: 0; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
.fv-stage > svg:first-child, .fv-photo { display: block; width: 100%; height: auto; max-height: none; }
.fv-stage--tap { cursor: crosshair; touch-action: manipulation; }
.fv-marks { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; }
.fv-art {
  position: absolute; background: #2b2522; border-radius: 1px; cursor: grab; touch-action: none;
  box-shadow: 0 2px 6px rgba(43, 37, 34, .35), 0 8px 18px rgba(43, 37, 34, .18);
}
.fv-art:active { cursor: grabbing; }
.fv-mat { position: absolute; background: #fbf8f3; }
.fv-print { position: absolute; background: linear-gradient(135deg, #d9c4a8 0%, #b85042 45%, #5f8a6a 100%); opacity: .9; }
.fv-empty { line-height: 1.5; padding: 48px 16px; margin: 0; text-align: center; color: #6b625b; font-size: 15px; }
.fv-upload { position: relative; margin-bottom: 8px; }
.fv-upload input { font-size: 16px; } /* hidden, but iPhone still zooms a page whose focused field is under 16px */