.templates-layout{gap:var(--space-4);grid-template-columns:220px minmax(0,1fr);align-items:start;display:grid}.templates-folders{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.templates-folders ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.templates-folder{all:unset;box-sizing:border-box;justify-content:space-between;gap:var(--space-2);width:100%;padding:var(--space-1) var(--space-2);border-radius:var(--radius);cursor:pointer;display:flex}.templates-folder:hover{background:var(--surface-alt)}.templates-folder.is-on{background:var(--surface-alt);font-weight:600}.templates-folder:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.templates-list{min-width:0}.templates-link{all:unset;cursor:pointer;color:var(--accent);font-weight:600}.templates-link:hover{text-decoration:underline}.templates-link:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.templates-form-row{gap:var(--space-3);grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;display:grid}.templates-preview-mail{gap:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);background:var(--surface);grid-template-columns:80px minmax(0,1fr);margin:0;display:grid}.templates-preview-mail dt{color:var(--text-muted);font-size:12px;font-weight:600}.templates-preview-mail dd{overflow-wrap:anywhere;min-width:0;margin:0}.templates-preview-body{white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;overflow:auto}.templates-versions{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.templates-version{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);gap:var(--space-1);flex-direction:column;display:flex}.templates-version summary{cursor:pointer}@media (width<=1000px){.templates-layout,.templates-form-row{grid-template-columns:minmax(0,1fr)}}