.website-builder-wrapper{position:relative}.loader-overlay{z-index:10;position:absolute;inset:0}.main-content{transition:all .3s}.main-content.loading{filter:blur(2px);pointer-events:none}.form-section{margin-bottom:2rem}.section-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.section-header .label{color:#2d3748;margin:0;font-size:1.1rem;font-weight:600}.form-group{margin-bottom:1.5rem}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.label{color:#2d3748;margin-bottom:.5rem;font-size:.95rem;font-weight:500;display:block}.input,.textarea,.select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.75rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.input:focus,.textarea:focus,.select:focus{border-color:#3182ce;outline:none;box-shadow:0 0 0 3px #3182ce1a}textarea{resize:none!important;min-height:110px!important}.input::placeholder,.textarea::placeholder{color:#9ca3af}.color-input-container{align-items:center;gap:.5rem;display:flex}.color-picker{cursor:pointer;border:1px solid #d1d5db;border-radius:6px;width:2.7em;height:2.7em;padding:.3em!important}.optional{color:#6b7280;margin-left:.5rem;font-size:.875rem;font-weight:400}.button-group{border-top:1px solid #e2e8f0;gap:1rem;margin-top:2rem;padding-top:2rem;display:flex}.btn-search{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:6px;place-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;transition:all .2s;display:flex}.btn-search:hover{background:#047857;transform:translateY(-1px)}.btn-search:disabled{cursor:not-allowed;background:#9ca3af;transform:none}.btn-search.inactive-black{cursor:not-allowed;background:#374151}.btn-search.inactive-black:hover{background:#374151;transform:none}.results-container{grid-template-columns:1fr 3fr;gap:2rem;margin-bottom:2rem;display:grid}.changes-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;height:fit-content;padding:1.5rem}.changes-title{color:#2d3748;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.changes-textarea{min-height:120px;margin-bottom:1rem}.changes-button{justify-content:center;width:100%}.preview-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-height:600px}.action-buttons{border-top:1px solid #e2e8f0;justify-content:center;padding-top:2rem;display:flex}.action-buttons .btn-search{max-width:200px}.preview-container{flex-direction:column;justify-content:center;align-items:center;margin-top:3rem;display:flex}.website-builder-container{background:0 0}.submit-button{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;width:100%;padding:.875rem;font-weight:500;transition:background-color .15s}.highlight{color:#4070f4}.submit-button:hover{background:#333}.modify-input-container{background-color:#fff;border-radius:30px;align-items:center;width:70%;margin-bottom:1rem;padding:10px 10px 10px 20px;display:flex;box-shadow:0 4px 6px #0000001a}.modify-input-field{color:#7d8ca3;border:none;outline:none;flex:1;font-size:16px}.modify-input-field::placeholder{color:#b0b8c4}.modify-input-button{cursor:pointer;color:#fff;background:#000;border:3px solid #000;border-radius:30px;outline:none;padding:7px 20px;font-size:18px;transition:all .3s}.modify-input-button:hover{color:#000;background:#fff}.modify-input-button:focus{outline:none}.back-to-site-btn{margin-top:1rem;border-radius:8px!important;padding:1em!important}.change-count{margin-right:55%}@media (max-width:768px){.form-row{grid-template-columns:1fr}.button-group{flex-direction:column}.results-container{grid-template-columns:3fr;gap:1rem}.changes-section{order:2}.preview-section{order:1;min-height:400px}.modify-input-container{width:100%}.preview-container{padding:1rem!important}.preview-code-container{width:100%!important;overflow:auto!important}.change-count{margin-right:38%}.color-input-container{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (max-width:480px){.input,.textarea,.select{padding:.6rem;font-size:.9rem}.changes-section{padding:1rem}.action-buttons .btn-search{width:100%;max-width:none}}.loading-overlay{z-index:10;background:#ffffffe6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.results-container{animation:.3s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn-search:focus,.btn-reset:focus{outline-offset:2px;outline:2px solid #3182ce}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}select{background-color:#fff}