.Component-module__H9S_aG__container{flex-direction:column;gap:1rem;display:flex}.Component-module__H9S_aG__categoryTabs{border:1px solid var(--color-border);border-radius:.5rem;flex-wrap:wrap;gap:0;width:fit-content;display:flex;overflow:hidden}.Component-module__H9S_aG__tab{background-color:var(--color-bg);color:var(--color-text);cursor:pointer;border:none;padding:.5rem 1.25rem;font-size:.9rem;transition:background-color .15s,color .15s}.Component-module__H9S_aG__tab:not(:last-child){border-right:1px solid var(--color-border)}.Component-module__H9S_aG__activeTab{background-color:var(--color-primary);color:#fff}.Component-module__H9S_aG__templateSection{flex-direction:column;gap:.4rem;display:flex}.Component-module__H9S_aG__label{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.Component-module__H9S_aG__select{border:1px solid var(--color-border);width:100%;max-width:400px;color:var(--color-text);background-color:var(--color-bg);border-radius:.375rem;padding:.5rem;font-size:.85rem}.Component-module__H9S_aG__templateDescription{color:var(--color-text-muted);margin:0;font-size:.85rem}.Component-module__H9S_aG__formGrid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.Component-module__H9S_aG__fieldGroup{flex-direction:column;gap:.3rem;display:flex}.Component-module__H9S_aG__fieldGroupWide{flex-direction:column;grid-column:span 2;gap:.3rem;display:flex}.Component-module__H9S_aG__input{border:1px solid var(--color-border);width:100%;color:var(--color-text);background-color:var(--color-bg);border-radius:.5rem;padding:.75rem;font-size:.95rem}.Component-module__H9S_aG__input:focus{outline:2px solid var(--color-primary);outline-offset:-1px;border-color:var(--color-primary)}.Component-module__H9S_aG__textarea{border:1px solid var(--color-border);resize:vertical;width:100%;min-height:80px;color:var(--color-text);background-color:var(--color-bg);border-radius:.5rem;padding:.75rem;font-size:.85rem;line-height:1.5}.Component-module__H9S_aG__textarea:focus{outline:2px solid var(--color-primary);outline-offset:-1px;border-color:var(--color-primary)}.Component-module__H9S_aG__previewSection{border:1px solid var(--color-border);background-color:var(--color-bg-secondary);border-radius:.5rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.Component-module__H9S_aG__previewHeader{justify-content:space-between;align-items:center;display:flex}.Component-module__H9S_aG__previewSubjectInput{border:1px solid var(--color-border);width:100%;color:var(--color-text);background-color:var(--color-bg);border-radius:.375rem;padding:.5rem .75rem;font-size:.9rem}.Component-module__H9S_aG__previewTextarea{border:1px solid var(--color-border);resize:vertical;width:100%;min-height:200px;color:var(--color-text);background-color:var(--color-bg);border-radius:.5rem;padding:.75rem;font-size:.85rem;line-height:1.6}.Component-module__H9S_aG__copyButton{border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text);cursor:pointer;border-radius:.375rem;flex-shrink:0;padding:.25rem .6rem;font-size:.8rem;transition:border-color .15s}.Component-module__H9S_aG__copyButton:hover{border-color:var(--color-primary)}.Component-module__H9S_aG__copyAllButton{border:1px solid var(--color-primary);background-color:var(--color-primary);color:#fff;cursor:pointer;border-radius:.5rem;width:100%;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:background-color .15s,opacity .15s}.Component-module__H9S_aG__copyAllButton:hover{opacity:.9}.Component-module__H9S_aG__charCount{color:var(--color-text-muted);text-align:right;font-size:.85rem}@media (max-width:768px){.Component-module__H9S_aG__formGrid{grid-template-columns:1fr}.Component-module__H9S_aG__fieldGroupWide{grid-column:span 1}.Component-module__H9S_aG__categoryTabs{width:100%}.Component-module__H9S_aG__tab{text-align:center;flex:1;padding:.5rem;font-size:.8rem}.Component-module__H9S_aG__select{max-width:none}}