.form-customizer-page{display:flex;flex-direction:column;gap:var(--spacing-3)}.customizer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4);gap:var(--spacing-3)}.customizer-subtitle{color:var(--mid);font-size:var(--text-sm);margin:var(--spacing-2) 0 0 0}.add-field-button{display:flex;align-items:center;gap:var(--spacing-1);white-space:nowrap}.customizer-table{width:100%;border-collapse:collapse}.customizer-table thead th{text-align:left;padding:var(--spacing-2);font-weight:var(--font-semibold);border-bottom:2px solid var(--border-color);background:var(--hover-color)}.customizer-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s ease}.customizer-table tbody tr:hover{background:var(--hover-color)}.customizer-table td{padding:var(--spacing-2);vertical-align:middle}.field-hidden{opacity:.5}.field-hidden:hover{opacity:.7}.drag-header{width:40px}.drag-handle-cell{width:40px;text-align:center}.drag-handle{background:transparent;border:none;cursor:grab;padding:var(--spacing-1);color:var(--mid);display:flex;align-items:center;justify-content:center}.drag-handle:active{cursor:grabbing}.drag-handle:hover{color:var(--primary)}.field-name-input,.field-type-select,.field-options-input{width:100%;font-size:var(--text-sm)}.field-name-input:disabled,.field-type-select:disabled{opacity:.6;cursor:not-allowed}.checkbox-cell{text-align:center;width:80px}.checkbox-cell input[type=checkbox]{width:auto;cursor:pointer}.toggle-button{background:transparent;border:none;cursor:pointer;padding:var(--spacing-1);color:var(--text-color);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.toggle-button:hover{color:var(--primary)}.action-cell{text-align:center;width:80px}.delete-button{background:transparent;border:none;cursor:pointer;padding:var(--spacing-1);color:var(--danger);display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.delete-button:hover{opacity:.8}.customizer-actions{display:flex;justify-content:flex-end;gap:var(--spacing-2);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border-color)}.save-button{display:flex;align-items:center;gap:var(--spacing-1)}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.customizer-help{margin-top:var(--spacing-4);padding:var(--spacing-3);background:var(--hover-color);border-radius:var(--radius-2);border:1px solid var(--border-color)}.customizer-help h5{margin:0 0 var(--spacing-2) 0;color:var(--text-color)}.customizer-help ul{margin:0;padding-left:var(--spacing-4)}.customizer-help li{margin-bottom:var(--spacing-1);font-size:var(--text-sm);color:var(--text-color)}.form-message{padding:var(--spacing-2);border-radius:var(--radius-2);margin-bottom:var(--spacing-3);text-align:center}.form-message.error{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--surface-color));border:1px solid color-mix(in srgb,var(--danger) 30%,var(--border-color))}.form-message.success{color:var(--success);background:color-mix(in srgb,var(--success) 10%,var(--surface-color));border:1px solid color-mix(in srgb,var(--success) 30%,var(--border-color))}.edit-options-button{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);background:var(--hover-color);border:1px solid var(--border-color);border-radius:var(--radius-2);color:var(--text-color);cursor:pointer;font-size:var(--text-sm);transition:all .2s ease}.edit-options-button:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.edit-options-button.no-options{background:color-mix(in srgb,var(--danger) 10%,var(--surface-color));border-color:var(--danger);color:var(--danger)}.edit-options-button.no-options:hover{background:var(--danger);color:#fff}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-3)}.modal-content{background:var(--surface-color);border-radius:var(--radius-3);padding:var(--spacing-4);max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-content h4{margin:0 0 var(--spacing-3) 0;color:var(--text-color)}.options-list{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-3);max-height:300px;overflow-y:auto;padding:var(--spacing-2);background:var(--background);border-radius:var(--radius-2);border:1px solid var(--border-color)}.option-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2);background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-2)}.option-item span{flex:1}.option-actions{display:flex;gap:var(--spacing-1)}.option-actions button{background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-1);padding:var(--spacing-1);cursor:pointer;font-size:var(--text-sm);color:var(--text-color);transition:all .2s ease;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center}.option-actions button:hover:not(:disabled){background:var(--hover-color);border-color:var(--primary);color:var(--primary)}.option-actions button:disabled{opacity:.3;cursor:not-allowed}.option-actions .delete-option{color:var(--danger)}.option-actions .delete-option:hover{background:var(--danger);border-color:var(--danger);color:#fff}.add-option-section{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.add-option-section input{flex:1}.add-option-section button{white-space:nowrap}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-2);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--border-color)}.mobile-fields-list{display:none;flex-direction:column;gap:var(--spacing-3)}.mobile-field-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-2);overflow:hidden;transition:all .2s ease}.mobile-field-card.field-hidden{opacity:.6}.mobile-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);background:var(--hover-color);border-bottom:1px solid var(--border-color)}.mobile-card-title{flex:1;display:flex;align-items:center;gap:var(--spacing-2)}.mobile-field-name-input{flex:1;font-weight:var(--font-semibold);font-size:var(--text-base);border:1px solid var(--border-color);border-radius:var(--radius-1);padding:var(--spacing-1) var(--spacing-2)}.mobile-field-name-input:disabled{background:transparent;border-color:transparent;opacity:1}.default-badge{font-size:var(--text-xs);padding:2px 6px;background:var(--primary);color:#fff;border-radius:var(--radius-1);white-space:nowrap}.mobile-card-actions{display:flex;gap:var(--spacing-1)}.mobile-move-btn{background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-1);padding:var(--spacing-1);cursor:pointer;font-size:var(--text-lg);color:var(--text-color);width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mobile-move-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff}.mobile-move-btn:disabled{opacity:.3;cursor:not-allowed}.mobile-card-body{padding:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-3)}.mobile-field-row{display:flex;flex-direction:column;gap:var(--spacing-1)}.mobile-field-row label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-color)}.mobile-field-row select,.mobile-field-row input{width:100%}.mobile-toggles{flex-direction:row;justify-content:space-between;padding-top:var(--spacing-2);border-top:1px solid var(--border-color)}.mobile-toggle-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1)}.mobile-card-footer{padding-top:var(--spacing-2);border-top:1px solid var(--border-color)}.mobile-delete-btn{width:100%;background:transparent;border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius-2);padding:var(--spacing-2);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-1);font-size:var(--text-sm);transition:all .2s ease}.mobile-delete-btn:hover{background:var(--danger);color:#fff}.desktop-table{display:block}@media (max-width: 768px){.desktop-table{display:none}.mobile-fields-list{display:flex}.customizer-header{flex-direction:column;align-items:stretch}.add-field-button{width:100%;justify-content:center}.table-wrapper{overflow-x:auto}.customizer-table{min-width:800px}.customizer-actions{flex-direction:column-reverse}.customizer-actions button{width:100%}.modal-overlay{padding:var(--spacing-2)}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}