.ac-template-studio27{grid-template-columns:minmax(190px,.65fr) minmax(350px,1.4fr) minmax(320px,1.25fr);align-items:start}
.ac-template-studio27>*{min-width:0}
.ac-template-studio27 .template-library>header,.ac-template-studio27 .ac27-preview>header{display:block;grid-template-columns:none}
.ac-template-studio27 .template-library>header>div,.ac-template-studio27 .ac27-preview>header>div{width:100%;min-width:0}
.ac-template-studio27 .template-library button{width:100%;text-align:start;display:flex;align-items:center;justify-content:space-between;gap:12px;white-space:normal}
.ac-template-studio27 .template-library button span:first-child{flex:1;min-width:0}
.ac-template-studio27 .template-library strong{font-size:14px;line-height:1.45}
.ac-template-studio27 .template-editor>header{padding-bottom:16px}
.ac27-selectors{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 22px 18px}
.ac27-selectors label{min-width:0;display:grid;gap:8px;font-size:13px}.ac27-selectors .wide{grid-column:1/-1}
.ac27-selectors select{width:100%;min-width:0;height:auto;min-height:44px;padding:10px 12px;text-overflow:ellipsis}
.ac27-source-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:12px;color:inherit}
.ac27-badge{padding:6px 10px;border:1px solid #7989ff55;background:#7989ff12;color:var(--text,#d9e0ff);border-radius:8px}
.ac27-code-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.ac27-code-heading button{width:auto;min-height:36px;padding:7px 12px;font-size:12px}
.ac27-code-field{min-width:0;display:grid;gap:8px;grid-column:1/-1}.ac27-code-field>textarea{width:100%;min-width:0}
.ac-template-studio27 textarea[name=html_template]{font-family:Consolas,monospace;font-size:12px;line-height:1.55;direction:ltr;text-align:left;resize:vertical;tab-size:2}
.ac-template-studio27 [readonly]{cursor:text;background:rgba(120,137,170,.05);border-color:rgba(120,137,170,.2)}
.ac-template-studio27 .template-editor form>footer.ac27-actions{display:flex!important;flex-flow:row wrap!important;align-items:center;justify-content:flex-start!important;gap:10px}
.ac27-actions button{width:auto!important;flex:0 1 auto;min-height:42px;white-space:normal;line-height:1.35}
.ac27-hint{font-size:12px!important;line-height:1.65!important;color:inherit;opacity:.75;overflow-wrap:anywhere;margin:12px 0}
.ac27-feedback{margin:16px 22px;padding:14px 16px;border:1px solid #7187ff55;border-radius:12px;background:#7187ff0d;font-size:13px;line-height:1.6;overflow-wrap:anywhere;display:grid;gap:6px}
.ac27-feedback.error{border-color:#d6996555}.ac27-feedback button{justify-self:start;width:auto;padding:6px 12px;margin-top:4px}
.ac27-preview{position:sticky;top:20px;overflow:hidden}.ac27-preview-meta{padding:14px 18px;display:grid;gap:6px;border-bottom:1px solid #7187ff22;overflow-wrap:anywhere}.ac27-preview-meta strong{font-size:14px;line-height:1.5}.ac27-preview-meta small{font-size:12px;color:inherit;opacity:.75}
.ac27-preview iframe{display:block;width:100%;min-width:0;height:760px;background:#fff;border:0}.ac27-preview-empty{min-height:300px;display:grid;place-items:center;padding:28px;text-align:center;color:var(--muted,#91a2bd)}
@media(min-width:851px) and (max-width:1450px){.ac-template-studio27{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.ac-template-studio27 .template-library{grid-column:1/-1;grid-row:auto}.ac-template-studio27 .template-library>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-height:220px;overflow:auto}.ac-template-studio27 .template-editor{grid-column:1}.ac27-preview{grid-column:2}}
@media(max-width:850px){.ac-template-studio27{display:flex;flex-direction:column;gap:16px}.ac-template-studio27>*{width:100%}.ac-template-studio27 .template-library>div{max-height:210px;overflow:auto}.ac27-preview{position:static}.ac27-preview iframe{height:640px}}
@media(max-width:480px){.ac27-selectors{grid-template-columns:1fr;padding:0 14px 14px}.ac-template-studio27 .template-editor>form{padding:14px}.ac27-actions button{flex:1 1 145px}.ac27-code-heading{align-items:center}.ac27-feedback{margin:14px}.ac27-preview iframe{height:580px}}
