.editor-template-picker { padding:0; border:1px solid #dfe8df; border-radius:16px; background:#f7faf5; }
.editor-template-picker > summary { display:flex; justify-content:space-between; align-items:center; gap:22px; padding:22px; cursor:pointer; list-style:none; }
.editor-template-picker > summary > span:first-child { display:grid; gap:7px; }
.editor-template-picker > summary small { font-size:11px; color:var(--muted); }
.editor-template-picker > summary strong { font-size:19px; color:var(--ink); }
.editor-template-picker > summary > span:last-child { display:flex; gap:8px; align-items:center; font-size:12px; font-weight:700; color:var(--brand-dark); }
.editor-template-picker .template-picker { padding:20px; }
.template-picker-tools { display:grid; gap:13px; padding:20px 20px 0; border-top:1px solid var(--line); }
.template-picker-tools label { font-size:12px; font-weight:650; }
.template-filters { display:flex; flex-wrap:wrap; gap:9px; }
.template-filters button { padding:9px 13px; min-height:37px; border:1px solid #dfe8dc; border-radius:999px; background:#fff; font:inherit; font-size:12px; cursor:pointer; }
.template-filters button[aria-pressed=true] { background:var(--brand); border-color:var(--brand); color:#fff; }
.platform-page .template-card { border-radius:17px; box-shadow:none; border:1px solid #e1e8de; }
.platform-page .template-card[aria-pressed=true] { border-color:var(--brand); box-shadow:0 0 0 2px #176b581c; }
.platform-page .template-card-copy strong { font-size:16px; line-height:1.4; }
.platform-page .template-card-copy small { font-size:11px; color:var(--brand-dark); }
.platform-page .template-card-summary { font-size:12px; line-height:1.75; }
.platform-page .template-card-state { margin-top:12px; font-size:11px; }
.platform-page .template-card[data-premium-template] { background:linear-gradient(150deg,#f8fbf5,#f3f5ee); border-color:#cbd8b7; }
.premium-design-controls { background:linear-gradient(145deg,#eef5e9,#f7f8ef); border-color:#dce7ce; }
.premium-design-controls .form-grid label { display:grid; gap:10px; }
.premium-design-controls .form-grid { gap:21px; }
.premium-design-controls select { width:100%; }
[data-template-empty] { padding:0 22px 22px; color:var(--muted); }
.profile-section-list { display:grid; gap:12px; margin:22px 0; }
.profile-section-row { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:16px; border:1px solid var(--line); border-radius:13px; background:#f9fbf8; }
.profile-section-row > div { display:flex; gap:7px; }
.profile-section-row button { min-width:36px; min-height:36px; border:1px solid var(--line); background:#fff; color:var(--ink); border-radius:9px; cursor:pointer; }
.premium-feature-editor { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.premium-feature-row { min-width:0; margin:0; padding:18px; border:1px solid #dfe8df; border-radius:16px; background:linear-gradient(145deg,#fbfcf9,#f5f8f2); }
.premium-feature-row legend { padding:0 7px; color:var(--brand-dark); font-size:12px; font-weight:800; }
.premium-feature-row .form-grid { gap:12px; }
.premium-feature-row label { display:grid; gap:7px; font-size:12px; font-weight:700; }
.premium-feature-row :is(input,select) { width:100%; }
.editor-section#escolher-tema .editor-section-heading { margin-bottom:18px; }
@media(max-width:600px) { .editor-template-picker > summary { align-items:flex-start; padding:18px; gap:16px; } .editor-template-picker > summary > span:last-child { max-width:100px; font-size:11px; } .editor-template-picker .template-picker { padding:14px; } .premium-feature-editor { grid-template-columns:1fr; } }
/* Keep the real 390px preview scaled inside the available mobile column. */
@media(max-width:760px) {
  .platform-page .experience-editor { grid-template-columns:minmax(0,1fr); }
  .platform-page :is(.editor-preview-pane,.editor-controls,.editor-panel,.editor-section) { min-width:0; max-width:100%; }
  .platform-page .editor-section-heading>div { min-width:0; }
  .platform-page .editor-preview-heading { flex-wrap:wrap; }
  .platform-page .editor-section fieldset { min-width:0; }
}