.config-page{min-height:100vh;background:var(--bg-gray);padding:2rem 0}.config-container{max-width:900px;margin:0 auto;padding:0 1.5rem}.config-page h1{color:var(--text-dark);margin-bottom:.5rem;font-size:2rem}.config-subtitle{color:var(--text-light);margin-bottom:2rem;font-size:1.125rem}.config-sections{display:flex;flex-direction:column;gap:2rem}.config-section{background:white;padding:2rem;border-radius:.75rem;box-shadow:var(--shadow-md)}.config-section h2{color:var(--text-dark);font-size:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.config-group,.config-section h2{margin-bottom:1.5rem}.config-group label{display:block;color:var(--text-dark);font-weight:600;margin-bottom:.5rem;font-size:.95rem}.config-input{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:.5rem;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.config-input:focus{outline:none;border-color:var(--primary-color)}.config-textarea{resize:vertical;min-height:100px}.config-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer}.config-checkbox input[type=checkbox]{width:auto;cursor:pointer}.config-range{width:100%;margin-top:.5rem}.config-color{height:50px}.config-color,.config-select{width:100%;border:2px solid var(--border-color);border-radius:.5rem;cursor:pointer}.config-select{padding:.75rem;font-size:1rem;font-family:inherit;background:white;transition:border-color .3s ease}.config-select:focus{outline:none;border-color:var(--primary-color)}.config-preview{margin-top:1rem}.preview-hero{min-height:200px;display:flex;align-items:center;justify-content:center}.config-actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.btn-reset,.btn-save{padding:.75rem 2rem;font-size:1rem;font-weight:600;border-radius:.5rem;border:none;cursor:pointer;transition:all .3s ease}.btn-save{background-color:var(--primary-color);color:white}.btn-save:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-reset{background-color:transparent;color:var(--text-dark);border:2px solid var(--border-color)}.btn-reset:hover{background-color:var(--bg-gray);border-color:var(--text-light)}@media (max-width:640px){.config-actions{flex-direction:column}.btn-reset,.btn-save{width:100%}}