.footer-configurator{background:var(--bg-primary);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-xl)}.footer-configurator__header{margin-bottom:var(--space-md)}.footer-configurator__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.footer-configurator__form{display:flex;flex-direction:column;gap:var(--space-lg)}.footer-configurator__field{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-configurator__fields{display:flex;justify-content:space-between}.footer-configurator__fieldset{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.footer-configurator__legend{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-sm);padding:0}.footer-configurator__checkbox-group{display:flex;align-items:center;gap:var(--space-sm)}.footer-configurator__checkbox{width:1rem;height:1rem;accent-color:var(--primary-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer}.footer-configurator__checkbox:focus{outline:2px solid var(--primary-color);outline-offset:2px}.footer-configurator__checkbox-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer}.footer-configurator__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-sm)}.footer-configurator__input{width:100%;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:var(--transition-normal);background-color:var(--bg-secondary);color:var(--text-primary)}.footer-configurator__input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.footer-configurator__input::placeholder{color:var(--text-tertiary)}.footer-configurator__color-group{display:flex;flex-direction:row-reverse;align-items:center;gap:var(--space-md)}.footer-configurator__color-picker{flex:1;height:2.9rem;cursor:pointer;padding:0;background:none;border:none}.footer-configurator__color-picker:focus{outline:2px solid var(--primary-color);outline-offset:2px}.footer-configurator__color-input{padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:var(--transition-normal);background-color:var(--bg-secondary);color:var(--text-primary)}.footer-configurator__color-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.footer-configurator__color-input::placeholder{color:var(--text-tertiary)}.footer-configurator__social-section{display:flex;flex-direction:column;gap:var(--space-md)}.footer-configurator__social-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.footer-configurator__add-button{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--primary-color);color:var(--text-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-normal)}.footer-configurator__add-button:hover{background:var(--primary-hover)}.footer-configurator__add-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.footer-configurator__social-list{display:flex;flex-direction:column;gap:var(--space-md)}.footer-configurator__social-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);background:var(--bg-muted);border-radius:var(--radius-md);border:1px solid var(--border-muted)}.footer-configurator__social-select{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--bg-primary);cursor:pointer;transition:var(--transition-normal);min-width:120px;background-color:var(--bg-secondary);color:var(--text-primary)}.footer-configurator__social-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.footer-configurator__social-input{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:var(--transition-normal);background-color:var(--bg-secondary);color:var(--text-primary)}.footer-configurator__social-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.footer-configurator__social-input::placeholder{color:var(--text-tertiary)}.footer-configurator__remove-button{padding:var(--space-sm) var(--space-md);background:var(--error-color);color:var(--text-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-normal);white-space:nowrap}.footer-configurator__remove-button:hover{background:var(--error-hover)}.footer-configurator__remove-button:focus{outline:2px solid var(--error-color);outline-offset:2px}.footer-configurator__empty-message{padding:var(--space-lg);text-align:center;font-style:italic;color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.footer-configurator__preview{margin-top:var(--space-lg);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:4px solid var(--primary-color)}.footer-configurator__preview-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-xs) 0}.footer-configurator__preview-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}@media (max-width: 768px){.footer-configurator{padding:var(--space-lg)}.footer-configurator__color-group{flex-direction:column;align-items:stretch}.footer-configurator__color-picker{width:100%}.footer-configurator__social-item{flex-direction:column;gap:var(--space-sm)}.footer-configurator__social-header{flex-direction:column;gap:var(--space-sm);align-items:stretch}.footer-configurator__social-select{min-width:auto}}@media (prefers-reduced-motion: reduce){.footer-configurator__input,.footer-configurator__color-input,.footer-configurator__social-input,.footer-configurator__social-select,.footer-configurator__add-button,.footer-configurator__remove-button{transition:none}}@media (prefers-contrast: high){.footer-configurator{border:2px solid var(--border-color)}.footer-configurator__social-item,.footer-configurator__input,.footer-configurator__color-input,.footer-configurator__social-input,.footer-configurator__social-select{border-width:2px}}.header-configurator__logo-preview{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-xs);width:100%;border:1px solid;padding:var(--space-sm)}.header-configurator__remove-logo:hover,.header-configurator__remove-logo:focus{background:var(--danger-text, #b91c1c);color:#fff;outline:none;box-shadow:0 2px 8px #b91c1c26}.header-configurator__remove-logo{background:var(--danger-bg, #fee2e2);color:var(--danger-text, #b91c1c);font-size:1rem;min-width:160px;font-weight:600;box-shadow:var(--shadow-xs);border-radius:var(--radius-md);padding:.5rem 1.2rem;display:block;text-align:center;border:none}.header-configurator{background:var(--bg-primary);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-xl)}.header-configurator__header{margin-bottom:var(--space-md)}.header-configurator__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.header-configurator__form{display:flex;flex-direction:column;gap:var(--space-md)}.header-configurator__field{display:flex;flex-direction:column;border:none;margin:0;padding:0}.header-configurator__fields{display:flex;justify-content:space-between}.header-configurator__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-sm)}.header-configurator__input{width:100%;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:var(--transition-normal);background-color:var(--bg-secondary);color:var(--text-primary)}.header-configurator__input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.header-configurator__input::placeholder{color:var(--text-muted)}.header-configurator__file-input{width:100%;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--bg-primary);cursor:pointer;transition:var(--transition-base)}.header-configurator__file-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.header-configurator__file-input:hover{border-color:var(--border-hover)}.header-configurator__logo-image{height:128px;width:auto;object-fit:contain;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.header-configurator__color-group{display:flex;align-items:center;gap:var(--space-md);flex-direction:row-reverse}.header-configurator__color-picker{flex:1;height:2.9rem;cursor:pointer;padding:0;background:none;border:none}.header-configurator__color-picker:focus{outline:2px solid var(--primary-color);outline-offset:2px}.header-configurator__color-input{padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:var(--transition-normal);background-color:var(--bg-secondary);color:var(--text-primary)}.header-configurator__color-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.header-configurator__color-input::placeholder{color:var(--text-tertiary)}.header-configurator__preview{margin-top:var(--space-lg);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:4px solid var(--primary-color)}.header-configurator__preview-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-xs) 0}.header-configurator__preview-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}@media (max-width: 768px){.header-configurator{padding:var(--space-lg)}.header-configurator__color-group{flex-direction:column;align-items:stretch}.header-configurator__color-picker{width:100%}}@media (prefers-reduced-motion: reduce){.header-configurator__input,.header-configurator__file-input,.header-configurator__color-input{transition:none}}@media (prefers-contrast: high){.header-configurator{border:2px solid var(--border-color)}.header-configurator__input,.header-configurator__file-input,.header-configurator__color-input{border-width:2px}}.navbar-configurator{background:var(--bg-primary);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-xl)}.navbar-configurator__header{margin-bottom:var(--space-md)}.navbar-configurator__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.navbar-configurator__form{display:flex;flex-direction:column;gap:var(--space-md)}.navbar-configurator__field{display:flex;flex-direction:column;border:none;margin:0;padding:0}.navbar-configurator__fields{display:flex;justify-content:space-between}.navbar-configurator__checkbox-group{display:flex;align-items:center;gap:var(--space-sm)}.navbar-configurator__checkbox{width:1rem;height:1rem;accent-color:var(--primary-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer}.navbar-configurator__checkbox:focus{outline:2px solid var(--primary-color);outline-offset:2px}.navbar-configurator__checkbox-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer}.navbar-configurator__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-sm)}.navbar-configurator__select{width:100%;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--bg-secondary);cursor:pointer;transition:var(--transition-normal);color:var(--text-primary)}.navbar-configurator__select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.navbar-configurator__color-group{display:flex;flex-direction:row-reverse;align-items:center;gap:var(--space-md)}.navbar-configurator__color-picker{flex:1;height:2.9rem;cursor:pointer;padding:0;background:none;border:none}.navbar-configurator__color-picker:focus{outline:2px solid var(--primary-color);outline-offset:2px}.navbar-configurator__color-input{padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:var(--transition-normal);background-color:var(--bg-secondary);color:var(--text-primary)}.navbar-configurator__color-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.navbar-configurator__color-input::placeholder{color:var(--text-tertiary)}.navbar-configurator__nav-section{display:flex;flex-direction:column;gap:var(--space-md)}.navbar-configurator__nav-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.navbar-configurator__add-button{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--primary-color);color:var(--text-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-normal)}.navbar-configurator__add-button:hover{background:var(--primary-hover)}.navbar-configurator__add-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.navbar-configurator__nav-items{display:flex;flex-direction:column;gap:var(--space-md)}.navbar-configurator__nav-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.navbar-configurator__nav-input{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:var(--transition-normal);background-color:var(--bg-secondary);color:var(--text-primary)}.navbar-configurator__nav-input--id{width:90px;min-width:70px;max-width:100px;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);margin-top:0}.navbar-configurator__nav-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.navbar-configurator__nav-input::placeholder{color:var(--text-tertiary)}.navbar-configurator__remove-button{padding:var(--space-sm) var(--space-md);background:var(--error-color);color:var(--text-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-normal);white-space:nowrap}.navbar-configurator__remove-button:hover{background:var(--error-hover)}.navbar-configurator__remove-button:focus{outline:2px solid var(--error-color);outline-offset:2px}.navbar-configurator__preview{margin-top:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:4px solid var(--primary-color)}.navbar-configurator__preview-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin:0 0 var(--space-xs) 0}.navbar-configurator__preview-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.navbar-configurator__nav-note-row{display:flex;justify-content:flex-end;align-items:center;margin-bottom:4px;min-height:1.2em}.navbar-configurator__nav-note{font-size:.95em;color:var(--text-tertiary, #aaa);font-weight:400;margin-right:8px}@media (max-width: 768px){.navbar-configurator{padding:var(--space-md)}.navbar-configurator__color-group{flex-direction:column;align-items:stretch}.navbar-configurator__color-picker{width:100%}.navbar-configurator__nav-item{flex-direction:column;gap:var(--space-sm)}.navbar-configurator__nav-header{flex-direction:column;gap:var(--space-sm);align-items:stretch}}@media (prefers-reduced-motion: reduce){.navbar-configurator__select,.navbar-configurator__color-input,.navbar-configurator__nav-input,.navbar-configurator__add-button,.navbar-configurator__remove-button{transition:none}}@media (prefers-contrast: high){.navbar-configurator{border:2px solid var(--border-color)}.navbar-configurator__nav-item,.navbar-configurator__select,.navbar-configurator__color-input,.navbar-configurator__nav-input{border-width:2px}}.content-section-configurator__image-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-xs);width:100%}.content-section-configurator__remove-image{background:var(--danger-bg, #fee2e2);color:var(--danger-text, #b91c1c);border:none;border-radius:var(--radius-md);padding:.5rem 1.2rem;font-size:1rem;min-width:160px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;font-weight:600;box-shadow:var(--shadow-xs);margin:0 auto;display:block;text-align:center}.content-section-configurator__remove-image:hover,.content-section-configurator__remove-image:focus,.content-section-configurator__remove-button:hover,.content-section-configurator__remove-button:focus{background:var(--danger-text, #b91c1c);color:#fff;outline:none;box-shadow:0 2px 8px #b91c1c26}.content-section-configurator__actions .content-section-configurator__remove-button{background:var(--danger-bg, #fee2e2);color:var(--danger-text, #b91c1c);font-size:1rem;min-width:160px;font-weight:600;box-shadow:var(--shadow-xs);border-radius:var(--radius-md);padding:.5rem 1.2rem;display:block;text-align:center;border:none}.content-section-configurator__actions .content-section-configurator__remove-button:hover,.content-section-configurator__actions .content-section-configurator__remove-button:focus{background:var(--danger-text, #b91c1c);color:#fff}.section-builder{background-color:var(--bg-primary);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-lg)}.section-builder__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.section-builder__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.section-builder__add-button{padding:var(--space-sm) var(--space-md);background-color:var(--success-color);color:var(--text-inverse);border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-duration) var(--transition-timing);display:flex;align-items:center;gap:var(--space-xs)}.section-builder__add-button:hover{background-color:var(--success-dark);transform:translateY(-1px)}.section-builder__add-button:focus{outline:none;box-shadow:0 0 0 3px var(--success-light)}.section-builder__add-button:active{transform:translateY(0)}.section-builder__list{display:flex;flex-direction:column;gap:var(--space-md)}.section-builder__preview{margin-top:var(--space-md);padding:var(--space-sm);background-color:var(--bg-secondary);border-radius:var(--radius-md)}.section-builder__preview-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.section-builder__empty{text-align:center;padding:var(--space-xl);color:var(--text-secondary);font-style:italic}.content-section-configurator{background-color:var(--bg-secondary);padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--border);transition:all var(--transition-duration) var(--transition-timing)}.content-section-configurator:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.content-section-configurator__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);cursor:pointer}.content-section-configurator__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;flex:1;min-width:0;word-break:break-word}.content-section-configurator__remove-button{padding:var(--space-xs) var(--space-sm);background-color:var(--error-color);color:var(--text-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-duration) var(--transition-timing);flex-shrink:0}.content-section-configurator__remove-button:hover{background-color:var(--error-dark);transform:translateY(-1px)}.content-section-configurator__remove-button:focus{outline:none;box-shadow:0 0 0 3px var(--error-light)}.content-section-configurator__remove-button:active{transform:translateY(0)}.content-section-configurator__collapse-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--accent-color);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);flex-shrink:0}.content-section-configurator__collapse-button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.content-section-configurator__collapse-button:focus{outline:none;box-shadow:0 0 0 3px #6366f11a}.content-section-configurator__collapse-icon{width:20px;height:20px;transition:transform .3s ease}.content-section-configurator__collapse-icon--collapsed{transform:rotate(-90deg)}.content-section-configurator__body{overflow:hidden;transition:all .3s ease;opacity:1;max-height:none;margin-top:var(--space-md)}.content-section-configurator__body--collapsed{opacity:0;max-height:0;margin:0;padding:0}.content-section-configurator__actions{display:flex;justify-content:flex-end;margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border)}.content-section-configurator__form{display:flex;flex-direction:column;gap:var(--space-md)}.content-section-configurator__field{display:flex;flex-direction:column;gap:var(--space-xs);border:none;margin:0;padding:0}.content-section-configurator__fields{display:flex;justify-content:space-between}.content-section-configurator__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-xs)}.content-section-configurator__input,.content-section-configurator__textarea,.content-section-configurator__select,.content-section-configurator__file-input{width:100%;padding:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all var(--transition-duration) var(--transition-timing);background-color:var(--bg-primary);color:var(--text-primary)}.content-section-configurator__input::placeholder,.content-section-configurator__textarea::placeholder{color:var(--text-tertiary);opacity:.7}.content-section-configurator__input:focus,.content-section-configurator__textarea:focus,.content-section-configurator__select:focus,.content-section-configurator__file-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.content-section-configurator__input:hover,.content-section-configurator__textarea:hover,.content-section-configurator__select:hover{border-color:var(--border-hover)}.content-section-configurator__textarea{resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.content-section-configurator__file-input{cursor:pointer;padding:var(--space-sm);color:var(--text-primary)}.content-section-configurator__file-input::-webkit-file-upload-button{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);margin-right:var(--space-sm);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-duration) var(--transition-timing);color:var(--text-primary)}.content-section-configurator__file-input::-webkit-file-upload-button:hover{background-color:var(--bg-tertiary)}.content-section-configurator__color-group{display:flex;flex-direction:row-reverse;align-items:center;gap:var(--space-sm)}.content-section-configurator__color-picker{flex:1;height:2.9rem;cursor:pointer;padding:0;background:none;border:none}.content-section-configurator__color-picker:focus{outline:none;box-shadow:0 0 0 3px var(--primary-light)}.content-section-configurator__color-input{min-width:0;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-sm);font-size:var(--font-size-sm)}.content-section-configurator__image-preview{margin-top:var(--space-sm);padding:var(--space-sm);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;justify-content:center}.content-section-configurator__image{height:128px;width:auto;object-fit:contain;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.content-section-configurator__conditional-field{opacity:1;transform:translateY(0);transition:all var(--transition-duration) var(--transition-timing)}.content-section-configurator__conditional-field--hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.content-section-configurator__select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;appearance:none;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.content-section-configurator--loading{opacity:.7;pointer-events:none}.content-section-configurator--loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--border);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.section-builder{padding:var(--space-md)}.section-builder__header,.content-section-configurator__header{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.content-section-configurator__color-group{flex-direction:column;align-items:stretch}.content-section-configurator__color-picker{width:100%;height:50px}}@media (max-width: 480px){.section-builder{padding:var(--space-sm)}.section-builder__title{font-size:var(--font-size-lg)}.content-section-configurator{padding:var(--space-sm)}.content-section-configurator__title{font-size:var(--font-size-base)}}@media (prefers-contrast: high){.content-section-configurator{border-width:2px}.content-section-configurator__input:focus,.content-section-configurator__textarea:focus,.content-section-configurator__select:focus,.content-section-configurator__file-input:focus{border-width:2px}}@media (prefers-reduced-motion: reduce){.section-builder__add-button,.content-section-configurator__remove-button,.content-section-configurator__color-picker,.content-section-configurator,.content-section-configurator__input,.content-section-configurator__textarea,.content-section-configurator__select,.content-section-configurator__file-input,.content-section-configurator__conditional-field{transition:none}.content-section-configurator--loading:after{animation:none}}.section-builder__add-section-container{display:flex;justify-content:center;margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.section-builder__add-button--bottom{background-color:var(--primary-color);padding:var(--space-md) var(--space-lg);font-size:var(--font-size-base);min-width:200px;justify-content:center;color:#fff}.section-builder__add-button--bottom:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.section-builder__add-button--bottom:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.welcome-auth-modal{position:fixed;inset:0;background:#0f172af2;display:flex;justify-content:center;align-items:center;z-index:2000;backdrop-filter:blur(8px);animation:fadeInOverlay .3s ease-out}@keyframes fadeInOverlay{0%{opacity:0;background:#0f172a00}to{opacity:1;background:#0f172af2}}.welcome-auth-modal__content{background:var(--gradient-generador-dark);border-radius:20px;padding:3rem;width:90%;max-width:550px;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff1a;position:relative;text-align:center;border:1px solid rgba(255,255,255,.1);animation:slideInModal .3s cubic-bezier(.25,.46,.45,.94)}.welcome-auth-modal__header{margin-bottom:2rem}.welcome-auth-modal__logo{font-size:3rem;margin-bottom:1rem;display:block;animation:welcome-auth-bounce 2s ease-in-out infinite}@keyframes welcome-auth-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.welcome-auth-modal__title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.welcome-auth-modal__subtitle{font-size:1.1rem;color:var(--text-secondary);margin:0;line-height:1.6}.welcome-auth-modal__features{margin:2rem 0;padding:1.5rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:16px;border:1px solid #e2e8f0}.welcome-auth-modal__features-title{font-size:1rem;font-weight:600;color:#374151;margin:0 0 1rem}.welcome-auth-modal__features-list{display:grid;gap:.75rem;text-align:left}.welcome-auth-modal__feature{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#475569}.welcome-auth-modal__feature-icon{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0}.welcome-auth-modal__actions{display:flex;gap:1rem;margin-top:2rem}.welcome-auth-modal__button{flex:1;padding:1rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.welcome-auth-modal__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.welcome-auth-modal__button:hover:before{left:100%}.welcome-auth-modal__button--primary{background:var(--primary-color);color:var(--text-primary);box-shadow:0 4px 12px #534b994d}.welcome-auth-modal__button--primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #534b9966}.welcome-auth-modal__button--secondary{background:#fff;color:#374151;border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000000d}.welcome-auth-modal__button--secondary:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.welcome-auth-modal__skip{margin-top:1rem;font-size:.9rem;color:var(--text-tertiary)}.welcome-auth-modal__skip-button{background:none;border:none;color:var(--text-tertiary);text-decoration:underline;cursor:pointer;font-size:inherit;padding:.25rem;border-radius:4px;transition:color .2s ease}.welcome-auth-modal__skip-button:hover{color:var(--text-secondary)}.welcome-auth-modal__welcome-content{margin:2rem 0;text-align:left}.welcome-auth-modal__description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1rem;text-align:center}.welcome-auth-modal__description:last-child{margin-bottom:0;font-weight:500;color:var(--text-secondary)}@media (max-width: 640px){.welcome-auth-modal__content{margin:1rem;padding:2rem}.welcome-auth-modal__actions{flex-direction:column}.welcome-auth-modal__title{font-size:1.6rem}}.modal-overlay{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(4px);z-index:10001;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);animation:fadeInOverlay .3s ease-out}.modal-overlay--visible{opacity:1}.modal{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;width:100%;max-width:480px;max-height:90vh;overflow:hidden;border:1px solid var(--border-color);animation:slideInModal .3s cubic-bezier(.25,.46,.45,.94)}.modal--visible{transform:scale(1) translateY(0)}.modal__header{padding:var(--space-xl);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:var(--space-md);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.modal__icon{font-size:1.5rem;flex-shrink:0}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;flex:1;color:var(--text-primary)}.modal__close{background:none;border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal__close:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:scale(1.1)}.modal__body{padding:var(--space-xl)}.modal__message{margin:0;line-height:1.6;color:var(--text-secondary);font-size:var(--font-size-md)}.modal__footer{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border-color);display:flex;gap:var(--space-md);justify-content:flex-end;background:var(--bg-secondary)}.modal__button{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;min-width:80px;position:relative;overflow:hidden}.modal__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.modal__button:hover:before{left:100%}.modal__button--primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:1px solid var(--primary-color)}.modal__button--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.modal__button--secondary{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.modal__button--secondary:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--primary-color)}.modal__input{width:100%;padding:var(--space-md);margin-top:var(--space-md);border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-md);font-family:inherit;transition:all .2s ease-out;outline:none}.modal__input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;background:var(--bg-primary)}.modal__input::placeholder{color:var(--text-secondary);opacity:.7}.modal--input .modal__icon{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.modal--input .modal__header{background:linear-gradient(135deg,#4f46e51a,#7c3aed1a);border-bottom-color:#4f46e533}.modal--success .modal__header{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom-color:#0ea5e9}.modal--success .modal__icon{color:#10b981}.modal--error .modal__header{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom-color:#ef4444}.modal--error .modal__icon{color:#ef4444}.modal--warning .modal__header{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-bottom-color:#f59e0b}.modal--warning .modal__icon{color:#f59e0b}.modal--info .modal__header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom-color:#64748b}.modal--info .modal__icon{color:#3b82f6}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(30px)}}@media (max-width: 640px){.modal-overlay{padding:var(--space-md)}.modal{max-width:100%}.modal__header,.modal__body{padding:var(--space-lg)}.modal__footer{padding:var(--space-md) var(--space-lg);flex-direction:column-reverse}.modal__button{width:100%}}@media (prefers-color-scheme: dark){.modal{box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a}.modal--success .modal__header{background:linear-gradient(135deg,#0c4a6e,#075985)}.modal--error .modal__header{background:linear-gradient(135deg,#7f1d1d,#991b1b)}.modal--warning .modal__header{background:linear-gradient(135deg,#78350f,#92400e)}.modal--info .modal__header{background:linear-gradient(135deg,#1e293b,#334155)}}.template-selector-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#0000004d;backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--space-md);overflow:auto;pointer-events:all;animation:fadeInOverlay .3s ease-out}@keyframes fadeInOverlay{0%{opacity:0;background:#0000}to{opacity:1;background:#0000004d}}.template-selector{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000080;width:100%;max-width:1400px;max-height:95vh;height:auto;min-height:85vh;overflow:hidden;display:flex;flex-direction:column;position:relative;border:1px solid var(--border-color);animation:slideInModal .3s cubic-bezier(.25,.46,.45,.94)}@keyframes slideInModal{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.template-selector__header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;flex-shrink:0;min-height:80px;max-height:100px}.template-selector__title-section{flex:1;min-height:0}.template-selector__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-xs) 0;display:flex;align-items:center;gap:var(--space-sm);line-height:1.2}.template-selector__subtitle{font-size:var(--font-size-sm);opacity:.9;margin:0;line-height:1.3}.template-selector__close-button{background:#fff3;border:none;border-radius:var(--radius-md);padding:var(--space-sm);color:#fff;cursor:pointer;transition:all var(--transition-fast);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.template-selector__close-button:hover{background:#ffffff4d;transform:scale(1.05)}.template-selector__close-button svg{width:1.25rem;height:1.25rem}.template-selector__categories{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color);display:flex;gap:var(--space-md);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;background:var(--bg-secondary);justify-content:flex-start;align-items:center}.template-selector__categories::-webkit-scrollbar{display:none}.template-selector__category{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);min-height:2.25rem;flex-shrink:0;justify-content:center;text-align:center;position:relative}.template-selector__category:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.15)}.template-selector__category:focus{outline:none;background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.2)}.template-selector__category--active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.template-selector__category--active:hover{background:var(--primary-dark, var(--primary-color));border-color:var(--primary-dark, var(--primary-color));transform:translateY(-1px)}.template-selector__category-icon{font-size:var(--font-size-base);display:none}.template-selector__grid{flex:1;overflow-y:auto;padding:var(--space-lg);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;align-items:stretch;grid-auto-rows:auto;margin:0 auto;min-height:0}.template-selector__grid::-webkit-scrollbar{width:8px}.template-selector__grid::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}.template-selector__grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.template-selector__grid::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.template-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);opacity:1;transform:translateY(0);width:100%;height:max-content;display:flex;flex-direction:column}.template-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.template-card__preview{position:relative;height:220px;overflow:hidden;flex:0 0 220px}.template-card__preview-image{width:100%;height:100%;position:relative}.template-card__preview-img{width:100%;height:100%;object-fit:cover;display:block;transition:none}.template-card:hover .template-card__preview-img{transform:none}.template-card__preview-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);display:flex;align-items:center;justify-content:center}.template-card__preview-icon{font-size:2.5rem;opacity:.6}.template-card__preview-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.template-card:hover .template-card__preview-overlay{opacity:1}.template-card__preview-button{background:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.template-card__preview-button:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.template-card__badge{position:absolute;top:var(--space-md);right:var(--space-md)}.template-card__category{background:var(--primary-color);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize}.template-card__content{padding:var(--space-lg);flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:130px;position:relative}.template-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-md) 0;text-align:center;line-height:1.3;flex-grow:1;display:flex;align-items:center;justify-content:center;min-height:50px}.template-card__feature--more:before{content:"⋯";color:var(--primary-color)}.template-card__styles{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding:var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-shrink:0}.template-card__color-palette{display:flex;gap:var(--space-xs)}.template-card__color{width:1.25rem;height:1.25rem;border-radius:var(--radius-sm);border:2px solid white;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.template-card__color:hover{transform:scale(1.1)}.template-card__layout-badge{background:var(--bg-primary);border:1px solid var(--border-color);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:capitalize;transition:all var(--transition-fast)}.template-card__select-button{width:100%;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:48px;margin-top:auto;flex-shrink:0;box-shadow:0 2px 8px #3b82f640;position:relative;overflow:hidden;letter-spacing:.025em}.template-card__select-button:hover{background:linear-gradient(135deg,var(--primary-hover),var(--primary-color));transform:translateY(-1px);box-shadow:0 4px 12px #3b82f659}.template-card__select-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.template-card__select-button:hover:before{left:100%}.template-card__select-button:active{transform:translateY(0) scale(.98);transition:transform .3s ease}.template-selector__empty{grid-column:1 / -1;text-align:center;padding:var(--space-2xl);color:var(--text-secondary)}.template-selector__empty-icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.5;display:none}.template-selector__empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-sm) 0}.template-selector__empty-text{max-width:400px;margin:0 auto}.template-preview-modal{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.template-preview-modal__overlay{position:absolute;inset:0;background:#000000e6;backdrop-filter:blur(8px)}.template-preview-modal__content{position:relative;background:var(--bg-primary);border-radius:var(--radius-xl);max-width:1000px;width:100%;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-xl);display:flex;flex-direction:column}.template-preview-modal__header{padding:var(--space-lg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary)}.template-preview-modal__header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.template-preview-modal__header button{background:none;border:none;font-size:var(--font-size-lg);color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.template-preview-modal__header button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.template-preview-modal__body{flex:1;overflow:hidden;display:grid;grid-template-columns:2fr 1fr}.template-preview-modal__preview{border-right:1px solid var(--border-color);padding:var(--space-md);display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}.template-preview-modal__image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.template-preview-modal__info{padding:var(--space-lg);overflow-y:auto}.template-preview-modal__features{margin:var(--space-lg) 0}.template-preview-modal__features h4{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.template-preview-modal__features ul{list-style:none;padding:0;margin:0}.template-preview-modal__features li{padding:var(--space-xs) 0;font-size:var(--font-size-sm);color:var(--text-secondary);position:relative;padding-left:var(--space-md)}.template-preview-modal__features li:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:var(--font-weight-bold)}.template-preview-modal__select-button{width:100%;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);margin-top:auto}.template-preview-modal__select-button:hover{background:var(--primary-hover)}.template-card__preview-mockup{position:relative;width:100%;height:100%;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-primary);box-shadow:0 1px 3px #0000001a}.template-card__mockup-header{height:20%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);border-bottom:1px solid rgba(255,255,255,.2)}.template-card__mockup-logo{width:1rem;height:.75rem;background:var(--text-primary);opacity:.6;border-radius:var(--radius-xs)}.template-card__mockup-nav{display:flex;gap:var(--space-xs)}.template-card__mockup-nav span{width:.5rem;height:.25rem;background:var(--text-primary);opacity:.4;border-radius:var(--radius-xs)}.template-card__mockup-content{height:80%;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xs)}.template-card__mockup-hero{height:40%;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;position:relative}.template-card__mockup-hero:before{content:"";position:absolute;width:60%;height:.2rem;background:var(--text-primary);opacity:.3;border-radius:var(--radius-xs);top:30%}.template-card__mockup-hero:after{content:"";position:absolute;width:40%;height:.15rem;background:var(--text-primary);opacity:.2;border-radius:var(--radius-xs);top:60%}.template-card__mockup-sections{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.template-card__mockup-sections>div{flex:1;border-radius:var(--radius-xs);position:relative}.template-card__mockup-sections>div:before{content:"";position:absolute;width:50%;height:.15rem;background:var(--text-primary);opacity:.3;border-radius:var(--radius-xs);top:30%;left:var(--space-xs)}.template-card__mockup-sections>div:after{content:"";position:absolute;width:70%;height:.1rem;background:var(--text-primary);opacity:.2;border-radius:var(--radius-xs);top:60%;left:var(--space-xs)}.template-card__mockup-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;opacity:.8;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));display:none}.template-card:hover .template-card__mockup-header{opacity:.8}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 1920px){.template-selector{max-width:1600px;max-height:90vh}.template-selector__grid{grid-template-columns:repeat(4,1fr);gap:var(--space-xl);padding:var(--space-xl)}.template-card__preview{height:240px;flex:0 0 240px}}@media (min-width: 1440px) and (max-width: 1919px){.template-selector{max-width:1400px;max-height:92vh}.template-selector__grid{grid-template-columns:repeat(4,1fr);gap:var(--space-lg);padding:var(--space-lg)}}@media (min-width: 1200px) and (max-width: 1439px){.template-selector{max-width:1200px;max-height:94vh}.template-selector__header{padding:var(--space-md) var(--space-lg);min-height:70px;max-height:85px}.template-selector__title{font-size:var(--font-size-lg)}.template-selector__subtitle{font-size:var(--font-size-xs)}.template-selector__categories{padding:var(--space-sm) var(--space-md);min-height:55px;max-height:65px}.template-selector__grid{grid-template-columns:repeat(3,1fr);gap:var(--space-md);padding:var(--space-md)}.template-card{min-height:340px;max-height:420px}.template-card__preview{height:200px;flex:0 0 200px}.template-card__content{min-height:120px}}@media (min-width: 1024px) and (max-width: 1199px){.template-selector{max-width:calc(100vw - 3rem);max-height:95vh}.template-selector__header{padding:var(--space-sm) var(--space-md);min-height:65px;max-height:80px}.template-selector__title{font-size:var(--font-size-base)}.template-selector__subtitle{font-size:var(--font-size-xs);display:none}.template-selector__categories{padding:var(--space-xs) var(--space-sm);min-height:50px;max-height:60px}.template-selector__category{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);min-height:1.75rem}.template-selector__grid{grid-template-columns:repeat(3,1fr);gap:var(--space-sm);padding:var(--space-sm)}.template-card__preview{height:180px;flex:0 0 180px}.template-card__content{padding:var(--space-md);min-height:110px}.template-card__title{font-size:var(--font-size-base);min-height:40px}.template-card__select-button{padding:var(--space-sm) var(--space-md);min-height:44px;font-size:var(--font-size-sm)}}@media (min-width: 768px) and (max-width: 1023px){.template-selector{margin:var(--space-sm);max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem)}.template-selector__header{padding:var(--space-sm);min-height:60px;max-height:75px;flex-direction:row;align-items:center}.template-selector__title{font-size:var(--font-size-base);margin-bottom:0}.template-selector__subtitle{display:none}.template-selector__categories{padding:var(--space-xs);min-height:45px;max-height:55px;gap:var(--space-xs)}.template-selector__category{padding:var(--space-xs);font-size:var(--font-size-xs);min-height:1.5rem}.template-selector__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm);padding:var(--space-sm)}.template-card{min-height:300px;max-height:380px}.template-card__preview{height:160px;flex:0 0 160px}.template-card__content{padding:var(--space-sm);min-height:100px}.template-card__title{font-size:var(--font-size-sm);min-height:35px;margin-bottom:var(--space-sm)}.template-card__select-button{padding:var(--space-sm);min-height:44px;font-size:var(--font-size-sm)}}@media (min-width: 768px){.template-card__select-button{min-height:44px;font-weight:600;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));box-shadow:0 2px 8px #3b82f640,0 1px 3px #0000001a}.template-card__select-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f659,0 2px 6px #00000026}.template-card__select-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}}@media (min-width: 2560px){.template-selector{max-width:1800px}.template-selector__grid{grid-template-columns:repeat(6,1fr);gap:var(--space-xl);padding:var(--space-2xl)}}.validation-notice{background-color:var(--warning-light);border:1px solid var(--warning-color);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);transition:all .2s ease-in-out}.validation-notice__container{display:flex;align-items:flex-start;gap:var(--space-md)}.validation-notice__icon-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center}.validation-notice__icon{width:1.25rem;height:1.25rem;color:var(--warning-color);flex-shrink:0}.validation-notice__content{flex:1;min-width:0}.validation-notice__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--warning-color);margin:0 0 var(--space-sm) 0;line-height:1.4}.validation-notice__message{font-size:var(--font-size-sm);color:var(--warning-color);line-height:1.5}.validation-notice__error-list{list-style-type:disc;list-style-position:inside;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.validation-notice__error-item{line-height:1.5;word-wrap:break-word}.validation-notice--error{background-color:var(--error-light);border-color:var(--error-color)}.validation-notice--error .validation-notice__icon,.validation-notice--error .validation-notice__title,.validation-notice--error .validation-notice__message{color:var(--error-color)}.validation-notice--info{background-color:var(--info-light);border-color:var(--info-color)}.validation-notice--info .validation-notice__icon,.validation-notice--info .validation-notice__title,.validation-notice--info .validation-notice__message{color:var(--info-color)}.validation-notice--success{background-color:var(--success-light);border-color:var(--success-color)}.validation-notice--success .validation-notice__icon,.validation-notice--success .validation-notice__title,.validation-notice--success .validation-notice__message{color:var(--success-color)}@media (max-width: 640px){.validation-notice{padding:var(--space-md)}.validation-notice__container{gap:var(--space-sm)}.validation-notice__icon{width:1rem;height:1rem}.validation-notice__title,.validation-notice__message{font-size:var(--font-size-xs)}}@keyframes validation-notice-fade-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.validation-notice{animation:validation-notice-fade-in .3s ease-out}.validation-notice:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast: high){.validation-notice{border-width:2px}.validation-notice__title{font-weight:var(--font-weight-bold)}}@media (prefers-reduced-motion: reduce){.validation-notice{animation:none;transition:none}}.help-tooltip{position:relative;display:inline-block}.help-tooltip__button{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;color:var(--primary-color);background-color:var(--bg-secondary);border:2px solid var(--primary-color);border-radius:.5rem;transition:all .2s ease-in-out;cursor:pointer;position:relative;min-width:3.5rem;height:2rem;box-shadow:0 2px 4px #0000001a}.help-tooltip__button:hover{color:#fff;background-color:var(--primary-color);box-shadow:0 4px 8px #00000026;border-color:var(--primary-color)}.help-tooltip__button:hover .help-tooltip__icon{color:#fff}.help-tooltip__button:focus{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:0 2px 4px #0000001a,0 0 0 3px #3b82f61a}.help-tooltip__button:active{transform:scale(.95);background-color:var(--primary-color);color:#fff}.help-tooltip__button:after{content:"";position:absolute;inset:-2px;border-radius:.5rem;background:var(--primary-color);opacity:0;z-index:-1;animation:help-pulse 2s infinite}@keyframes help-pulse{0%,70%,to{transform:scale(.9);opacity:0}35%{transform:scale(1.1);opacity:.2}}.help-tooltip__icon{font-size:.75rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.025em;color:#fff}.help-tooltip__content{position:absolute;z-index:50;width:20rem;padding:var(--space-4);background-color:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-muted);right:0;top:2.5rem;opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:all .2s ease-in-out}.help-tooltip__content--visible{opacity:1;visibility:visible;transform:translateY(0)}.help-tooltip__arrow{position:absolute;top:-.5rem;right:.75rem;width:1rem;height:1rem;background-color:#fff;border:1px solid var(--border-muted);border-bottom:none;border-right:none;transform:rotate(45deg)}.help-tooltip__sections{display:flex;flex-direction:column;gap:var(--space-3)}.help-tooltip__section{display:flex;flex-direction:column;gap:var(--space-1)}.help-tooltip__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.help-tooltip__section-content{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.help-tooltip__tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.help-tooltip__tip-item{display:flex;align-items:flex-start;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.help-tooltip__tip-bullet{color:var(--primary-color);margin-top:.125rem;flex-shrink:0}.help-tooltip__tip-text{flex:1;min-width:0}.help-tooltip__close-button{background:none;border:none;font-size:var(--font-size-xs);color:var(--primary-color);cursor:pointer;padding:var(--space-xs) 0;margin-top:var(--space-xs);transition:color .2s ease-in-out}.help-tooltip__close-button:hover{color:var(--primary-hover);text-decoration:underline}.help-tooltip__close-button:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-sm)}.help-tooltip__content--left{right:auto;left:0}.help-tooltip__content--left .help-tooltip__arrow{right:auto;left:.75rem}.help-tooltip__content--center{right:auto;left:50%;transform:translate(-50%) translateY(-.5rem)}.help-tooltip__content--center.help-tooltip__content--visible{transform:translate(-50%) translateY(0)}.help-tooltip__content--center .help-tooltip__arrow{right:auto;left:50%;transform:translate(-50%) rotate(45deg)}@media (max-width: 640px){.help-tooltip__content{width:18rem;padding:var(--space-md);right:-2rem}.help-tooltip__section-title,.help-tooltip__section-content,.help-tooltip__tip-item{font-size:var(--font-size-xs)}}@media (max-width: 480px){.help-tooltip__content{width:16rem;right:-4rem}}@keyframes help-tooltip-fade-in{0%{opacity:0;transform:translateY(-.5rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.help-tooltip__content--visible{animation:help-tooltip-fade-in .2s ease-out}.help-tooltip__button[aria-expanded=true]+.help-tooltip__content{opacity:1;visibility:visible;transform:translateY(0)}@media (prefers-contrast: high){.help-tooltip__content{border-width:2px;border-color:var(--border-color)}.help-tooltip__section-title{font-weight:var(--font-weight-bold)}.help-tooltip__button{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.help-tooltip__content,.help-tooltip__button{transition:none}.help-tooltip__content--visible{animation:none}.help-tooltip__button:hover{transform:none}.help-tooltip__button:after{animation:none;opacity:0}}@media (prefers-color-scheme: dark){.help-tooltip__button{background-color:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.help-tooltip__button:hover{background-color:var(--primary-color);color:var(--text-inverse)}.help-tooltip__content{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}.help-tooltip__section-title{color:var(--text-primary)}.help-tooltip__section-content{color:var(--text-secondary)}}.preview-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);background-color:var(--primary-color);color:var(--text-inverse);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all .2s ease-in-out;font-size:var(--font-size-sm);line-height:1.2;height:2.5rem;gap:var(--space-sm);min-width:fit-content}.preview-button:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.preview-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.preview-button:active:not(:disabled){transform:translateY(0);background-color:var(--primary-hover)}.preview-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.preview-button__loading{display:flex;align-items:center;gap:var(--space-md)}.preview-button__loading-text{font-size:var(--font-size-sm)}.preview-button__spinner{width:var(--space-lg);height:var(--space-lg);margin-left:calc(-1 * var(--space-xs));margin-right:var(--space-md);color:var(--text-inverse);animation:spin 1s linear infinite}.preview-button__spinner-track{opacity:.25;stroke:currentColor;stroke-width:4;fill:none}.preview-button__spinner-fill{opacity:.75;fill:currentColor}.preview-button__icon{font-size:var(--font-size-base);margin-right:var(--space-xs)}@media (max-width: 768px){.preview-button{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-xs);min-height:36px}.preview-button__spinner{width:var(--space-md);height:var(--space-md)}}@media (max-width: 480px){.preview-button{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs);min-height:32px}.preview-button__loading{gap:var(--space-sm)}.preview-button__spinner{margin-right:var(--space-sm)}}@media (prefers-contrast: high){.preview-button{border:2px solid var(--primary-dark)}.preview-button:focus{outline:3px solid var(--primary-color);outline-offset:3px}}@media (prefers-reduced-motion: reduce){.preview-button{transition:none}.preview-button:hover:not(:disabled){transform:none}.preview-button:active:not(:disabled){transform:none}.preview-button__spinner{animation:none}}.preview-button--success{background-color:var(--success-color);animation:successPulse .6s ease-out}.preview-button--success:hover:not(:disabled){background-color:var(--success-hover)}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.preview-button--error{background-color:var(--error-color);animation:errorShake .5s ease-out}.preview-button--error:hover:not(:disabled){background-color:var(--error-hover)}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.preview-button:disabled:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:var(--bg-dark);color:var(--text-inverse);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out;z-index:1000}.preview-button:disabled:hover:after{opacity:1}.preview-button--small{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);min-height:28px}.preview-button--small .preview-button__spinner{width:var(--space-md);height:var(--space-md);margin-right:var(--space-sm)}.preview-button--large{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base);min-height:48px}.preview-button--large .preview-button__spinner{width:var(--space-xl);height:var(--space-xl);margin-right:var(--space-lg)}.preview-button.expert-mode__hero-button{height:auto;min-height:3.5rem;padding:var(--space-md) var(--space-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);background:var(--secondary-color);box-shadow:0 4px 12px #8b5cf64d;width:100%;justify-content:center;text-transform:none;border:none;color:#fff}.preview-button.expert-mode__hero-button:hover:not(:disabled){background:var(--secondary-hover);box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.preview-button.expert-mode__hero-button:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;box-shadow:none;transform:none}.preview-button.expert-mode__hero-button .preview-button__icon{width:1.5rem;height:1.5rem}.preview-button.expert-mode__hero-button .preview-button__text{font-size:var(--font-size-lg)}.expert-mode__hero-button.preview-button{width:100%;padding:var(--space-lg) var(--space-xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border-radius:var(--radius-xl);min-height:3.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);justify-content:center;gap:var(--space-md)}.expert-mode__hero-button--secondary.preview-button{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-hover));border:none;color:#fff}.expert-mode__hero-button--secondary.preview-button:hover:not(:disabled){background:linear-gradient(135deg,var(--secondary-hover),#7c3aed);transform:translateY(-3px);box-shadow:0 10px 15px -3px #8b5cf64d,0 4px 6px -2px #8b5cf633}.expert-mode__hero-button.preview-button:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none}.notification-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.notification-toast{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:12px;box-shadow:0 10px 25px #0000001a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);pointer-events:auto;animation:slideInRight .3s ease-out;transition:all .3s ease;min-width:320px}.notification-toast:hover{transform:translateY(-2px);box-shadow:0 15px 35px #00000026}.notification-toast__content{display:flex;align-items:center;gap:12px;flex:1}.notification-toast__icon{font-size:20px;flex-shrink:0}.notification-toast__message{font-size:14px;font-weight:500;line-height:1.4;color:#374151}.notification-toast__close{background:none;border:none;font-size:20px;cursor:pointer;color:#6b7280;transition:color .2s ease;padding:4px;border-radius:4px;margin-left:12px;flex-shrink:0}.notification-toast__close:hover{color:#374151;background-color:#0000000d}.notification-toast--success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981}.notification-toast--success .notification-toast__message{color:#065f46}.notification-toast--error{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444}.notification-toast--error .notification-toast__message{color:#991b1b}.notification-toast--warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.notification-toast--warning .notification-toast__message{color:#92400e}.notification-toast--info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6}.notification-toast--info .notification-toast__message{color:#1e40af}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (max-width: 768px){.notification-container{left:20px;right:20px;max-width:none}.notification-toast{min-width:auto}.notification-toast__message{font-size:13px}}.template-button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background-color:var(--secondary-color);color:#fff;font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease-in-out;font-size:var(--font-size-sm);height:2.5rem;min-width:fit-content;white-space:nowrap}.template-button:hover{background-color:var(--secondary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.template-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.template-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.template-button__icon{position:relative;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem}.template-button__icon svg{width:100%;height:100%;stroke-width:2}.template-button__badge{position:absolute;top:-.375rem;right:-.375rem;display:flex;align-items:center;justify-content:center;min-width:1rem;height:1rem;padding:0 .25rem;background-color:var(--primary-color);color:#fff;font-size:.625rem;font-weight:var(--font-weight-bold);border-radius:.5rem;line-height:1;border:1px solid white}.template-button__text{line-height:1;font-weight:var(--font-weight-medium)}.template-button.expert-mode__hero-button{height:auto;min-height:3.5rem;padding:var(--space-md) var(--space-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);background:var(--primary-color);box-shadow:0 4px 12px #3b82f64d;width:100%;justify-content:center;text-transform:none;border:none;color:#fff}.template-button.expert-mode__hero-button:hover{background:var(--primary-hover);box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.template-button.expert-mode__hero-button .template-button__icon{width:1.5rem;height:1.5rem}.template-button.expert-mode__hero-button .template-button__text{font-size:var(--font-size-lg)}.expert-mode__hero-button.template-button,.expert-mode__hero-button.preview-button{width:100%;padding:var(--space-lg) var(--space-xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border-radius:var(--radius-xl);min-height:3.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);justify-content:center;gap:var(--space-md)}.expert-mode__hero-button--primary.template-button{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border:none}.expert-mode__hero-button--primary.template-button:hover{background:linear-gradient(135deg,var(--primary-hover),var(--primary-dark));transform:translateY(-3px);box-shadow:0 10px 15px -3px #3b82f64d,0 4px 6px -2px #3b82f633}.expert-mode__hero-button--secondary.preview-button{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-hover));border:none}.expert-mode__hero-button--secondary.preview-button:hover{background:linear-gradient(135deg,var(--secondary-hover),#7c3aed);transform:translateY(-3px);box-shadow:0 10px 15px -3px #8b5cf64d,0 4px 6px -2px #8b5cf633}.expert-mode__hero-button:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none}.templates-selector{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:var(--space-lg);backdrop-filter:blur(4px)}.templates-selector__modal{background-color:#fff;border-radius:var(--radius-lg);max-width:64rem;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:templates-selector-fade-in .3s ease-out}.templates-selector__header{padding:var(--space-6);border-bottom:1px solid var(--border-muted)}.templates-selector__header-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.templates-selector__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.templates-selector__close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);line-height:1;transition:color .2s ease-in-out}.templates-selector__close:hover{color:var(--text-secondary)}.templates-selector__close:focus{outline:2px solid var(--focus-color);outline-offset:2px}.templates-selector__description{color:var(--text-secondary);margin:0;font-size:var(--font-size-base)}.templates-selector__content{padding:var(--space-6)}.templates-selector__grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 768px){.templates-selector__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.templates-selector__grid{grid-template-columns:repeat(3,1fr)}}.template-card{border:1px solid var(--border-muted);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all .2s ease-in-out;background-color:#fff}.template-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--primary-color)}.template-card:focus-within{outline:2px solid var(--focus-color);outline-offset:2px}.template-card__preview{text-align:center;margin-bottom:var(--space-4)}.template-card__icon{font-size:2.5rem;margin-bottom:var(--space-2);display:block}.template-card__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-1) 0}.template-card__description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.4}.template-card__button{width:100%;background-color:var(--primary-color);color:#fff;padding:var(--space-2) var(--space-lg);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease-in-out;font-weight:var(--font-weight-medium);margin-top:var(--space-3)}.template-card__button:hover{background-color:var(--primary-color-dark)}.template-card__button:focus{outline:2px solid var(--focus-color);outline-offset:2px}@media (max-width: 640px){.templates-selector{padding:var(--space-2)}.templates-selector__header,.templates-selector__content{padding:var(--space-lg)}.templates-selector__title{font-size:var(--font-size-xl)}.template-card{padding:var(--space-md)}.template-card__icon{font-size:2rem}}@media (max-width: 768px){.template-button__text{display:none}.template-button{padding:var(--space-sm);min-width:2.5rem;justify-content:center}}@media (prefers-color-scheme: dark){.template-button{background-color:var(--secondary-color);color:#fff}.template-button:hover{background-color:var(--secondary-hover)}.template-button__badge{background-color:var(--primary-color);border-color:var(--bg-primary)}.templates-selector__modal{background-color:var(--bg-dark);color:var(--text-white)}.templates-selector__title{color:var(--text-white)}.templates-selector__description,.templates-selector__close{color:var(--text-muted)}.templates-selector__close:hover{color:var(--text-white)}.template-card{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-white)}.template-card:hover{background-color:var(--bg-tertiary);border-color:var(--primary-color)}.template-card__name{color:var(--text-white)}.template-card__description{color:var(--text-muted)}}@keyframes templates-selector-fade-in{0%{opacity:0;transform:scale(.95) translateY(-1rem)}to{opacity:1;transform:scale(1) translateY(0)}}@media (prefers-contrast: high){.template-card{border-width:2px}.template-card:hover{border-width:3px}.templates-selector__modal{border:2px solid var(--border-color)}}@media (prefers-reduced-motion: reduce){.template-button,.template-card{transition:none}.template-button:hover,.template-card:hover{transform:none}.templates-selector__modal{animation:none}}.tooltip{position:relative;display:inline-block}.tooltip__content{position:absolute;z-index:50;visibility:hidden;opacity:0;pointer-events:none;transition:all .2s ease-in-out;transform-origin:center}.tooltip__content--visible{visibility:visible;opacity:1;pointer-events:auto}.tooltip__content--top{bottom:100%;left:50%;transform:translate(-50%) translateY(-.5rem);margin-bottom:.5rem}.tooltip__content--visible.tooltip__content--top{transform:translate(-50%) translateY(0)}.tooltip__content--bottom{top:100%;left:50%;transform:translate(-50%) translateY(.5rem);margin-top:.5rem}.tooltip__content--visible.tooltip__content--bottom{transform:translate(-50%) translateY(0)}.tooltip__content--left{right:100%;top:50%;transform:translateY(-50%) translate(.5rem);margin-right:.5rem}.tooltip__content--visible.tooltip__content--left{transform:translateY(-50%) translate(0)}.tooltip__content--right{left:100%;top:50%;transform:translateY(-50%) translate(-.5rem);margin-left:.5rem}.tooltip__content--visible.tooltip__content--right{transform:translateY(-50%) translate(0)}.tooltip__text{background-color:var(--bg-tooltip);color:#fff;font-size:var(--font-size-sm);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);max-width:20rem;white-space:nowrap;word-wrap:break-word;box-shadow:var(--shadow-lg);line-height:1.4}.tooltip__arrow{position:absolute;width:0;height:0;border:4px solid transparent}.tooltip__arrow--top{top:100%;left:50%;transform:translate(-50%);border-top-color:var(--bg-tooltip);border-bottom:none}.tooltip__arrow--bottom{bottom:100%;left:50%;transform:translate(-50%);border-bottom-color:var(--bg-tooltip);border-top:none}.tooltip__arrow--left{left:100%;top:50%;transform:translateY(-50%);border-left-color:var(--bg-tooltip);border-right:none}.tooltip__arrow--right{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--bg-tooltip);border-left:none}.tooltip__text--light{background-color:#fff;color:var(--text-primary);border:1px solid var(--border-muted)}.tooltip__text--light+.tooltip__arrow--top{border-top-color:var(--border-muted)}.tooltip__text--light+.tooltip__arrow--bottom{border-bottom-color:var(--border-muted)}.tooltip__text--light+.tooltip__arrow--left{border-left-color:var(--border-muted)}.tooltip__text--light+.tooltip__arrow--right{border-right-color:var(--border-muted)}.tooltip__text--primary{background-color:var(--primary-color);color:#fff}.tooltip__text--primary+.tooltip__arrow--top{border-top-color:var(--primary-color)}.tooltip__text--primary+.tooltip__arrow--bottom{border-bottom-color:var(--primary-color)}.tooltip__text--primary+.tooltip__arrow--left{border-left-color:var(--primary-color)}.tooltip__text--primary+.tooltip__arrow--right{border-right-color:var(--primary-color)}@media (max-width: 640px){.tooltip__text{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);max-width:16rem}.tooltip__arrow{border-width:3px}}.tooltip:focus-within .tooltip__content{visibility:visible;opacity:1}@media (prefers-contrast: high){.tooltip__text{border:2px solid currentColor;font-weight:var(--font-weight-medium)}}@media (prefers-reduced-motion: reduce){.tooltip__content{transition:none}}@keyframes tooltip-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tooltip__content--visible{animation:tooltip-fade-in .15s ease-out}@media (prefers-reduced-motion: reduce){.tooltip__content--visible{animation:none}}.contact-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);z-index:10001;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);opacity:0;transition:all .3s ease-out}.contact-modal-overlay--visible{opacity:1}.contact-modal{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff1a;width:100%;max-width:500px;max-height:90vh;overflow:hidden;border:1px solid var(--border-color);transform:scale(.95) translateY(20px);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.contact-modal--visible{transform:scale(1) translateY(0)}.contact-modal__header{padding:var(--space-xl);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:var(--space-md);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);position:relative}.contact-modal__header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#22c55e,#16a34a,#22c55e);background-size:200% 100%;animation:gradient-flow 3s ease-in-out infinite}@keyframes gradient-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.contact-modal__icon{font-size:2rem;flex-shrink:0}.contact-modal__logo{width:5rem}.contact-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;flex:1;color:var(--text-primary)}.contact-modal__close{background:none;border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.contact-modal__close:hover{background:#ffffff1a;color:var(--text-primary)}.contact-modal__message{color:var(--text-secondary);line-height:1.6;margin:0 0 var(--space-lg) 0;font-size:var(--font-size-base);text-align:center;font-weight:var(--font-weight-medium)}.contact-modal__benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.contact-modal__benefit{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.contact-modal__benefit-icon{font-size:1.1rem;flex-shrink:0}.contact-modal__footer{padding:var(--space-xl);border-top:1px solid var(--border-color);background:var(--bg-secondary)}.contact-modal__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.contact-modal__button{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;background:var(--bg-primary);box-shadow:0 2px 4px #0000001a}.contact-modal__button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.contact-modal__button--whatsapp{border-color:#22c55e;background:var(--bg-primary)}.contact-modal__button--whatsapp:hover{background:var(--bg-secondary);border-color:#16a34a;box-shadow:0 8px 20px #22c55e40}.contact-modal__button--email{border-color:#3b82f6;background:var(--bg-primary)}.contact-modal__button--email:hover{background:var(--bg-secondary);border-color:#2563eb;box-shadow:0 8px 20px #3b82f640}.contact-modal__button-icon{font-size:1.5rem;flex-shrink:0}.contact-modal__button-content{display:flex;flex-direction:column;gap:var(--space-xs)}.contact-modal__button-title{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-base)}.contact-modal__button-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm)}.contact-modal__later{width:100%;padding:var(--space-md);background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.contact-modal__later:hover{background:#ffffff1a;color:var(--text-primary)}.contact-modal__form{padding:var(--space-xl)}.contact-modal__form-title{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--space-lg);text-align:center;line-height:1.5}.contact-modal__form-fields{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.contact-modal__input{width:100%;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;transition:all .2s ease}.contact-modal__input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.contact-modal__input::placeholder{color:var(--text-muted)}.contact-modal__form-actions{display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.contact-modal__form-button{flex:1;padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-md);font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.contact-modal__form-button:disabled{opacity:.6;cursor:not-allowed}.contact-modal__form-button--secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.contact-modal__form-button--secondary:hover:not(:disabled){background:var(--bg-tertiary)}.contact-modal__form-button--primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff}.contact-modal__form-button--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #3b82f64d}.contact-modal__skip{background:none;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;text-align:center;width:100%;padding:var(--space-sm);transition:color .2s ease}.contact-modal__skip:hover:not(:disabled){color:var(--text-secondary)}.contact-modal__skip:disabled{opacity:.6;cursor:not-allowed}.contact-modal__error{background-color:#dc26261a;border:1px solid rgba(220,38,38,.3);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);color:#dc2626;font-size:var(--font-size-sm);text-align:center;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-modal__form-button--primary:disabled{background:var(--bg-muted);color:var(--text-muted)}.contact-modal__field{display:flex;flex-direction:column;gap:var(--space-xs)}.contact-modal__input--error{border-color:#ef4444;background-color:#fef2f2;box-shadow:0 0 0 3px #ef44441a}.contact-modal__input--error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #ef444433}.contact-modal__error-text{font-size:.8rem;color:#dc2626;font-weight:500;margin-top:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs)}.contact-modal__error-text:before{content:"⚠️";font-size:.75rem}@media (prefers-color-scheme: dark){.contact-modal__input--error{background-color:#ef44441a;border-color:#f87171}.contact-modal__error-text{color:#fca5a5}}@media (max-width: 480px){.contact-modal__form-actions{flex-direction:column}.contact-modal__form-button{width:100%}}@media (max-width: 640px){.contact-modal{margin:var(--space-md);max-width:calc(100vw - 2 * var(--space-md))}.contact-modal__actions,.contact-modal__benefits{grid-template-columns:1fr}.contact-modal__button{padding:var(--space-md)}.contact-modal__header,.contact-modal__footer{padding:var(--space-lg)}}.live-preview{display:flex;flex-direction:column;height:100%;min-height:85vh;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;position:relative}.live-preview__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);gap:var(--space-md)}.live-preview__title-section{display:flex;align-items:center;gap:var(--space-md)}.live-preview__center-section{display:flex;align-items:center;justify-content:center;flex:1}.live-preview__right-section{display:flex;align-items:center;gap:var(--space-md);justify-content:flex-end}.live-preview__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.live-preview__status{font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--space-xs) var(--space-sm);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.live-preview__controls{display:flex;align-items:center;gap:var(--space-md)}.live-preview__view-controls{display:flex;align-items:center;gap:var(--space-xs);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-xs)}.live-preview__view-button{display:flex;align-items:center;justify-content:center;width:36px;height:32px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:14px}.live-preview__view-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.live-preview__view-button--active{background:var(--primary-color);color:#fff}.live-preview__view-button--active:hover{background:var(--primary-hover)}.live-preview__zoom-controls{display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-sm);box-shadow:0 2px 8px #0000001a;transition:all .2s ease;margin-right:var(--space-md)}.live-preview__zoom-controls:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #00000026}.live-preview__zoom-button{display:flex;align-items:center;justify-content:center;width:36px;height:32px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:18px;font-weight:700;line-height:1;box-shadow:0 1px 3px #0000001a}.live-preview__zoom-button:hover:not(:disabled){background:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.live-preview__zoom-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #0000001a}.live-preview__zoom-button:disabled{opacity:.4;cursor:not-allowed;background:var(--bg-muted);color:var(--text-disabled);box-shadow:none;transform:none}.live-preview__zoom-slider-container{display:flex;align-items:center;gap:var(--space-xs)}.live-preview__zoom-slider{width:80px;height:6px;background:var(--bg-muted);border-radius:var(--radius-full);outline:none;cursor:pointer;appearance:none;border:1px solid var(--border-color);transition:all .2s ease}.live-preview__zoom-slider:hover{background:var(--bg-secondary);border-color:var(--primary-color)}.live-preview__zoom-slider:focus{outline:2px solid var(--primary-color);outline-offset:2px}.live-preview__zoom-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:var(--primary-color);border-radius:50%;cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #00000040;transition:all .2s ease}.live-preview__zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #0000004d}.live-preview__zoom-slider::-moz-range-thumb{width:20px;height:20px;background:var(--primary-color);border-radius:50%;cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #00000040;transition:all .2s ease}.live-preview__zoom-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #0000004d}.live-preview__zoom-label{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;min-width:45px;text-align:center;font-weight:var(--font-weight-semibold);background:var(--bg-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.live-preview__zoom-reset{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:16px;font-weight:600;box-shadow:0 1px 3px #0000001a}.live-preview__zoom-reset:hover{background:var(--primary-color);color:#fff;transform:rotate(180deg) translateY(-1px);box-shadow:0 2px 6px #00000026}.live-preview__scale-controls{display:flex;align-items:center;gap:var(--space-sm)}.live-preview__scale-label{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap}.live-preview__scale-slider{width:100px;height:4px;background:var(--bg-muted);border-radius:var(--radius-full);outline:none;cursor:pointer}.live-preview__scale-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:var(--primary-color);border-radius:50%;cursor:pointer}.live-preview__scale-slider::-moz-range-thumb{width:16px;height:16px;background:var(--primary-color);border-radius:50%;border:none;cursor:pointer}.live-preview__refresh-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.live-preview__refresh-button:hover:not(:disabled){background:var(--primary-color);color:#fff;transform:rotate(90deg)}.live-preview__refresh-button:disabled{opacity:.5;cursor:not-allowed}.live-preview__container{flex:1;position:relative;overflow:auto;background:#f0f0f0;display:flex;align-items:flex-start;justify-content:flex-start;min-height:75vh;padding:var(--space-md)}.live-preview__iframe-wrapper{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:flex-start;min-width:fit-content}.live-preview__iframe-wrapper--mobile{align-items:center;justify-content:center;overflow:auto;padding:var(--space-md)}.live-preview__iframe{width:100%;height:100%;border:none;background:#fff;transform-origin:top left;transition:transform .3s ease;box-shadow:0 4px 12px #00000026}.live-preview__iframe-wrapper--mobile .live-preview__iframe{width:375px;height:667px;max-width:none;max-height:none;border:8px solid #1a1a1a;border-radius:24px;box-shadow:0 0 0 2px #333,0 8px 32px #0000004d,0 4px 16px #0003;transform-origin:center;overflow:hidden;position:relative;box-sizing:border-box}.live-preview__iframe-wrapper--mobile .live-preview__iframe{scrollbar-width:none;-ms-overflow-style:none}.live-preview__iframe-wrapper--mobile .live-preview__iframe::-webkit-scrollbar{display:none}.live-preview__iframe-wrapper--mobile:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:60px;height:4px;background:#666;border-radius:2px;z-index:10}.live-preview__iframe-wrapper--mobile:after{content:"";position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:50px;height:4px;background:#666;border-radius:2px;z-index:10}.live-preview__container--mobile{background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--space-xl);overflow:auto;display:flex;align-items:center;justify-content:center;min-height:75vh}.live-preview__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-md);color:var(--text-secondary);z-index:2}.live-preview__loading p{margin:0;font-size:var(--font-size-sm)}.live-preview__loading-spinner{width:32px;height:32px;border:3px solid var(--bg-muted);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.live-preview__refresh-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:3}.live-preview__refresh-indicator{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--text-secondary);font-size:var(--font-size-sm)}.live-preview__refresh-spinner{width:20px;height:20px;border:2px solid var(--bg-muted);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.live-preview--loading .live-preview__iframe{opacity:0}.live-preview--refreshing .live-preview__refresh-button{animation:spin 1s linear infinite}@media (max-width: 768px){.live-preview__header{flex-direction:column;gap:var(--space-sm);padding:var(--space-sm)}.live-preview__title-section{width:100%;justify-content:center;order:1}.live-preview__center-section{width:100%;order:2}.live-preview__right-section{width:100%;justify-content:center;gap:var(--space-sm);order:3}.live-preview__zoom-controls{background:var(--bg-secondary);border:2px solid var(--primary-color);padding:var(--space-sm);border-radius:var(--radius-lg)}.live-preview__zoom-slider{width:80px}.live-preview__zoom-button{width:32px;height:32px;font-size:16px;font-weight:700}.live-preview__zoom-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);min-width:45px}.live-preview__view-controls{background:var(--bg-secondary);border:2px solid var(--border-color)}.live-preview__refresh-button{width:40px;height:40px;background:var(--bg-secondary);border:2px solid var(--border-color)}.live-preview__scale-controls{flex:1}.live-preview__scale-slider{flex:1;max-width:120px}.live-preview__container--mobile{padding:var(--space-md);overflow:auto}.live-preview__iframe-wrapper--mobile .live-preview__iframe{width:350px;height:600px;border-width:6px;border-radius:20px}}@media (max-width: 480px){.live-preview__container--mobile{padding:var(--space-sm)}.live-preview__iframe-wrapper--mobile .live-preview__iframe{width:300px;height:500px;border-width:4px;border-radius:16px}.live-preview__zoom-controls{padding:var(--space-xs) var(--space-sm);gap:var(--space-xs)}.live-preview__zoom-button{width:28px;height:28px;font-size:14px}.live-preview__zoom-slider{width:60px}.live-preview__zoom-label{font-size:var(--font-size-xs);min-width:35px}}@media (prefers-color-scheme: dark){.live-preview__container{background:#2d3748}.live-preview__refresh-overlay{background:#000c}.live-preview__refresh-indicator{background:var(--bg-primary);color:var(--text-primary)}}.builder-mode{min-height:100vh;background:var(--bg-secondary);display:flex;flex-direction:column}.builder-mode__header{background:var(--bg-primary);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border-color)}.builder-mode__header-container{max-width:1280px;margin:0 auto;padding:0 var(--space-md)}.builder-mode__header-content{display:flex;align-items:center;justify-content:center;height:4rem;padding:0 var(--space-sm)}.builder-mode__header-center{display:flex;align-items:center;justify-content:center}.builder-mode__header-left{display:flex;align-items:center;gap:var(--space-md)}.builder-mode__back-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:var(--text-tertiary);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal)}.builder-mode__back-button:hover{color:var(--text-secondary);background:var(--bg-secondary)}.builder-mode__back-button svg{width:1.5rem;height:1.5rem}.builder-mode__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.builder-mode__logo{height:2.5rem;width:auto;object-fit:contain;transition:var(--transition-normal)}.builder-mode__logo:hover{opacity:.8}.builder-mode__toolbar{display:flex;align-items:center;gap:var(--space-sm);height:100%}.builder-mode__main{flex:1}.builder-mode__container{max-width:1280px;margin:0 auto;padding:0 var(--space-md)}.builder-mode__layout{display:grid;grid-template-columns:1fr 3fr;gap:var(--space-2xl)}.builder-mode__sidebar{position:sticky;top:var(--space-2xl);height:fit-content}.builder-mode__sidebar-content{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl)}.builder-mode__sidebar-header{margin-bottom:var(--space-md)}.builder-mode__sidebar-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.builder-mode__steps-nav{display:flex;flex-direction:column;gap:var(--space-sm)}.builder-mode__step-button{width:100%;text-align:left;padding:var(--space-md);background:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-normal);color:var(--text-secondary)}.builder-mode__step-button:hover{background:var(--bg-secondary)}.builder-mode__step-button--active{background:var(--primary-light);color:var(--primary-color);border-left:4px solid var(--primary-color)}.builder-mode__step-content{display:flex;align-items:center;gap:var(--space-3)}.builder-mode__step-icon{font-size:var(--font-size-lg)}.builder-mode__step-info{flex:1}.builder-mode__step-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.builder-mode__step-title{font-weight:var(--font-weight-medium)}.builder-mode__step-errors{display:flex;align-items:center;gap:var(--space-1);color:var(--text-warning)}.builder-mode__step-errors svg{width:1rem;height:1rem}.builder-mode__step-error-count{font-size:var(--font-size-xs);color:var(--text-warning-dark)}.builder-mode__step-description{font-size:var(--font-size-xs);color:var(--text-muted)}.builder-mode__progress{margin-top:var(--space-6)}.builder-mode__progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.builder-mode__progress-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:0}.builder-mode__progress-count{font-size:var(--font-size-sm);color:var(--text-secondary)}.builder-mode__progress-bar{width:100%;height:.5rem;background:var(--bg-muted);border-radius:var(--radius-full);overflow:hidden}.builder-mode__progress-bar-section{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:var(--space-md) 0;box-shadow:0 1px 3px #0000001a}.builder-mode__progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.builder-mode__progress-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:#fff;margin:0}.builder-mode__progress-counter{background:var(--primary-color);color:#fff;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.builder-mode__help-panel{margin-top:var(--space-6);padding:var(--space-4);background:var(--bg-info-light);border-radius:var(--radius-lg)}.builder-mode__help-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-info-dark);margin:0 0 var(--space-2) 0}.builder-mode__help-text{font-size:var(--font-size-xs);color:var(--text-info);margin:0 0 var(--space-2) 0;line-height:1.5}.builder-mode__help-link{font-size:var(--font-size-xs);color:var(--text-info);background:none;border:none;text-decoration:underline;cursor:pointer;transition:var(--transition-base)}.builder-mode__help-link:hover{color:var(--text-info-dark)}.builder-mode__content{display:flex;flex-direction:column}.builder-mode__content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding:var(--space-sm);background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.builder-mode__content-title-section{display:flex;align-items:center;gap:var(--space-3)}.builder-mode__content-icon{font-size:var(--font-size-3xl)}.builder-mode__content-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.builder-mode__content-description{color:var(--text-secondary);margin:0 0 var(--space-6) 0;line-height:1.5}.builder-mode__validation{margin-bottom:var(--space-6)}.builder-mode__navigation{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.builder-mode__preview-actions-nav{display:flex;align-items:center;gap:var(--space-sm);flex:1;justify-content:center}.builder-mode__preview-actions-nav .builder-mode__preview-standalone-button{margin:0;font-size:var(--font-size-sm);padding:var(--space-3) var(--space-md);white-space:nowrap;min-width:200px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg)}.builder-mode__preview-button--nav{white-space:nowrap;min-width:200px;height:48px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:2px solid #8b5cf6;color:#fff;font-size:var(--font-size-sm);padding:var(--space-3) var(--space-md);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #8b5cf666}.builder-mode__preview-button--nav:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#7c3aed;transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf680}.builder-mode__preview-button--nav:disabled{background:var(--bg-muted);color:var(--text-muted);border-color:var(--border-color);cursor:not-allowed;transform:none;box-shadow:none}.builder-mode__navigation{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) 0}.builder-mode__nav-button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-base);min-width:120px;height:48px;white-space:nowrap}.builder-mode__nav-button:disabled{opacity:.5;cursor:not-allowed}.builder-mode__nav-button--secondary{color:var(--text-secondary);background:var(--bg-muted)}.builder-mode__nav-button--secondary:hover:not(:disabled){background:var(--bg-hover)}.builder-mode__nav-button--primary{color:var(--text-white);background:var(--primary-color)}.builder-mode__nav-button--primary:hover:not(:disabled){background:var(--primary-color-dark)}.builder-mode__nav-button--contact{color:var(--text-white);background:linear-gradient(135deg,#22c55e,#16a34a);position:relative;overflow:hidden;animation:subtle-pulse 2s ease-in-out infinite;min-width:160px;font-weight:var(--font-weight-semibold)}.builder-mode__nav-button--contact:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.builder-mode__nav-button--contact:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.builder-mode__nav-button--contact:hover:before{left:100%}@keyframes subtle-pulse{0%,to{box-shadow:0 2px 8px #22c55e33}50%{box-shadow:0 2px 12px #22c55e66}}.builder-mode__nav-button svg{width:1.25rem;height:1.25rem;flex-shrink:0}.builder-mode__nav-actions{display:flex;align-items:center;gap:var(--space-lg)}.builder-mode__action-button{padding:var(--space-sm) var(--space-lg)}.builder-mode__footer{background:var(--bg-primary);border-top:1px solid var(--border-color);margin-top:var(--space-2xl);padding:var(--space-2xl) 0 var(--space-xl) 0}.builder-mode__footer-container{max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.builder-mode__footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-xl);align-items:start}@media (max-width: 768px){.builder-mode__footer-grid{grid-template-columns:1fr;gap:var(--space-2xl)}}.builder-mode__footer-brand{grid-column:span 1}@media (max-width: 768px){.builder-mode__footer-brand{grid-column:1 / -1}}.builder-mode__footer-logo{display:inline-flex;align-items:center;margin-bottom:var(--space-sm);text-decoration:none}.builder-mode__footer-logo-img{height:2.5rem;width:auto}.builder-mode__footer-slogan{display:flex;justify-content:flex-start;align-items:center}.builder-mode__footer-slogan-img{height:.9rem;display:flex;justify-content:flex-start;margin-bottom:var(--space-6)}.builder-mode__footer-description{color:var(--text-secondary);max-width:28rem;line-height:1.6;margin-bottom:var(--space-xl);margin-top:0}.builder-mode__footer-socials{display:flex;gap:var(--space-lg)}.builder-mode__footer-social-link{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--bg-tertiary);border-radius:50%;color:var(--text-primary);text-decoration:none;transition:all .3s ease}.builder-mode__footer-social-link:hover{transform:translateY(-2px)}.builder-mode__footer-social-link--linkedin:hover{background:#0a66c2;color:var(--text-primary)}.builder-mode__footer-social-link--instagram:hover{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcaf45);color:var(--text-primary)}.builder-mode__footer-social-icon{width:1.25rem;height:1.25rem;fill:currentColor}.builder-mode__footer-section{display:flex;flex-direction:column}.builder-mode__footer-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-lg);margin-top:0}.builder-mode__footer-links{display:flex;flex-direction:column}.builder-mode__footer-link{color:var(--text-secondary);cursor:pointer;transition:color .3s ease;margin:0;padding:var(--space-xs) 0}.builder-mode__footer-contact-link{color:var(--text-secondary);transition:color .2s,text-decoration .2s;cursor:pointer}.builder-mode__footer-contact-link:hover,.builder-mode__footer-contact-link:focus{color:var(--primary-hover);outline:none;text-decoration:none}.builder-mode__footer-link:hover{color:var(--text-white)}.builder-mode__footer-contact-item{display:flex;align-items:center;color:var(--text-secondary);margin:0;padding:var(--space-xs) 0;cursor:pointer;transition:color .3s ease}.builder-mode__footer-contact-item:hover{color:var(--text-white)}.builder-mode__footer-contact-icon{width:1rem;height:1rem;margin-right:var(--space-sm);color:var(--primary-light);flex-shrink:0}.builder-mode__footer-bottom{margin-top:var(--space-4);padding-top:var(--space-xl);border-top:1px solid var(--border-color);text-align:center}.builder-mode__footer-bottom p{color:var(--text-primary);margin:0}.builder-mode__hero-actions{background:var(--bg-primary);padding:var(--space-2xl) 0;border-bottom:1px solid var(--border-color);position:relative}.builder-mode__hero-content{position:relative;z-index:1}.builder-mode__hero-header{text-align:center;margin-bottom:var(--space-2xl)}.builder-mode__hero-title{font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-md) 0;text-align:center}.builder-mode__hero-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6;text-align:center}.builder-mode__hero-actions-grid{display:flex;margin:auto;width:fit-content}.builder-mode__action-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%;backdrop-filter:blur(10px)}.builder-mode__action-card--primary{border-color:var(--primary-color);box-shadow:0 4px 6px -1px #3b82f61a,0 2px 4px -1px #3b82f60f}.builder-mode__action-card--primary:before{content:"⭐ RECOMENDADO";position:absolute;top:0;right:0;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-bottom-left-radius:var(--radius-lg);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a}.builder-mode__action-card--secondary{border-color:var(--secondary-color);box-shadow:0 4px 6px -1px #8b5cf61a,0 2px 4px -1px #8b5cf60f}.builder-mode__action-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.builder-mode__action-card--primary:hover{border-color:var(--primary-hover);box-shadow:0 20px 25px -5px #3b82f633,0 10px 10px -5px #3b82f61a}.builder-mode__action-card--secondary:hover{border-color:var(--secondary-hover);box-shadow:0 20px 25px -5px #8b5cf633,0 10px 10px -5px #8b5cf61a}.builder-mode__action-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.builder-mode__action-top{text-align:center;margin-bottom:var(--space-lg)}.builder-mode__action-bottom{margin-top:auto}.builder-mode__action-icon{background:var(--bg-secondary);border-radius:var(--radius-full);width:4rem;height:4rem;margin:0 auto var(--space-md);border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000000d}.builder-mode__action-card--primary .builder-mode__action-icon{border-color:#3b82f633;background:linear-gradient(135deg,#3b82f61a,#3b82f60d)}.builder-mode__action-card--secondary .builder-mode__action-icon{border-color:#8b5cf633;background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d)}.builder-mode__action-card:hover .builder-mode__action-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 16px #00000026}.builder-mode__action-card--primary:hover .builder-mode__action-icon{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border-color:#3b82f666}.builder-mode__action-card--secondary:hover .builder-mode__action-icon{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);border-color:#8b5cf666}.builder-mode__action-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-md) 0;line-height:1.3}.builder-mode__action-description{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6;margin:0;text-align:center}.builder-mode__action-card--primary .builder-mode__action-title{color:var(--primary-color)}.builder-mode__action-card--secondary .builder-mode__action-title{color:var(--secondary-color)}.builder-mode__hero-tip{display:flex;align-items:center;gap:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-xl);box-shadow:var(--shadow-sm)}.builder-mode__tip-icon{font-size:var(--font-size-2xl);flex-shrink:0}.builder-mode__tip-text{color:var(--text-secondary);margin:0;line-height:1.6;font-size:var(--font-size-base)}.builder-mode__tip-text strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.builder-mode__hero-button{width:100%;padding:var(--space-lg) var(--space-xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:3.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative;overflow:hidden}.builder-mode__hero-button--primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;box-shadow:0 4px 14px #3b82f666,0 2px 4px -1px #0000000f}.builder-mode__hero-button--primary:hover{background:linear-gradient(135deg,var(--primary-hover),var(--primary-color));transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680,0 4px 8px -2px #0000001a}.builder-mode__hero-button--primary:active{transform:translateY(0);box-shadow:0 4px 14px #3b82f666,0 2px 4px -1px #0000000f}.builder-mode__hero-button--secondary{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-hover));color:#fff;box-shadow:0 4px 14px #8b5cf666,0 2px 4px -1px #0000000f}.builder-mode__hero-button--secondary:hover{background:linear-gradient(135deg,var(--secondary-hover),var(--secondary-color));transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf680,0 4px 8px -2px #0000001a}.builder-mode__hero-button--secondary:active{transform:translateY(0);box-shadow:0 4px 14px #8b5cf666,0 2px 4px -1px #0000000f}.builder-mode__hero-button:disabled{background:var(--bg-muted);color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.builder-mode__hero-button--primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.builder-mode__hero-button--primary:hover:before{left:100%}.builder-mode__hero-button--secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.builder-mode__hero-button--secondary:hover:before{left:100%}.builder-mode__preview-section{display:flex;flex-direction:column;gap:var(--space-xl);background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;margin-bottom:var(--space-lg)}.builder-mode__preview-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.builder-mode__preview-button{min-width:200px;padding:var(--space-lg) var(--space-xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.builder-mode__preview-button--primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;box-shadow:0 4px 14px #3b82f666,0 2px 4px -1px #0000000f}.builder-mode__preview-button--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-hover),var(--primary-color));transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680,0 4px 8px -2px #0000001a}.builder-mode__preview-button--primary:active{transform:translateY(0);box-shadow:0 4px 14px #3b82f666,0 2px 4px -1px #0000000f}.builder-mode__preview-button--secondary{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-hover));color:#fff;box-shadow:0 4px 14px #8b5cf666,0 2px 4px -1px #0000000f}.builder-mode__preview-button--secondary:hover{background:linear-gradient(135deg,var(--secondary-hover),var(--secondary-color));transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf680,0 4px 8px -2px #0000001a}.builder-mode__preview-button--secondary:active{transform:translateY(0);box-shadow:0 4px 14px #8b5cf666,0 2px 4px -1px #0000000f}.builder-mode__preview-button:disabled{background:var(--bg-muted);color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.builder-mode__preview-button--primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.builder-mode__preview-button--primary:hover:before{left:100%}.builder-mode__preview-button--secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.builder-mode__preview-button--secondary:hover:before{left:100%}.builder-mode__preview-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.builder-mode__preview-tip{display:flex;align-items:flex-start;gap:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);text-align:left}.builder-mode__preview-tip-icon{font-size:var(--font-size-xl);flex-shrink:0;margin-top:2px}.builder-mode__preview-tip-content{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.builder-mode__preview-tip-content strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.builder-mode__live-preview-container{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);background:var(--bg-secondary);border:1px solid var(--border-color);min-height:85vh;height:85vh}.builder-mode__live-preview{border-radius:0;box-shadow:none;background:transparent;height:100%}.builder-mode__live-preview .live-preview__container{min-height:75vh;height:100%}.builder-mode__live-preview .live-preview__iframe{border-radius:var(--radius-md)}@media (max-width: 768px){.builder-mode__live-preview-container{margin:var(--space-lg) 0;height:75vh;min-height:75vh}.live-preview{min-height:70vh}.live-preview__container{min-height:65vh}}@media (min-height: 900px){.builder-mode__live-preview-container{height:85vh;min-height:85vh}.live-preview{min-height:80vh}.live-preview__container{min-height:70vh}}@media (max-height: 700px){.builder-mode__live-preview-container{height:75vh;min-height:75vh}.live-preview{min-height:65vh}.live-preview__container{min-height:55vh}}@media (max-width: 1024px){.builder-mode__layout{grid-template-columns:1fr;gap:var(--space-2xl)}.builder-mode__sidebar{position:static}.builder-mode__navigation{flex-direction:column;gap:var(--space-md);align-items:stretch}.builder-mode__preview-actions-nav{flex-direction:column;gap:var(--space-sm);width:100%;order:2}.builder-mode__preview-actions-nav .builder-mode__preview-standalone-button,.builder-mode__preview-button--nav{width:100%;min-width:unset;text-align:center;font-size:var(--font-size-sm);height:44px}.builder-mode__preview-button--nav{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6}.builder-mode__nav-button{width:100%;min-width:unset;justify-content:center;height:44px;font-size:var(--font-size-sm)}.builder-mode__nav-button--contact{min-width:unset;width:100%}.builder-mode__nav-actions{justify-content:center;flex-wrap:wrap}.builder-mode__steps-nav-horizontal{grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.builder-mode__step-horizontal{min-height:100px;padding:var(--space-md)}.builder-mode__step-horizontal-icon{width:2.5rem;height:2.5rem;font-size:var(--font-size-lg)}.builder-mode__step-horizontal-title{font-size:var(--font-size-sm)}.builder-mode__step-horizontal-description{font-size:var(--font-size-xs);-webkit-line-clamp:1;line-clamp:1}}@media (max-width: 1024px){.builder-mode__steps-nav-horizontal{gap:var(--space-xs)}.builder-mode__step-horizontal{padding:var(--space-xs) var(--space-sm);min-height:36px}.builder-mode__step-horizontal-icon{width:1rem;height:1rem;font-size:var(--font-size-xs)}.builder-mode__step-horizontal-title{font-size:var(--font-size-xs)}}@media (max-width: 768px){.builder-mode__progress-header{flex-direction:column;gap:var(--space-xs);text-align:center;margin-bottom:var(--space-xs)}.builder-mode__progress-title{font-size:var(--font-size-sm)}.builder-mode__steps-nav-horizontal{flex-direction:column;gap:var(--space-xs)}.builder-mode__step-horizontal{min-height:32px;padding:var(--space-xs) var(--space-sm);justify-content:flex-start}.builder-mode__step-horizontal-content{flex-direction:row;text-align:left;gap:var(--space-sm);justify-content:flex-start}.builder-mode__step-horizontal-icon{width:1rem;height:1rem;font-size:var(--font-size-xs);flex-shrink:0}.builder-mode__step-horizontal-info{text-align:left;flex:1}.builder-mode__step-horizontal-title{font-size:var(--font-size-xs)}.builder-mode__step-horizontal-connector{display:none}}@media (max-width: 768px){.builder-mode__header-content{flex-direction:column;height:auto;padding:var(--space-lg) 0;gap:var(--space-lg)}.builder-mode__toolbar{flex-wrap:wrap;justify-content:center;gap:var(--space-xs)}.template-button__text{display:none}.template-button{padding:var(--space-sm);min-width:2.5rem}.project-manager__text{display:none}.project-manager__button{padding:var(--space-sm);min-width:2.5rem}.download-button__text,.preview-button__text{display:none}.download-button,.preview-button{padding:var(--space-sm);min-width:2.5rem}.builder-mode__content-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.builder-mode__nav-button{width:100%;justify-content:center}.builder-mode__hero-actions-grid{grid-template-columns:1fr;gap:var(--space-lg)}.builder-mode__action-card--primary{transform:none}.builder-mode__action-card--primary:hover{transform:translateY(-4px)}.builder-mode__hero-title{font-size:var(--font-size-3xl)}.builder-mode__hero-tip{flex-direction:column;text-align:center;gap:var(--space-sm);padding:var(--space-md)}.builder-mode__tip-icon{font-size:var(--font-size-xl)}}@media (max-width: 640px){.builder-mode__hero-actions{padding:var(--space-xl) 0}.builder-mode__action-card{padding:var(--space-xl)}.builder-mode__action-icon{width:3rem;height:3rem;font-size:2rem}.builder-mode__hero-button{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-md)}.builder-mode__hero-tip{padding:var(--space-md);margin-top:var(--space-lg)}.builder-mode__tip-text{font-size:var(--font-size-sm)}}@media (prefers-color-scheme: dark){.builder-mode__header{background:var(--bg-primary);border-bottom-color:var(--border-color)}.builder-mode__back-button{color:var(--text-tertiary)}.builder-mode__back-button:hover{color:var(--text-secondary);background:var(--bg-secondary)}.builder-mode__title{color:var(--text-primary)}.builder-mode__content-header{background:var(--bg-primary);border:1px solid var(--border-color)}}.builder-mode__progress-bar{height:.75rem;border-radius:var(--radius-full);overflow:hidden;background:var(--bg-muted);position:relative}.builder-mode__progress-fill{height:100%;background:var(--primary-color);border-radius:var(--radius-full);transition:width .3s ease}.builder-mode__progress-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-xs);color:var(--text-primary);white-space:nowrap}.builder-mode__progress-container{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-xs);box-shadow:var(--shadow-sm)}.builder-mode__steps-nav-horizontal{display:flex;align-items:center;gap:0;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xs);position:relative;overflow:hidden}.builder-mode__step-horizontal{position:relative;background:transparent;border:none;padding:var(--space-sm) var(--space-md);cursor:pointer;transition:all .2s ease;border-radius:var(--radius-md);text-align:center;display:flex;align-items:center;gap:var(--space-xs);flex:1;min-height:40px;justify-content:center;color:#fff}.builder-mode__step-horizontal:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px)}.builder-mode__step-horizontal--current{background:var(--primary-color);color:#fff;box-shadow:0 2px 8px #3b82f640;transform:translateY(-1px)}.builder-mode__step-horizontal--current:hover{background:var(--primary-color);transform:translateY(-1px)}.builder-mode__step-horizontal--completed{background:#22c55e1a;color:#059669}.builder-mode__step-horizontal--completed:hover{background:#22c55e26}.builder-mode__step-horizontal--error{background:#ef44441a;color:#dc2626;position:relative}.builder-mode__step-horizontal--error:after{content:"";position:absolute;inset:0;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);animation:pulse-border 2s infinite}@keyframes pulse-border{0%,to{border-color:#ef44444d}50%{border-color:#ef444499}}.builder-mode__step-horizontal--error:hover{background:#ef444426}.builder-mode__step-horizontal-content{display:flex;align-items:center;gap:var(--space-xs);width:100%;justify-content:center}.builder-mode__step-horizontal-icon{width:1.25rem;height:1.25rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);background:#ffffff26;color:#fff;transition:all .2s ease;flex-shrink:0}.builder-mode__step-horizontal--current .builder-mode__step-horizontal-icon{background:#ffffff40}.builder-mode__step-horizontal--completed .builder-mode__step-horizontal-icon{background:#22c55e33;color:#059669}.builder-mode__step-horizontal--error .builder-mode__step-horizontal-icon{background:#ef444433;color:#dc2626}.builder-mode__step-horizontal-icon svg{width:.875rem;height:.875rem}.builder-mode__step-horizontal-info{text-align:center;min-width:0;flex:1}.builder-mode__step-horizontal-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder-mode__step-horizontal--current .builder-mode__step-horizontal-title{color:#fff;font-weight:var(--font-weight-semibold)}.builder-mode__step-horizontal-description{display:none}.builder-mode__step-horizontal-connector{position:absolute;top:50%;right:-1px;width:2px;height:20px;background:#fff3;transform:translateY(-50%);transition:all .2s ease;z-index:1}.builder-mode__step-horizontal:last-child .builder-mode__step-horizontal-connector{display:none}.builder-mode__step-horizontal--completed .builder-mode__step-horizontal-connector{background:#22c55e}.builder-mode__content-layout{margin-top:var(--space-lg)}@media (max-width: 768px){.builder-mode__preview-actions{flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.builder-mode__preview-button{min-width:100%;padding:var(--space-md) var(--space-lg);font-size:var(--font-size-base)}}@media (max-width: 480px){.builder-mode__preview-button{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);min-height:2.75rem}}.builder-mode__preview-button-section{padding:var(--space-lg) 0;border-bottom:1px solid var(--border-color)}.builder-mode__preview-standalone-button{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm);background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border:2px solid var(--primary-color);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-normal);margin:0 auto}.builder-mode__preview-standalone-button:hover{background:linear-gradient(135deg,var(--primary-hover),var(--primary-color));border-color:var(--primary-hover);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.builder-mode__preview-standalone-button--active{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.builder-mode__preview-standalone-button--active:hover{background:linear-gradient(135deg,var(--primary-hover),var(--primary-color));border-color:var(--primary-hover);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-xl)}.builder-mode__preview-standalone-button--completed{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;color:#fff;box-shadow:0 4px 12px #22c55e4d;position:relative}.builder-mode__preview-standalone-button--completed:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:var(--radius-md);z-index:-1;opacity:.3;animation:activeGlow 2s ease-in-out infinite}@keyframes activeGlow{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.02);opacity:.5}}.builder-mode__preview-standalone-button--completed:hover{background:linear-gradient(135deg,#16a34a,#15803d);border-color:#16a34a;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.builder-mode__preview-standalone-button--completed .builder-mode__preview-standalone-button-icon{animation:completedPulse 2s ease-in-out infinite}@keyframes completedPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.builder-mode__preview-content-flex{display:flex;align-items:center;gap:var(--space-xl);justify-content:space-between}.builder-mode__preview-content-flex .builder-mode__preview-standalone-button{flex:1;width:50%;max-width:none}.builder-mode__preview-content-flex .builder-mode__preview-tips{flex:1;width:50%;margin:0}.builder-mode__preview-content-flex .builder-mode__preview-tip{background:var(--bg-primary);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-color);display:flex;gap:var(--space-sm);align-items:flex-start;margin:0}.builder-mode__section-container{position:relative}.builder-mode__section-help{position:absolute;top:2rem;right:2rem;z-index:10}.builder-mode__preview-standalone-button-text,.builder-mode__preview-button--nav .preview-button__text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builder-mode__preview-button--nav.preview-button{font-family:inherit}.builder-mode__preview-button--nav .preview-button__text{color:#fff}.builder-mode__preview-actions-nav .builder-mode__preview-standalone-button{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-color:var(--primary-color);box-shadow:0 4px 14px #3b82f666}.builder-mode__preview-actions-nav .builder-mode__preview-standalone-button:hover{background:linear-gradient(135deg,var(--primary-hover),var(--primary-color));border-color:var(--primary-hover);box-shadow:0 8px 25px #3b82f680}.builder-mode__preview-actions-nav .builder-mode__preview-standalone-button--active.builder-mode__preview-standalone-button--completed{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;box-shadow:0 4px 14px #22c55e66}.builder-mode__preview-actions-nav .builder-mode__preview-standalone-button--active.builder-mode__preview-standalone-button--completed:hover{background:linear-gradient(135deg,#16a34a,#15803d);border-color:#16a34a;box-shadow:0 8px 25px #22c55e80}.builder-mode__preview-actions-nav .builder-mode__preview-standalone-button,.builder-mode__preview-button--nav{color:#fff;font-weight:var(--font-weight-medium)}.builder-mode__preview-actions-nav .builder-mode__preview-standalone-button-text,.builder-mode__preview-button--nav .preview-button__text{color:#fff}.builder-mode__preview-button--nav .preview-button__loading{color:#fff;display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.builder-mode__preview-button--nav .preview-button__spinner{width:16px;height:16px;animation:spin 1s linear infinite}.builder-mode__preview-button--nav .preview-button__loading-text{color:#fff;font-size:var(--font-size-sm)}.builder-mode__preview-button--nav.preview-button--success{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;box-shadow:0 4px 14px #22c55e66}.builder-mode__preview-button--nav.preview-button--error{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;box-shadow:0 4px 14px #ef444466}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}