/* Window and door sign maker. The preview stage and the paper controls come from css/_print-kit.css. Borders: 1px hairline. */
#visu-tools .vt-window-sign #vt-ws-thint { margin-top: 10px !important; max-width: 62ch; }
#visu-tools .vt-window-sign .vt-ws-form:not([hidden]) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; align-items: start; margin-top: 18px; padding-top: 16px;
  border-top: 1px solid var(--vt-line); }
#visu-tools .vt-window-sign .vt-ws-form > .vt-hint { margin-top: -8px !important; }
#visu-tools .vt-window-sign .vt-ws-form .vt-check { grid-column: 1 / -1; min-height: 0; align-items: flex-start; align-self: start; }
#visu-tools .vt-window-sign .vt-ws-form .vt-check input { flex: none; margin-top: 3px; }
#visu-tools .vt-window-sign .vt-ws-form textarea { min-height: 72px; }
/* Date and time inputs follow the text fields. */
#visu-tools .vt-window-sign :is(input[type=date], input[type=time]) { width: 100% !important; min-height: 46px; padding: 10px 14px !important; border-radius: 12px !important;
  border: 1px solid var(--vt-line-2) !important; background: #fff !important; color: var(--vt-ink) !important; font: inherit !important; font-size: 16px !important; line-height: 1.4 !important;
  box-shadow: none !important; margin: 0 !important; }
#visu-tools .vt-window-sign #vt-ws-clipped { margin-top: 14px !important; }
#visu-tools .vt-window-sign :is(.vt-ws-layout, .vt-ws-look) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; align-items: start; margin-top: 20px; padding-top: 16px;
  border-top: 1px solid var(--vt-line); }
/* Orientation takes the width of its two choices, size gets the rest: its labels are longer ("Media hoja (A5)"). */
#visu-tools .vt-window-sign .vt-ws-layout { grid-template-columns: auto minmax(0, 1fr); gap: 16px 32px; }
#visu-tools .vt-window-sign .vt-ws-layout .vt-hint, #visu-tools .vt-window-sign .vt-ws-look .vt-pk-logo { grid-column: 1 / -1; }
#visu-tools .vt-window-sign .vt-ws-layout .vt-hint { margin-top: -6px !important; }
#visu-tools .vt-window-sign .vt-ws-privacy { margin-top: 16px !important; }
#visu-tools .vt-window-sign .vt-ws-dyn :is(p, ol) { max-width: 78ch; }
#visu-tools .vt-window-sign .vt-ws-steps { padding-left: 22px !important; display: grid; gap: 6px; }
@media (max-width: 600px) {
  #visu-tools .vt-window-sign .vt-ws-form:not([hidden]), #visu-tools .vt-window-sign :is(.vt-ws-layout, .vt-ws-look) { grid-template-columns: minmax(0, 1fr); }
  /* Few options per group: wrap them instead of a scroll strip, so no choice hides off screen. */
  #visu-tools .vt-window-sign .vt-in .vt-seg-items { flex-wrap: wrap; overflow-x: visible; margin: 0; padding: 0; }
}