@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");@media (max-width:768px){*{max-width:100%!important}article[style*=width],div[style*=width],section[style*=width]{width:100%!important;max-width:100%!important}main{width:100vw!important;overflow-x:hidden!important}[style*="padding: '80px"],[style*="padding: 80px"]{padding:40px 16px!important}}*{margin:0;padding:0;box-sizing:border-box}body,html{max-width:100%}body,html{height:100%}body,html{width:100%;overflow-x:hidden}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;width:100%;max-width:100%}#__next,#root,.app-container{min-height:100vh;width:100%;max-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;width:100%}.builder-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-wrap:wrap;gap:1rem}.builder-header h2{font-size:1.5rem;font-weight:600;color:#1f2937}.mode-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.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;white-space:nowrap}.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;width:100%}.template-gallery{display:flex;flex-direction:column;gap:2rem;width:100%}.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;width:100%}.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;width:100%}.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;flex-wrap:wrap}.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;flex-wrap:wrap}.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)}}@media (max-width:768px){body,html{width:100%;overflow-x:hidden!important}body{font-size:16px}.builder-content,.builder-header,.controls-panel,.design-studio,.preview-panel,.template-gallery,.templates-grid{width:100%;max-width:100%}.p-8{padding:1rem}.mb-8{margin-bottom:1rem}.pt-16{padding-top:1rem}.builder-header{padding:1rem;flex-direction:column;align-items:stretch}.builder-header h2{font-size:1.25rem}.mode-tabs{width:100%}.text-3xl{font-size:1.5rem;line-height:1.8rem}.invitation-preview{min-height:400px;padding:1rem;max-width:100%}.event-title{font-size:1.5rem;margin-bottom:.75rem}.event-details{gap:.5rem;margin-bottom:1rem}.builder-content{padding:1rem;min-height:auto}.templates-grid{grid-template-columns:1fr;gap:1rem}.template-thumbnail{height:150px}button,input,select,textarea{padding:.75rem;font-size:16px;min-height:44px}.design-studio{grid-template-columns:1fr;height:auto;gap:1rem}.controls-panel{padding:1rem;max-height:300px}.live-preview{padding:1rem}.tab{padding:.5rem 1rem;font-size:.875rem}.rsvp-button,.save-button,.use-template-btn{padding:.75rem 1rem}.template-card{border-radius:8px}.invitation-preview{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}main{width:100%;overflow-x:hidden}}@media (max-width:480px){body{font-size:15px}.event-title,.text-3xl{font-size:1.25rem}.invitation-preview{min-height:350px;padding:.75rem}button,input,select,textarea{font-size:16px}.builder-header h2{font-size:1rem}.builder-content,.builder-header{padding:.75rem}.templates-grid{gap:.75rem}}