.email-builder{font-family:Arial,Helvetica,sans-serif;max-width:1200px;margin:0 auto;padding:20px;color:#333;line-height:1.6}.email-builder .header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.email-builder .header h1{color:#4caf50;margin-bottom:10px}.email-builder .controls{display:flex;gap:10px;margin-bottom:20px;justify-content:center;flex-wrap:wrap}.email-builder .controls button{padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s}.email-builder .controls button.rules-btn{background-color:#2196f3;color:#fff}.email-builder .controls button.rules-btn:hover{background-color:rgb(11.5384615385,124.0384615385,213.4615384615)}.email-builder .controls button.template-btn{background-color:#ff9800;color:#fff}.email-builder .controls button.template-btn:hover{background-color:rgb(204,121.6,0)}.email-builder .controls button.copy-btn{background-color:#4caf50;color:#fff}.email-builder .controls button.copy-btn:hover{background-color:rgb(60.5577689243,139.4422310757,63.7450199203)}.email-builder .controls button.reset-btn{background-color:#f44336;color:#fff}.email-builder .controls button.reset-btn:hover{background-color:hsl(4.1052631579,89.6226415094%,48.431372549%)}.email-builder .rules-panel{background-color:#f5f5f5;padding:20px;margin-bottom:20px;border-radius:4px;border-left:4px solid #2196f3}.email-builder .rules-panel h3{margin-top:0;color:#2196f3}.email-builder .rules-panel .rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:768px){.email-builder .rules-panel .rules-grid{grid-template-columns:1fr}}.email-builder .rules-panel .rule-section h4{margin-bottom:10px;color:#757575}.email-builder .rules-panel .rule-section ul{padding-left:20px;margin:0}.email-builder .rules-panel .rule-section ul li{margin-bottom:8px}.email-builder .advanced-tools{background-color:#f5f5f5;padding:20px;margin-bottom:20px;border-radius:4px;border-left:4px solid #4caf50}.email-builder .advanced-tools h4{margin-top:0;color:#4caf50;margin-bottom:15px}.email-builder .advanced-tools .tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.email-builder .advanced-tools .tool-section{background-color:#fff;padding:15px;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.email-builder .advanced-tools .tool-section h5{margin-top:0;margin-bottom:10px;color:#4caf50}.email-builder .advanced-tools .tool-section input,.email-builder .advanced-tools .tool-section select{width:100%;padding:8px;margin-bottom:10px;border:1px solid #e0e0e0;border-radius:4px}.email-builder .advanced-tools .tool-section .alignment-buttons{display:flex;gap:5px;margin-bottom:10px}.email-builder .advanced-tools .tool-section .alignment-buttons button{flex-grow:1;padding:5px;background-color:#fff;border:1px solid #e0e0e0;cursor:pointer}.email-builder .advanced-tools .tool-section .alignment-buttons button.active{background-color:#4caf50;color:#fff;border-color:#4caf50}.email-builder .advanced-tools .tool-section .insert-btn{width:100%;padding:8px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.email-builder .advanced-tools .tool-section .insert-btn:hover{background-color:rgb(60.5577689243,139.4422310757,63.7450199203)}.email-builder .advanced-tools .tool-section .color-pickers{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.email-builder .advanced-tools .tool-section .color-pickers .color-picker{display:flex;flex-direction:column;align-items:flex-start;flex:1}.email-builder .advanced-tools .tool-section .color-pickers .color-picker label{margin-bottom:5px;font-size:14px}.email-builder .advanced-tools .tool-section .color-pickers .color-picker input[type=color]{width:100%;height:30px}.email-builder .advanced-tools .tool-section .color-pickers .color-picker span{font-size:12px;margin-top:5px;color:#757575}.email-builder .advanced-tools .tool-section .image-alignment{display:flex;align-items:center;gap:10px;margin-bottom:10px}.email-builder .advanced-tools .tool-section .image-alignment label{flex-shrink:0}.email-builder .advanced-tools .tool-section .image-alignment select{flex-grow:1;margin-bottom:0}.email-builder .tabs{display:flex;margin-bottom:20px;border-bottom:1px solid #e0e0e0}.email-builder .tabs button{padding:10px 20px;background:none;border:none;cursor:pointer;font-weight:700;color:#757575;position:relative}.email-builder .tabs button.active{color:#4caf50}.email-builder .tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:#4caf50}.email-builder .tabs button:hover:not(.active){color:#333}.email-builder .builder-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.email-builder .builder-container .editor-area,.email-builder .builder-container .preview-area{min-height:400px}.email-builder .builder-container .html-editor{width:100%;min-height:400px;padding:15px;font-family:Courier New,monospace;font-size:14px;resize:vertical;border:none;border-bottom:1px solid #e0e0e0}.email-builder .builder-container .snippets-panel{padding:15px;background-color:#f5f5f5}.email-builder .builder-container .snippets-panel h4{margin-top:0;margin-bottom:15px}.email-builder .builder-container .snippets-panel .snippet-buttons{display:flex;flex-wrap:wrap;gap:10px}.email-builder .builder-container .snippets-panel .snippet-buttons .snippet-btn{padding:8px 12px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;transition:all .2s}.email-builder .builder-container .snippets-panel .snippet-buttons .snippet-btn:hover{background-color:#4caf50;color:#fff;border-color:#4caf50}.email-builder .builder-container .email-preview{padding:20px;min-height:400px;background-color:#fff;overflow:auto}.email-builder .builder-container .email-preview table{width:100%;border-collapse:collapse}.email-builder .builder-container .email-preview h1,.email-builder .builder-container .email-preview h2,.email-builder .builder-container .email-preview h3,.email-builder .builder-container .email-preview h4,.email-builder .builder-container .email-preview h5,.email-builder .builder-container .email-preview h6{margin-top:0}.email-builder .builder-container .email-preview a{color:#2196f3;text-decoration:underline}.email-builder .feedback-panel{margin-top:20px;padding:15px;background-color:#f5f5f5;border-radius:4px}.email-builder .feedback-panel .errors h4,.email-builder .feedback-panel .suggestions h4{margin-top:0}.email-builder .feedback-panel .errors ul,.email-builder .feedback-panel .suggestions ul{padding-left:20px;margin:0}.email-builder .feedback-panel .errors .error-item,.email-builder .feedback-panel .errors h4{color:#f44336}.email-builder .feedback-panel .suggestions{margin-top:15px}.email-builder .feedback-panel .suggestions h4{color:#2196f3}.email-builder .feedback-panel .suggestions .suggestion-item{color:#757575}.email-builder .footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0;color:#757575;font-size:14px}@media(max-width:768px){.email-builder{padding:10px}.email-builder .controls{flex-direction:column;align-items:stretch}.email-builder .controls button{width:100%;margin-bottom:5px}.email-builder .advanced-tools .tools-grid{grid-template-columns:1fr}.email-builder .advanced-tools .tool-section .alignment-buttons{flex-wrap:wrap}.email-builder .builder-container .snippet-buttons{flex-direction:column}.email-builder .builder-container .snippet-buttons .snippet-btn{width:100%}}