/* Creator form: grouped designs (storybook first), smart wedding details, compact celebrations,
   time zone line and the music picker. Loaded after wedding-studio.css and wedding-site.css. */

/* Question language: a small control above the steps */
.vows-studio .v-form-language{display:flex;justify-content:flex-end;margin:0 0 18px}
.vows-studio .v-form-language label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#664561}
.vows-studio .v-form-language select{min-height:38px;padding:4px 30px 4px 12px;border:1px solid #d9bfd2;border-radius:999px;background-color:#fffdfa;color:#402d44;font-size:14px}

/* Designs: one heading per group; the grid is a plain element, so no empty first cell */
.vows-studio .v-design-picker{margin:0 0 28px;padding:0;border:0;min-width:0}
.vows-studio .v-design-picker>legend{margin:0 0 12px;padding:0;font-size:15px;font-weight:600;color:#1d1734}
.vows-studio .v-design-group{margin:0 0 22px}
.vows-studio .v-design-group-head h3{display:flex;align-items:center;gap:10px;margin:0;font:600 18px/1.4 var(--sans);color:#402d44}
.vows-studio .v-design-group-head p{margin:2px 0 0;font-size:14px;color:#7b5d74}
.vows-studio .v-design-picker .v-theme-options{margin:12px 0 0}
.vows-studio .v-design-storybook{padding:16px;border:1px solid #e7c9dc;border-radius:18px;background:linear-gradient(135deg,#fff4f8,#f6f1ff)}
.v-new-badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;background:#c2185b;color:#fff;font:700 11px/1.6 var(--sans,system-ui);font-style:normal;letter-spacing:.06em;text-transform:uppercase}
.v-theme-option>span>.v-new-badge{position:absolute!important;z-index:3!important;top:9px;left:32px;padding:1px 7px;font-size:9px;box-shadow:0 2px 6px #6f1f4a33}

/* About the wedding: tradition, community and the invitation language */
.vows-studio .v-about-wedding{margin:0 0 24px;padding:20px;border:1px solid #dbe0ef;border-radius:16px;background:#f4f6fc}
.vows-studio .v-about-wedding .v-community-note{margin:-4px 0 14px}
.vows-studio .v-about-wedding>.v-fine{margin:6px 0 0;font-size:13px;line-height:1.6}
.vows-studio .v-language-suggest{display:inline-flex;align-items:center;gap:6px;min-height:40px;margin:-6px 0 6px;padding:8px 14px;border:1px solid #b9c3ff;border-radius:999px;background:#fff;color:#314fd7;font:600 14px/1.4 var(--sans);cursor:pointer}
.vows-studio .v-language-suggest:hover{background:#eef1ff}
.vows-studio .v-language-suggest[hidden]{display:none}

/* Illustrated designs need no photographs */
.vows-studio .v-no-photos{display:flex;gap:10px;align-items:flex-start;margin:6px 0 24px;padding:14px 16px;border-radius:14px;background:#f1f8f2;border:1px solid #cfe5d3;color:#2f5b3a;font-size:15px;line-height:1.6}
.vows-studio .v-no-photos[hidden],.vows-studio .v-builder-photos[hidden],.vows-studio .v-photo-shortcut[hidden]{display:none}

/* Optional extras */
.vows-studio .v-more-options{margin:8px 0 24px;padding:0 16px;border:1px solid #e3d5e0;border-radius:14px;background:#fffdfa}
.vows-studio .v-more-options>summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-height:52px;padding:14px 0;font-weight:600;color:#402d44;cursor:pointer}
.vows-studio .v-more-options>summary small{font-weight:400;font-size:13px;color:#7b5d74}
.vows-studio .v-more-options[open]{padding-bottom:6px}

/* Time zone: one sentence, with the fields behind "Change" */
.vows-studio .v-timezone{margin:-6px 0 26px}
.vows-studio .v-timezone-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-size:14px;color:#5d4a5b}
.vows-studio .v-timezone-line .v-text-link{min-height:36px;font-size:14px}
.vows-studio .v-timezone-note{margin:2px 0 0;color:#2f6b46;font-size:13px}
.vows-studio .v-timezone-note:empty{display:none}
.vows-studio #timezone-fields{margin-top:12px}
.vows-studio #timezone-fields[hidden]{display:none}

/* Celebrations: compact cards */
.vows-studio .v-events-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:34px}
.vows-studio .v-events-heading h3{margin:0}
.vows-studio #event-editor .v-event-editor{display:block;padding:18px 20px 8px;margin-top:16px;border-radius:16px}
.vows-studio .v-event-editor .v-field{margin:0 0 14px}
.vows-studio .v-event-editor-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.vows-studio .v-event-when{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:0 12px}
@media(max-width:540px){.vows-studio .v-event-when.v-event-when{grid-template-columns:minmax(0,1fr)}.vows-studio .v-event-when.v-event-when>.v-field{grid-column:auto}}
.vows-studio .v-event-where{margin:0 0 14px}
.vows-studio .v-field-label{display:block;margin-bottom:6px;font-size:15px;font-weight:600;color:#1d1734}
.vows-studio .v-segmented{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid #d9bfd2;border-radius:999px;background:#fffdfa}
.vows-studio .v-segmented label{position:relative;cursor:pointer}
.vows-studio .v-segmented input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.vows-studio .v-segmented span{display:inline-flex;align-items:center;min-height:38px;padding:6px 16px;border-radius:999px;font-size:14px;font-weight:600;color:#664561;transition:background .2s,color .2s}
.vows-studio .v-segmented input:checked+span{background:#955375;color:#fff}
.vows-studio .v-segmented input:focus-visible+span{outline:3px solid #314fd7;outline-offset:2px}
.vows-studio .v-event-where small[data-location-summary]{display:block;margin-top:6px;color:#7b5d74;font-size:13px;overflow-wrap:anywhere}
.vows-studio .v-event-where small:empty{display:none}
.vows-studio .v-event-editor .v-place-status{margin:-8px 0 12px}
.vows-studio .v-quick-add{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:18px 0 6px}
.vows-studio .v-quick-add[hidden]{display:none}
.vows-studio .v-quick-add-label{font-size:14px;font-weight:600;color:#664561}
.vows-studio .v-quick-add .v-answer-options{margin:0}
.vows-studio #add-event{margin-top:14px}

/* Background music: tap ▶ to listen, tap the card to choose */
.vows-studio .v-music-choice h3{margin:4px 0 6px}
.vows-studio .v-track-list{display:grid;gap:8px;margin:12px 0}
.vows-studio .v-track{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:60px;padding:10px 12px 10px 14px;border:1px solid #e1d6ef;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.vows-studio .v-track:hover{border-color:#c6b2dd}
.vows-studio .v-track:has(input:checked){border-color:#4968ff;box-shadow:0 0 0 2px #4968ff33;background:#f7f8ff}
.vows-studio .v-track>input{width:18px;height:18px;margin:0;accent-color:#4968ff}
.vows-studio .v-track-body{display:flex;flex-direction:column;min-width:0}
.vows-studio .v-track-body strong{font-size:15px;color:#1d1734;overflow-wrap:anywhere}
.vows-studio .v-track-body small{font-size:13px;color:#7b5d74;overflow-wrap:anywhere}
.vows-studio .v-track-badge{font:600 11px/1.5 var(--sans);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#c2185b}
.vows-studio .v-track-play{display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#955375;color:#fff;font-size:14px;cursor:pointer}
.vows-studio .v-track-play:hover{background:#7b3262}
.vows-studio .v-track.is-playing .v-track-play{background:#2f6b46;animation:v-song-pulse 1.6s ease-in-out infinite}
.vows-studio .v-track-more{margin:4px 0 8px}
.vows-studio .v-track-more>summary{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:#314fd7;cursor:pointer}
.vows-studio .v-track-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 12px}
.vows-studio .v-track-plain{grid-template-columns:auto minmax(0,1fr);min-height:52px}
.vows-studio #custom-audio-field[hidden]{display:none}
.vows-studio .v-song-picker>summary small{font-weight:400;color:#7b5d74;margin-inline-start:4px}
.vows-studio .v-song-more-collections{padding:7px 12px;border:1px dashed #b9a7cc;border-radius:999px;background:#fff;color:#664561;font-size:13px;min-height:36px;cursor:pointer}

@media (max-width:620px){
 .vows-studio .v-form-language{justify-content:flex-start}
 .vows-studio .v-about-wedding{padding:16px}
 .vows-studio .v-design-storybook{padding:12px}
 .vows-studio .v-event-when{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .vows-studio .v-event-when>.v-field:first-child{grid-column:1/-1}
 .vows-studio #event-editor .v-event-editor{padding:16px 14px 6px}
 .vows-studio .v-track-extra{grid-template-columns:minmax(0,1fr)}
 .vows-studio .v-segmented{display:flex}
 .vows-studio .v-segmented label{flex:1 1 auto}
 .vows-studio .v-segmented span{justify-content:center;width:100%}
}