@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600;700&family=Bebas+Neue&family=Orbitron:wght@400;500;600;700&family=Bungee&family=Great+Vibes&family=Lora:wght@400;500;600;700&family=Fredoka:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&family=Spectral:wght@400;500;600;700&family=Atkinson+Hyperlegible:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Eagle+Lake&display=swap");*{margin:0;padding:0;box-sizing:border-box}html{height:100%;overflow-x:hidden}body,html{width:100%}body{font-family:Inter,sans-serif;background-color:#f9fafb;color:#1f2937;line-height:1.6;min-height:100vh}.header,.navbar,[role=navigation],header,nav{position:relative;z-index:100}#__next,#root,.app-container{min-height:100vh;width:100%}.image-section,.image-upload-container,[class*=imageContainer]{aspect-ratio:1/1!important}.image-section img,.image-upload-container img{width:100%;height:100%;object-fit:cover}.min-h-screen{min-height:100vh}.bg-gray-50{background-color:#f9fafb}.p-8{padding:2rem}.text-center{text-align:center}.font-bold{font-weight:700}.text-3xl{font-size:1.875rem;line-height:2.25rem}.mb-8{margin-bottom:2rem}.flex{display:flex}.justify-center{justify-content:center}.items-center{align-items:center}.flex-col{flex-direction:column}.flex-grow{flex-grow:1}.pt-16{padding-top:4rem}.invitation-builder{max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);overflow:hidden}.builder-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.builder-header h2{font-size:1.5rem;font-weight:600;color:#1f2937}.mode-tabs{display:flex;gap:.5rem}.tab{padding:.75rem 1.5rem;border:1px solid #d1d5db;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.tab:hover{background:#f3f4f6}.tab.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.tab:disabled{opacity:.5;cursor:not-allowed}.save-button{padding:.75rem 1.5rem;background:#10b981;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s}.save-button:hover{background:#059669}.save-button:disabled{background:#9ca3af;cursor:not-allowed}.builder-content{padding:2rem;min-height:600px}.template-gallery{display:flex;flex-direction:column;gap:2rem}.category-filters{display:flex;gap:.5rem;flex-wrap:wrap}.category-filter{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;border-radius:20px;cursor:pointer;font-size:.875rem;transition:all .2s}.category-filter:hover{background:#f3f4f6}.category-filter.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.template-card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;background:#fff}.template-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.template-thumbnail{height:200px;display:flex;align-items:center;justify-content:center;padding:1rem}.thumbnail-content{text-align:center;width:100%}.accent-bar{height:4px;width:60px;margin:0 auto 1rem;border-radius:2px}.template-info{padding:1rem}.template-info h4{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#1f2937}.template-category{font-size:.875rem;color:#6b7280;text-transform:capitalize}.use-template-btn{width:100%;padding:.75rem;background:#3b82f6;color:#fff;border:none;cursor:pointer;font-weight:500;transition:background .2s}.use-template-btn:hover{background:#2563eb}.design-studio{display:grid;grid-template-columns:350px 1fr;grid-gap:2rem;gap:2rem;height:600px}.controls-panel{background:#f8f9fa;border-radius:8px;padding:1.5rem;overflow-y:auto}.preview-panel{display:flex;flex-direction:column;gap:1rem}.preview-actions{display:flex;gap:.5rem;justify-content:center}.preview-action-btn{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.preview-action-btn:hover{background:#f3f4f6}.preview-action-btn.primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.preview-action-btn.primary:hover{background:#2563eb}.live-preview{flex:1 1;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:8px;padding:2rem}.invitation-preview{max-width:400px;width:100%;min-height:500px;padding:2rem;position:relative;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.background-image{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:50%;z-index:0;border-radius:8px}.invitation-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:space-between}.event-title{font-size:2rem;font-weight:700;margin-bottom:1rem;text-align:center}.event-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.detail-item{display:flex;align-items:center;gap:.5rem}.event-description{text-align:center;margin-bottom:1.5rem}.rsvp-section{padding-top:1.5rem;border-top:2px solid}.rsvp-button{padding:1rem 2rem;border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .2s;width:100%}.rsvp-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.customisation-panel{background:#fff;border-radius:8px;padding:1.5rem}.panel-header h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1f2937}.customisation-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:1rem}.customisation-tabs .tab{padding:.5rem 1rem;border:none;background:transparent;border-radius:6px;font-size:.875rem}.customisation-tabs .tab.active{background:#3b82f6;color:#fff}.tab-content{max-height:400px;overflow-y:auto}.editable-textarea{border:2px solid #3b82f6!important;border-radius:12px!important;padding:20px!important;font-size:inherit!important;font-family:inherit!important;color:inherit!important;background:hsla(0,0%,100%,.95)!important;box-shadow:0 4px 20px rgba(0,0,0,.1)!important;transition:all .3s ease!important;width:100%!important;resize:vertical!important;min-height:120px!important;line-height:1.6!important;outline:none!important}.editable-textarea:focus{border-color:#1d4ed8!important;box-shadow:0 6px 25px rgba(59,130,246,.25)!important;background:#fff!important;transform:translateY(-2px)!important}.editable-textarea::placeholder{color:#9ca3af!important;font-style:italic!important}.additional-notes textarea{font-style:italic!important;color:rgba(0,0,0,.6)!important}small.green{color:#2e7d32;font-weight:500}small.amber{color:#ef6c00;font-weight:500}.verify-btn{background-color:#004d40;color:#fff;border:none;border-radius:8px;padding:4px 10px;margin-left:8px;font-size:.8rem;cursor:pointer;transition:all .2s ease-in-out}.verify-btn:hover{background-color:#00695c;transform:scale(1.05)}.verify-btn.loading{opacity:.7;pointer-events:none;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,77,64,.5)}70%{box-shadow:0 0 0 10px rgba(0,77,64,0)}to{box-shadow:0 0 0 0 rgba(0,77,64,0)}}