@keyframes toastSlideIn{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastSlideOut{from{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wizardFadeIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.thanksTemplatePage{min-height:100vh;background:linear-gradient(180deg, #0f172a 0%, #111827 100%);color:#f8fafc;padding:32px 5% 48px}.thanksTemplate{max-width:1200px;margin:0 auto}.thanksTemplateMainContent{display:flex;flex-direction:column;gap:32px}.thanksTemplate__intro{background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.25);border-radius:16px;padding:24px;margin-bottom:24px;background:linear-gradient(135deg, rgba(236, 72, 153, 0.15) 0%, rgba(236, 72, 153, 0.05) 100%);border-color:rgba(236,72,153,.3)}.thanksTemplate__introTitle{font-size:1.5rem;font-weight:700;margin:0;color:#f8fafc}.thanksTemplate__introSubtitle{font-size:1rem;color:rgba(248,250,252,.75);margin:8px 0 0}.thanksTemplate__editor{background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.25);border-radius:16px;padding:24px;margin-bottom:24px}.thanksTemplate__editorTitle{font-size:1.25rem;font-weight:600;color:#f8fafc;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(148,163,184,.25)}.thanksTemplateForm{display:flex;flex-direction:column;gap:32px}.thanksTemplateForm__section{display:flex;flex-direction:column;gap:16px}.thanksTemplateForm__sectionTitle{font-size:1.125rem;font-weight:600;color:#f8fafc;margin:0 0 16px}.thanksTemplateForm__field{display:flex;flex-direction:column;gap:4px}.thanksTemplateForm__label{display:block;font-size:.9375rem;font-weight:500;color:rgba(248,250,252,.75);margin-bottom:4px}.thanksTemplateForm__input{width:100%;padding:14px 18px;background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.25);border-radius:8px;color:#f8fafc;font-size:1rem;line-height:1.5;transition:border-color .15s ease,box-shadow .15s ease}.thanksTemplateForm__input::placeholder{color:rgba(248,250,252,.75)}.thanksTemplateForm__input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.2)}.thanksTemplateForm__input:focus-visible{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.3)}.thanksTemplateForm__textarea{width:100%;padding:14px 18px;background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.25);border-radius:8px;color:#f8fafc;font-size:1rem;line-height:1.5;transition:border-color .15s ease,box-shadow .15s ease;min-height:120px;resize:vertical;line-height:1.6}.thanksTemplateForm__textarea::placeholder{color:rgba(248,250,252,.75)}.thanksTemplateForm__textarea:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.2)}.thanksTemplateForm__textarea:focus-visible{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.3)}.thanksTemplateForm__select{width:100%;padding:14px 18px;background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.25);border-radius:8px;color:#f8fafc;font-size:1rem;line-height:1.5;transition:border-color .15s ease,box-shadow .15s ease;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.thanksTemplateForm__select::placeholder{color:rgba(248,250,252,.75)}.thanksTemplateForm__select:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.2)}.thanksTemplateForm__select:focus-visible{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.3)}.thanksTemplateForm__color{width:100px;height:50px;border:1px solid rgba(148,163,184,.25);border-radius:8px;cursor:pointer;background:rgba(0,0,0,0)}.thanksTemplate__result{background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.25);border-radius:16px;padding:24px;margin-bottom:24px}.thanksTemplateResult__preview{background:#fff;color:#1f2937;border-radius:12px;padding:24px;min-height:200px;margin-bottom:24px;min-height:300px}.thanksTemplateResult__preview h1,.thanksTemplateResult__preview h2,.thanksTemplateResult__preview h3,.thanksTemplateResult__preview h4,.thanksTemplateResult__preview h5,.thanksTemplateResult__preview h6{color:#111827}.thanksTemplateResult__preview a{color:#2563eb}.thanksTemplateResult__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;min-height:48px;background:#60a5fa;color:#0f172a;border:none;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease;text-decoration:none}.thanksTemplateResult__button:hover{background:#93c5fd;box-shadow:0 10px 20px rgba(96,165,250,.35);transform:translateY(-2px)}.thanksTemplateResult__button:active{transform:translateY(0);box-shadow:0 4px 12px rgba(96,165,250,.25)}.thanksTemplateResult__button:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.thanksTemplateResult__button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.thanksTemplateToast{position:fixed;bottom:24px;right:24px;padding:14px 24px;background:#34d399;color:#0f172a;border-radius:12px;font-weight:500;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:1000;display:none;animation:toastSlideIn .3s ease forwards;display:none}@media(max-width: 640px){.thanksTemplateToast{left:16px;right:16px;bottom:16px;text-align:center}}.thanksTemplateToast_success{display:block;background:#34d399;color:#0f172a}.thanksTemplateToast_success::before{content:"✓ "}.thanksTemplateToast_error{display:block;background:#f87171;color:#0f172a}.thanksTemplateToast_error::before{content:"✕ "}.thanksTemplateToast_info{display:block;background:#60a5fa;color:#0f172a}.thanksTemplateToast_info::before{content:"ⓘ "}.thanksTemplateToast_warning{display:block;background:#fbbf24;color:#0f172a}.thanksTemplateToast_warning::before{content:"⚠ "}.thanksTemplateToast_success{background:#34d399}.thanksTemplateToast_error{background:#f87171}/*# sourceMappingURL=thanks-template.css.map */