.email-writer-modern{min-height:calc(100vh - 200px);background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:30px 20px}.email-writer-header{text-align:center;margin-bottom:30px;max-width:800px;margin-left:auto;margin-right:auto}.email-writer-header h1{font-size:2.5rem;font-weight:700;color:#1a1f2e;margin-bottom:12px}.email-writer-header p{font-size:1.1rem;color:#6b7280;line-height:1.6}.email-writer-layout{display:grid;grid-template-columns:280px 1fr;grid-gap:20px;gap:20px;max-width:1400px;margin:0 auto;background:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);overflow:hidden}.content-type-sidebar{background:#f8f9fa;border-right:1px solid #e5e7eb;padding:20px;display:flex;flex-direction:column;gap:30px;overflow-y:auto;max-height:calc(100vh - 200px)}.content-type-sidebar h3{font-size:1rem;font-weight:600;color:#374151;margin:0;text-transform:uppercase;letter-spacing:.5px}.content-type-nav{display:flex;flex-direction:column;gap:8px}.content-type-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:white;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;width:100%;font-size:.95rem;color:#374151}.content-type-item:hover{background:#f3f4f6;border-color:#d1d5db}.content-type-item.active{background:rgba(90,174,61,.1);border-color:#5aae3d;color:#5aae3d;font-weight:600}.content-type-icon{font-size:1.2rem;width:24px;text-align:center}.content-type-label{flex:1 1}.settings-panel{background:white;border-radius:8px;padding:20px;border:1px solid #e5e7eb}.settings-panel h4{font-size:1rem;font-weight:600;color:#1a1f2e;margin-bottom:16px}.setting-group{margin-bottom:16px}.setting-group label{display:block;font-size:.85rem;font-weight:500;color:#6b7280;margin-bottom:6px}.setting-input,.setting-textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;font-family:inherit;transition:border-color .2s}.setting-input:focus,.setting-textarea:focus{outline:none;border-color:#5aae3d;box-shadow:0 0 0 3px rgba(90,174,61,.1)}.setting-textarea{resize:vertical;min-height:80px}.error-message{background:#fee2e2;color:#dc2626;padding:10px;border-radius:6px;font-size:.85rem;margin-bottom:12px}.generate-settings-btn{width:100%;padding:12px;background:linear-gradient(135deg,#174455,#5aae3d);color:white;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;font-size:.95rem}.generate-settings-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(90,174,61,.4)}.generate-settings-btn:disabled{opacity:.6;cursor:not-allowed}.editor-main{display:flex;flex-direction:column;background:white}.editor-toolbar{justify-content:space-between;padding:12px 20px;border-bottom:1px solid #e5e7eb;background:#f8f9fa}.editor-toolbar,.toolbar-left{display:flex;align-items:center}.toolbar-left{gap:8px}.toolbar-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #d1d5db;background:white;border-radius:4px;cursor:pointer;transition:all .2s;font-size:.9rem;color:#374151}.toolbar-btn:hover{background:#f3f4f6;border-color:#9ca3af}.toolbar-btn.delete{color:#dc2626}.toolbar-btn.delete:hover{background:#fee2e2;border-color:#fecaca}.toolbar-divider{width:1px;height:24px;background:#d1d5db;margin:0 4px}.toolbar-right{display:flex;align-items:center;gap:20px;font-size:.85rem;color:#6b7280;font-weight:500}.char-count,.word-count{white-space:nowrap}.editor-container{flex:1 1;padding:20px;min-height:400px;background:white}.email-editor{width:100%;height:100%;min-height:400px;border:none;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.8;color:#1a1f2e;resize:none;background:transparent}.email-editor::placeholder{color:#9ca3af}.editor-actions{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;border-top:1px solid #e5e7eb;background:#f8f9fa}.regenerate-btn{display:flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,#174455,#5aae3d);color:white;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.regenerate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(239,68,68,.4)}.regenerate-btn:disabled{opacity:.6;cursor:not-allowed}.sparkle-icon{font-size:1.2rem}.action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:white;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.action-btn:hover{background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}.variations-selector{padding:16px 20px;border-top:1px solid #e5e7eb;background:#f8f9fa}.variations-selector label{display:block;font-size:.85rem;font-weight:500;color:#6b7280;margin-bottom:10px}.variation-buttons{display:flex;gap:10px;flex-wrap:wrap}.variation-btn{padding:8px 16px;background:white;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.variation-btn:hover{border-color:#5aae3d;color:#5aae3d}.variation-btn.active{background:linear-gradient(135deg,#174455,#5aae3d);color:white;border-color:transparent}@media (max-width:1024px){.email-writer-layout{grid-template-columns:1fr}.content-type-sidebar{max-height:none;border-right:none;border-bottom:1px solid #e5e7eb}.content-type-nav{flex-direction:row;flex-wrap:wrap}.content-type-item{flex:1 1;min-width:120px}}@media (max-width:768px){.email-writer-header h1{font-size:2rem}.toolbar-right{gap:8px;font-size:.75rem}.editor-actions,.toolbar-right{flex-direction:column}.action-btn,.regenerate-btn{width:100%;justify-content:center}}