/* Profile picture maker (2026-10-11). Shared pieces come from css/_image-kit.css. */
#visu-tools.vt-profile-picture-maker .vt-pp-work { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 16px; }
#visu-tools.vt-profile-picture-maker .vt-pp-work[hidden], #visu-tools.vt-profile-picture-maker .vt-pp-ring-opts[hidden] { display: none; }
#visu-tools.vt-profile-picture-maker .vt-pp-stage { padding: 14px; min-height: 0; }
#visu-tools.vt-profile-picture-maker .vt-pp-stage canvas { width: min(100%, 380px); max-height: none; height: auto; aspect-ratio: 1; border-radius: 10px; }
#visu-tools.vt-profile-picture-maker .vt-pp-work .vt-link-btn { justify-self: start; }
#visu-tools.vt-profile-picture-maker .vt-pp-previews { display: grid; gap: 10px; }
#visu-tools.vt-profile-picture-maker .vt-pp-preview-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 18px; padding: 16px; border: 1px solid var(--vt-line); border-radius: 14px; background: var(--vt-bg); }
#visu-tools.vt-profile-picture-maker .vt-pp-preview-row figure { display: grid; gap: 6px; justify-items: center; font-size: 12px; color: var(--vt-muted); font-variant-numeric: tabular-nums; }
#visu-tools.vt-profile-picture-maker .vt-pp-preview-row canvas { display: block; border-radius: 50%; background: #fff conic-gradient(#e6eaf0 25%, transparent 0 50%, #e6eaf0 0 75%, transparent 0) 0 0 / 10px 10px; }
#visu-tools.vt-profile-picture-maker .vt-pp-opt { margin-top: 4px; }
#visu-tools.vt-profile-picture-maker .vt-pp-opt .vt-check { min-height: 0; align-self: start; }
#visu-tools.vt-profile-picture-maker .vt-pp-ring-opts { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 14px; border: 1px solid var(--vt-line); border-radius: 14px; background: var(--vt-bg); }
#visu-tools.vt-profile-picture-maker .vt-pp-sizes { border: 0 !important; padding: 0 !important; margin: 0 !important; min-width: 0; display: grid; gap: 10px; }
#visu-tools.vt-profile-picture-maker .vt-pp-sizes > legend { padding: 0; margin-bottom: 10px; }
#visu-tools.vt-profile-picture-maker .vt-pp-sizes .vt-check { align-items: flex-start; font-size: 14.5px; line-height: 1.4; }
#visu-tools.vt-profile-picture-maker .vt-pp-sizes .vt-check input { flex: none; margin-top: 1px; }
@media (max-width: 600px) {
  #visu-tools.vt-profile-picture-maker .vt-pp-preview-row { gap: 14px; padding: 12px; }
  #visu-tools.vt-profile-picture-maker .vt-pp-opt .vt-ik-row > .vt-field { flex-basis: 100%; }
}