/* Printable cake topper. The preview stage and the paper controls come from css/_print-kit.css. Borders: 1px hairline. */
#visu-tools.vt-cake-topper .vt-cake-head { display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: center; justify-content: space-between; }
#visu-tools.vt-cake-topper .vt-cake-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--vt-line); }
#visu-tools.vt-cake-topper .vt-cake-pals { display: flex; flex-wrap: wrap; gap: 8px; }
#visu-tools.vt-cake-topper .vt-cake-pal { display: inline-flex; width: 52px; height: 32px; padding: 3px; gap: 2px; border-radius: 10px; border: 1px solid var(--vt-line-2); background: #fff; cursor: pointer; }
#visu-tools.vt-cake-topper .vt-cake-pal span { flex: 1; border-radius: 10px; }
#visu-tools.vt-cake-topper .vt-cake-pal[aria-pressed="true"] { box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--vt-ink); }
#visu-tools.vt-cake-topper .vt-cake-privacy { margin-top: 16px !important; }
#visu-tools.vt-cake-topper .vt-out { position: sticky; top: 16px; }
@media (max-width: 900px) {
  #visu-tools.vt-cake-topper .vt-out { position: static; }
}
@media (max-width: 600px) {
  #visu-tools.vt-cake-topper .vt-cake-grid { grid-template-columns: minmax(0, 1fr); }
  #visu-tools.vt-cake-topper .vt-seg-items { flex-wrap: wrap; overflow-x: visible; margin: 0; padding: 0; }
}
#visu-tools.vt-cake-topper .vt-cake-head { margin-bottom: 8px; }
#visu-tools.vt-cake-topper .vt-cake-texts { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 14px 16px; }
#visu-tools.vt-cake-topper .vt-cake-texts .vt-wide { grid-column: 1 / -1; }
#visu-tools.vt-cake-topper .vt-cake-grid > .vt-cake-twice { grid-column: 1 / -1; display: grid; gap: 2px; }
#visu-tools.vt-cake-topper .vt-cake-twice .vt-hint { margin: 0 !important; }
#visu-tools.vt-cake-topper .vt-cake-grid > :is(.vt-seg, .vt-cake-colors) { grid-column: 1 / -1; }