.template-sample{background-color:#fff;justify-content:center;min-height:100vh;display:flex}.template-sample__content{background-color:#fff;width:100%;min-height:100vh}@media (min-width:768px){.template-sample__content{max-width:430px}}.template-loading,.template-error,.template-empty{--tpl-primary:#2d5a27;--tpl-accent:color-mix(in srgb, var(--tpl-primary) 70%, #6cae5c);text-align:center;background:linear-gradient(180deg, color-mix(in srgb, var(--tpl-primary) 5%, #fff) 0%, #fff 45%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.template-loading__card,.template-error__card,.template-empty__card{flex-direction:column;align-items:center;gap:1.25rem;animation:.6s both tpl-fade-up;display:flex}.template-loading__loader{place-items:center;width:72px;height:72px;display:grid;position:relative}.template-loading__ring{border:3px solid color-mix(in srgb, var(--tpl-primary) 18%, transparent);border-top-color:var(--tpl-primary);border-right-color:var(--tpl-accent);border-radius:50%;animation:.9s cubic-bezier(.5,.1,.3,1) infinite tpl-spin;position:absolute;inset:0}.template-error__card{gap:1rem;max-width:420px}.template-error__badge{color:#c0392b;background:#f9edec;border-radius:50%;place-items:center;width:96px;height:96px;margin-bottom:.5rem;display:grid;box-shadow:0 0 0 10px #c0392b0d}.template-error__badge svg{width:44px;height:44px}.template-error__title{color:#2a3525;font-family:Playfair Display,serif;font-size:1.35rem;font-weight:700}.template-error__message{color:#7a8c72;max-width:340px;font-size:.95rem;line-height:1.55}.template-error__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.template-error__btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:.7rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.template-error__btn:active{transform:translateY(1px)}.template-error__btn--primary{color:#fff;background:var(--tpl-primary);box-shadow:0 6px 14px color-mix(in srgb, var(--tpl-primary) 30%, transparent);border:none}.template-error__btn--primary:hover{background:color-mix(in srgb, var(--tpl-primary) 85%, #000)}.template-error__btn--ghost{border:1.5px solid color-mix(in srgb, var(--tpl-primary) 22%, transparent);color:var(--tpl-primary);background:color-mix(in srgb, var(--tpl-primary) 6%, #fff)}.template-error__btn--ghost:hover{background:color-mix(in srgb, var(--tpl-primary) 12%, #fff);border-color:color-mix(in srgb, var(--tpl-primary) 35%, transparent)}.template-empty__card{color:#7a8c72;font-size:1rem}.template-empty__icon{color:var(--tpl-accent);font-size:2rem}.invitation-preview__banner{z-index:60;color:#fff;letter-spacing:.12em;text-align:center;text-transform:uppercase;background:#2a3525eb;margin:0;padding:6px 12px;font-size:12px;font-weight:600;position:fixed;top:0;left:0;right:0}.invitation-preview__watermark{z-index:55;color:#2a35251f;letter-spacing:.15em;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:center;align-items:center;font-size:clamp(2rem,12vw,6rem);font-weight:800;display:flex;position:fixed;inset:0;transform:rotate(-28deg)}@keyframes tpl-spin{to{transform:rotate(360deg)}}@keyframes tpl-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}