.email-template-maker{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:1200px;margin:0 auto;padding:20px;color:#333;line-height:1.6}.email-template-maker .header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e1e1e1}.email-template-maker .header h1{color:#4a6baf;margin-bottom:10px}.email-template-maker .template-selector{margin-bottom:30px}.email-template-maker .template-selector h2{margin-bottom:15px;color:#6b5b95}.email-template-maker .template-selector .category-tabs{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;padding-bottom:10px}.email-template-maker .template-selector .category-tabs .category-tab{background-color:#f5f5f5;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.email-template-maker .template-selector .category-tabs .category-tab:hover{background-color:hsl(0,0%,91.0784313725%)}.email-template-maker .template-selector .category-tabs .category-tab.active{background-color:#4a6baf;color:#fff}.email-template-maker .template-selector .template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.email-template-maker .template-selector .template-grid .template-card{background:#fff;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.1);border:2px solid rgba(0,0,0,0)}.email-template-maker .template-selector .template-grid .template-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.email-template-maker .template-selector .template-grid .template-card.selected{border-color:#4a6baf;background-color:hsl(220.396039604,40.562248996%,93.8235294118%)}.email-template-maker .template-selector .template-grid .template-card .template-thumbnail{font-size:40px;margin-bottom:15px}.email-template-maker .template-selector .template-grid .template-card h3{margin:10px 0 5px;font-size:16px}.email-template-maker .template-selector .template-grid .template-card .template-category{display:inline-block;background-color:#f5f5f5;padding:3px 8px;border-radius:12px;font-size:12px;color:rgb(148.5,148.5,148.5)}.email-template-maker .editor-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:30px;overflow:hidden}.email-template-maker .editor-container .editor-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f5f5f5;border-bottom:1px solid #e1e1e1}.email-template-maker .editor-container .editor-header .tabs{display:flex;gap:10px}.email-template-maker .editor-container .editor-header .tabs .tab{padding:8px 16px;background:none;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.email-template-maker .editor-container .editor-header .tabs .tab:hover{background-color:hsl(0,0%,91.0784313725%)}.email-template-maker .editor-container .editor-header .tabs .tab.active{background-color:#4a6baf;color:#fff}.email-template-maker .editor-container .editor-header .subject-input{display:flex;align-items:center;gap:10px}.email-template-maker .editor-container .editor-header .subject-input label{font-weight:600}.email-template-maker .editor-container .editor-header .subject-input input{padding:8px 12px;border:1px solid #e1e1e1;border-radius:4px;min-width:300px}.email-template-maker .editor-container .editor-header .subject-input input:focus{outline:none;border-color:#4a6baf}.email-template-maker .editor-container .editor-content,.email-template-maker .editor-container .preview-content{height:500px}.email-template-maker .editor-container .html-editor{width:100%;height:100%;padding:20px;border:none;resize:none;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;background-color:#f8f8f8;color:#333}.email-template-maker .editor-container .html-editor:focus{outline:none}.email-template-maker .editor-container .editor-toolbar{display:flex;gap:10px;padding:15px 20px;background-color:#f5f5f5;border-top:1px solid #e1e1e1}.email-template-maker .editor-container .editor-toolbar .toolbar-button{display:flex;align-items:center;gap:5px;padding:8px 15px;background-color:#fff;border:1px solid #e1e1e1;border-radius:4px;cursor:pointer;transition:all .3s ease}.email-template-maker .editor-container .editor-toolbar .toolbar-button:hover{background-color:hsl(0,0%,95%)}.email-template-maker .editor-container .editor-toolbar .toolbar-button .icon{font-size:16px}.email-template-maker .editor-container .email-preview{width:100%;height:100%;border:none;background-color:#fff}.email-template-maker .actions{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.email-template-maker .actions .primary-button,.email-template-maker .actions .secondary-button{padding:12px 25px;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .3s ease}.email-template-maker .actions .primary-button{background-color:#4a6baf;color:#fff}.email-template-maker .actions .primary-button:hover{background-color:rgb(58.843373494,85.0843373494,139.156626506)}.email-template-maker .actions .secondary-button{background-color:#fff;border:1px solid #4a6baf;color:#4a6baf}.email-template-maker .actions .secondary-button:hover{background-color:#f5f5f5}.email-template-maker .footer{text-align:center;padding:20px;color:#aeaeae;font-size:14px;border-top:1px solid #e1e1e1}@media(max-width:768px){.email-template-maker .editor-header{flex-direction:column;align-items:flex-start!important;gap:15px}.email-template-maker .editor-header .subject-input{width:100%}.email-template-maker .editor-header .subject-input input{min-width:unset;width:100%}.email-template-maker .template-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}.email-template-maker .actions{flex-direction:column;align-items:center}}@media(max-width:480px){.email-template-maker{padding:15px}.email-template-maker .template-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.email-template-maker .template-card{padding:15px!important}.email-template-maker .editor-content,.email-template-maker .preview-content{height:400px!important}}