/* Version-specific geometry migrated from Twig. Scoped to template blocks. */

/* Variant v0 */
.deceti-template-controls.deceti-templates-v0 {
--deceti-template-nav-width: 180px;
  --deceti-template-gap: var(--spacing-template-grid-gap,14px);
  --deceti-template-content-padding: var(--spacing-template-panel-padding,18px);
  --deceti-template-content-pad-top: 18px;
  --deceti-template-radius: var(--radius-template-card,10px);
  --deceti-template-btn-radius: var(--radius-template-control,10px);
  --deceti-template-input-radius: var(--radius-template-control,10px);
  --deceti-template-outline-width: 2px;
}
.deceti-template-controls.deceti-templates-v0 .top-level-tabs {
display:flex!important; flex-wrap:wrap!important; gap:10px!important; overflow:visible!important; height:auto!important; max-height:none!important; border:0!important; padding:0!important; margin:0 0 18px!important;
}
.deceti-template-controls.deceti-templates-v0 .sublevel-buttons:not(:empty) {
display:flex!important; flex-wrap:wrap!important; gap:8px!important; overflow:visible!important; border:0!important; background:transparent!important; padding:0!important; margin:12px 0 22px!important;
}
.deceti-template-controls.deceti-templates-v0 :is(.top-level-tab,.subtemplate-button,.shape-button,.template-item,.subtemplate-item) {
border:1px solid var(--theme-border-default,var(--color-template-panel-border,#d7e5f2))!important;
  border-radius:var(--object-button-radius,var(--radius-template-control,10px))!important;
  background:var(--object-panel-background,var(--color-template-panel-background,#ffffff))!important;
  color:var(--theme-text-primary,var(--color-template-category-active-background,#00334d))!important;
   padding:11px 18px!important; min-height:42px!important;
  font-size:15px!important; line-height:1.35!important; font-weight:600!important; white-space:normal!important;
}
.deceti-template-controls.deceti-templates-v0 :is(.subtemplate-button,.subtemplate-item) {
padding:7px 12px!important; min-height:34px!important; font-size:13px!important;
}
.deceti-template-controls.deceti-templates-v0 :is(.top-level-tab,.subtemplate-button,.shape-button,.template-item,.subtemplate-item):hover,
.deceti-template-controls.deceti-templates-v0 :is(.top-level-tab,.subtemplate-button,.shape-button,.template-item,.subtemplate-item).active,
.deceti-template-controls.deceti-templates-v0 .btn-customize,
.deceti-template-controls.deceti-templates-v0 #search {
background:var(--object-button-primary-background,var(--color-template-category-active-background,#00334d))!important;
  color:var(--object-button-primary-text,var(--color-template-category-active-text,#ffffff))!important;
  border-color:var(--object-button-primary-background,var(--color-template-category-active-background,#00334d))!important;
  border-radius:var(--object-button-radius,var(--radius-template-control,10px))!important; 
}
.deceti-template-controls.deceti-templates-v0 .top-level-tab::after {
content:none!important;
}
.deceti-template-controls.deceti-templates-v0 #shapeAccordionToggle[aria-expanded="true"] + #shapeAccordionPanel {
display:grid; grid-template-columns:minmax(0,1fr) minmax(0,4fr); gap:20px;
}
.deceti-template-controls.deceti-templates-v0 #shapeAccordionPanel > .size-container {
grid-column:1; grid-row:1; width:100%; min-width:0;
}
.deceti-template-controls.deceti-templates-v0 #shapeAccordionPanel > .shape-container {
grid-column:2; grid-row:1; width:100%; min-width:0;
}
@media(max-width:700px) {
.deceti-template-controls.deceti-templates-v0 #shapeAccordionToggle[aria-expanded="true"] + #shapeAccordionPanel {
grid-template-columns:minmax(0,1fr);
}
.deceti-template-controls.deceti-templates-v0 #shapeAccordionPanel > .shape-container {
grid-column:1; grid-row:2;
}
}
.deceti-template-controls.deceti-templates-v0 [hidden] {
display:none!important;
}
.deceti-template-controls.deceti-templates-v0 > .template-finder-card {
grid-column:1 / -1;flex:0 0 100%;
}
.deceti-template-controls.deceti-templates-v0 .template-finder-card {
box-sizing:border-box;min-width:0;width:100%;padding:24px;margin:0 0 24px;background:#fff;border:1px solid var(--theme-border-default,#d3dce8);border-radius:var(--object-panel-radius,16px);
}
.deceti-template-controls.deceti-templates-v0 .template-finder-card .template-finder-heading {
margin:0 0 20px;text-align:left;
}
.deceti-template-controls.deceti-templates-v0 .template-finder-card .template-finder-heading h2 {
margin:0 0 10px;font-size:clamp(26px,3vw,42px);line-height:1.15;font-weight:800;color:var(--theme-text-primary,#071b4c);
}
.deceti-template-controls.deceti-templates-v0 .template-finder-card .template-finder-heading p {
margin:0;font-size:clamp(16px,1.5vw,21px);line-height:1.5;color:var(--theme-text-secondary,#60769a);
}
/* V0 uses a compact search row above the template grid, not a separate intro card. */
.deceti-template-controls.deceti-templates-v0 .s-content > .template-finder-card--grid {
  width:100%; min-width:0; margin:0 0 18px; padding:0; border:0; border-radius:0; background:transparent;
}
.deceti-template-controls.deceti-templates-v0 .s-content > .template-finder-card--grid .search-bar {
  display:flex; width:100%; min-width:0; margin:0; gap:12px; align-items:center;
}
.deceti-template-controls.deceti-templates-v0 .s-content > .template-finder-card--grid .search-bar input {
  width:auto; min-width:0; max-width:none; flex:1 1 auto; margin-left:0;
}
.deceti-template-controls.deceti-templates-v0 .s-content > .template-finder-card--grid .search-bar button {
  flex:0 0 50px; margin:0;
}
.deceti-template-controls.deceti-templates-v0 .template-finder-card .search-bar {
min-width:0;margin:0;gap:12px;align-items:center;
}
.deceti-template-controls.deceti-templates-v0 .template-finder-card .search-bar input {
max-width:none;min-width:0;flex:1;
}
.deceti-template-controls.deceti-templates-v0 .template-finder-card .search-bar button {
flex-shrink:0;margin:0;
}
.deceti-template-controls.deceti-templates-v0 .template-finder-card--v1 {
display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:center;gap:28px;
}
.deceti-template-controls.deceti-templates-v0 .template-finder-card--v1 .template-finder-heading {
margin:0;
}
@media(max-width:900px) {
.deceti-template-controls.deceti-templates-v0 .template-finder-card--v1 {
grid-template-columns:minmax(0,1fr);gap:20px;
}
}
@media(max-width:600px) {
.deceti-template-controls.deceti-templates-v0 .template-finder-card {
padding:18px;margin-bottom:20px;
}
.deceti-template-controls.deceti-templates-v0 .template-finder-card .search-bar {
gap:8px;
}
}

/* Variant v1 */
.deceti-template-controls.deceti-templates-v1 {
display:block;
  max-width:100%;
  margin:0 auto;
}
.deceti-template-controls.deceti-templates-v1 .s-content {
width:100%;
  max-width:100%;
  min-width:0;
  padding:var(--spacing-template-panel-padding,18px);
  padding-top:18px;
  box-sizing:border-box;
}
.deceti-template-controls.deceti-templates-v1 .top-filters-panel {
width:100%;
  margin-bottom:24px;
}
.deceti-template-controls.deceti-templates-v1 .search-bar {
display:flex;
  justify-content:flex-start;
  align-items:center;
  margin-bottom:14px;
}
.deceti-template-controls.deceti-templates-v1 .search-bar input {
padding:10px;
  width:100%;
  max-width:560px;
  font-size:16px;
  border:1px solid var(--color-template-search-border,#d7e5f2);
  border-radius:var(--radius-template-control,10px);
  padding-right:20px;
  box-sizing:border-box;
}
.deceti-template-controls.deceti-templates-v1 .search-bar input:focus {
outline:none;
  border:3px solid var(--color-template-focus,#02b5ff);
}
.deceti-template-controls.deceti-templates-v1 .search-bar button {
background-color:var(--color-template-category-active-background,#00334d);
  color:var(--color-template-category-active-text,#ffffff);
  font-size:20px;
  border:none;
  padding:0px;
  width:50px;
  height:50px;
  border-radius:var(--radius-template-control,10px);
  cursor:pointer;
  transition:background-color .3s ease;
  margin-left:10px;
  user-select:none;
  margin-top: 10px;
}
.deceti-template-controls.deceti-templates-v1 .search-bar button:hover {
background-color:var(--color-template-focus,#02b5ff);
  color:var(--color-template-action-hover-text,#ffffff);
}
.deceti-template-controls.deceti-templates-v1 .top-level-tabs {
display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:12px;
}
.deceti-template-controls.deceti-templates-v1 .top-level-tab {
border:none;
  background:var(--color-template-panel-background,#ffffff);
  color:#000;
  border-radius:var(--radius-template-control,10px);
  padding:12px 18px;
  cursor:pointer;
  font-size:16px;
  font-weight:700;
  transition:background .3s,color .3s;
}
.deceti-template-controls.deceti-templates-v1 .top-level-tab:hover {
background:var(--color-template-category-hover-background,#f3f9fd);
}
.deceti-template-controls.deceti-templates-v1 .top-level-tab.active {
background:var(--color-template-category-active-background,#00334d);
  color:var(--color-template-category-active-text,#ffffff);
}
.deceti-template-controls.deceti-templates-v1 .shape-toolbar {
display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  margin-bottom:18px;
}
.deceti-template-controls.deceti-templates-v1 .size-container {
width:320px;
  max-width:100%;
  min-width:0;
  flex:none;
  margin:0;
}
.deceti-template-controls.deceti-templates-v1 .size-select {
width:100%;
  font-size:16px;
  padding:10px;
  border:1px solid var(--color-template-search-border,#d7e5f2);
  border-radius:var(--radius-template-control,10px);
  box-sizing:border-box;
  background:#fff;
  margin:0;
}
.deceti-template-controls.deceti-templates-v1 .shape-container {
display:flex;
  flex-wrap:wrap;
  gap:8px;
  width:100%;
  margin:0;
}
.deceti-template-controls.deceti-templates-v1 .shape-button {
border:1px solid var(--color-template-panel-border,#d7e5f2);
  background:var(--color-template-panel-background,#ffffff);
  border-radius:var(--radius-template-control,10px);
  padding:8px 12px;
  cursor:pointer;
  font-size:14px;
  line-height:1.2;
  margin:0;
  transition:background .3s,color .3s,border-color .3s;
}
.deceti-template-controls.deceti-templates-v1 .shape-button:hover {
background:var(--color-template-category-hover-background,#f3f9fd);
}
.deceti-template-controls.deceti-templates-v1 .shape-button.active {
background:var(--color-template-category-active-background,#00334d);
  color:var(--color-template-category-active-text,#ffffff);
  border-color:var(--color-template-category-active-background,#00334d);
}
.deceti-template-controls.deceti-templates-v1 .size-select {
width:100%;
  font-size:16px;
  padding:10px;
  border:1px solid var(--color-template-search-border,#d7e5f2);
  border-radius:var(--radius-template-control,10px);
  box-sizing:border-box;
  background:#fff;
}
.deceti-template-controls.deceti-templates-v1 .sublevel-buttons {
display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:22px;
}
.deceti-template-controls.deceti-templates-v1 .sublevel-buttons:empty {
display:none;
}
.deceti-template-controls.deceti-templates-v1 .subtemplate-button {
border:1px solid var(--color-template-panel-border,#d7e5f2);
  background:var(--color-template-panel-background,#ffffff);
  color:var(--color-template-muted,#65799c);
  border-radius:var(--radius-template-control,10px);
  padding:14px 20px;
  cursor:pointer;
  font-size:16px;
  font-weight:700;
  line-height:1.2;
  min-height:48px;
  transition:background .3s,color .3s,border-color .3s;
}
.deceti-template-controls.deceti-templates-v1 .subtemplate-button:hover {
background:var(--color-template-category-hover-background,#f3f9fd);
}
.deceti-template-controls.deceti-templates-v1 .subtemplate-button.active {
background:var(--color-template-category-active-background,#00334d);
  color:var(--color-template-category-active-text,#ffffff);
  border-color:var(--color-template-category-active-background,#00334d);
}
.deceti-template-controls.deceti-templates-v1 .c-grid.s-c-grid {
display:flex;
  flex-wrap:wrap;
  gap:var(--spacing-template-grid-gap,14px);
  width:100%;
}
.deceti-template-controls.deceti-templates-v1 .i-grid {
flex:0 0 calc(25% - var(--spacing-template-grid-gap,14px));
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  max-width:310px;
}
.deceti-template-controls.deceti-templates-v1 .item-box {
width:100%;
  text-align:center;
  background-color:var(--color-template-panel-background,#ffffff);
  padding:15px;
  border-radius:var(--radius-template-card,10px);
  border:2px solid var(--color-template-panel-border,#d7e5f2);
  box-sizing:border-box;
  transition:transform .3s ease, outline .3s ease, background-color .3s ease;
  user-select:none;
}
.deceti-template-controls.deceti-templates-v1 .item-box:hover {
transform:scale(1.05);
  outline:2px solid var(--color-template-focus,#02b5ff);
  background-color:var(--color-template-card-hover-background,#ffffff);
}
.deceti-template-controls.deceti-templates-v1 .item-box img {
width:100%;
  height:auto;
  pointer-events:none;
  -webkit-user-drag:none;
}
.deceti-template-controls.deceti-templates-v1 .new-category-name {
font-size:16px;
  font-weight:bold;
  margin-top:10px;
}
.deceti-template-controls.deceti-templates-v1 a.btn.btn-customize,
.deceti-template-controls.deceti-templates-v1 a.btn-customize,
.deceti-template-controls.deceti-templates-v1 .btn.btn-customize,
.deceti-template-controls.deceti-templates-v1 .btn-customize {
display:inline-block !important;
  background:var(--color-template-category-active-background,#00334d) !important;
  color:var(--color-template-category-active-text,#ffffff) !important;
  border:none !important;
  border-radius:var(--radius-template-control,10px) !important;
  padding:10px 12px !important;
  margin-top:12px !important;
  font-weight:bold !important;
  text-decoration:none !important;
}
.deceti-template-controls.deceti-templates-v1 a.btn.btn-customize:hover,
.deceti-template-controls.deceti-templates-v1 a.btn-customize:hover,
.deceti-template-controls.deceti-templates-v1 .btn.btn-customize:hover,
.deceti-template-controls.deceti-templates-v1 .btn-customize:hover {
background:var(--color-template-focus,#02b5ff) !important;
  color:var(--color-template-action-hover-text,#ffffff) !important;
}
@media (max-width: 1100px) {
.deceti-template-controls.deceti-templates-v1 .i-grid {
flex:0 0 calc(33.333% - var(--spacing-template-grid-gap,14px));
}
}
@media (max-width: 900px) {
.deceti-template-controls.deceti-templates-v1 .i-grid {
flex:0 0 calc(50% - var(--spacing-template-grid-gap,14px));
}
}
@media (max-width: 768px) {
.deceti-template-controls.deceti-templates-v1 .i-grid {
flex:0 0 100%;
    max-width:100%;
}
.deceti-template-controls.deceti-templates-v1 .shape-toolbar {
flex-direction:column;
}
.deceti-template-controls.deceti-templates-v1 .size-container {
min-width:100%;
    max-width:100%;
    flex:1 1 100%;
}
.deceti-template-controls.deceti-templates-v1 .top-level-tab,
.deceti-template-controls.deceti-templates-v1 .subtemplate-button,
.deceti-template-controls.deceti-templates-v1 .shape-button {
width:100%;
    text-align:center;
}
}
.deceti-template-controls.deceti-templates-v1 .top-level-tabs {
display:flex!important; flex-wrap:wrap!important; gap:10px!important; overflow:visible!important; height:auto!important; max-height:none!important; border:0!important; padding:0!important; margin:0 0 18px!important;
}
.deceti-template-controls.deceti-templates-v1 .sublevel-buttons:not(:empty) {
display:flex!important; flex-wrap:wrap!important; gap:8px!important; overflow:visible!important; border:0!important; background:transparent!important; padding:0!important; margin:12px 0 22px!important;
}
.deceti-template-controls.deceti-templates-v1 :is(.top-level-tab,.subtemplate-button,.shape-button,.template-item,.subtemplate-item) {
border:1px solid var(--theme-border-default,var(--color-template-panel-border,#d7e5f2))!important;
  border-radius:var(--object-button-radius,var(--radius-template-control,10px))!important;
  background:var(--object-panel-background,var(--color-template-panel-background,#ffffff))!important;
  color:var(--theme-text-primary,var(--color-template-category-active-background,#00334d))!important;
   padding:11px 18px!important; min-height:42px!important;
  font-size:15px!important; line-height:1.35!important; font-weight:600!important; white-space:normal!important;
}
.deceti-template-controls.deceti-templates-v1 :is(.subtemplate-button,.subtemplate-item) {
padding:7px 12px!important; min-height:34px!important; font-size:13px!important;
}
.deceti-template-controls.deceti-templates-v1 :is(.top-level-tab,.subtemplate-button,.shape-button,.template-item,.subtemplate-item):hover,
.deceti-template-controls.deceti-templates-v1 :is(.top-level-tab,.subtemplate-button,.shape-button,.template-item,.subtemplate-item).active,
.deceti-template-controls.deceti-templates-v1 .btn-customize,
.deceti-template-controls.deceti-templates-v1 #search {
background:var(--object-button-primary-background,var(--color-template-category-active-background,#00334d))!important;
  color:var(--object-button-primary-text,var(--color-template-category-active-text,#ffffff))!important;
  border-color:var(--object-button-primary-background,var(--color-template-category-active-background,#00334d))!important;
  border-radius:var(--object-button-radius,var(--radius-template-control,10px))!important; 
}
.deceti-template-controls.deceti-templates-v1 .top-level-tab::after {
content:none!important;
}
.deceti-template-controls.deceti-templates-v1 .template-finder-heading {
margin:0 0 28px;text-align:left;
}
.deceti-template-controls.deceti-templates-v1 .template-finder-heading h2 {
margin:0 0 10px;font-size:clamp(28px,3vw,42px);line-height:1.15;font-weight:800;color:var(--theme-text-primary,var(--color-template-category-active-background,#00334d));
}
.deceti-template-controls.deceti-templates-v1 .template-finder-heading p {
margin:0;font-size:clamp(16px,1.5vw,21px);line-height:1.5;color:var(--theme-text-secondary,var(--color-template-muted,#65799c));
}
.deceti-template-controls.deceti-templates-v1 .shape-toolbar {
display:grid; grid-template-columns:minmax(0,1fr) minmax(0,4fr); gap:20px; align-items:start;
}
.deceti-template-controls.deceti-templates-v1 .shape-toolbar > .size-container,
.deceti-template-controls.deceti-templates-v1 .shape-toolbar > .shape-container {
width:100%; max-width:100%; min-width:0; margin:0;
}
@media(max-width:700px) {
.deceti-template-controls.deceti-templates-v1 .shape-toolbar {
grid-template-columns:minmax(0,1fr);
}
}
.deceti-template-controls.deceti-templates-v1 .deceti-template-icon {
display:inline-block;width:26px;height:auto;flex:0 0 26px;vertical-align:middle;margin-right:10px;font-size:24px;line-height:1;text-align:center;font-style:normal;color:inherit;
}
.deceti-template-controls.deceti-templates-v1 .deceti-template-icon-popular::before {
color:#ff7b17;background:linear-gradient(180deg,#ff4b20 15%,#ff9a16 65%,#ffd12d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.deceti-template-controls.deceti-templates-v1 .top-level-tab {
display:inline-flex;align-items:center;justify-content:center;
}
.deceti-template-controls.deceti-templates-v1 [hidden] {
display:none!important;
}
.deceti-template-controls.deceti-templates-v1 .template-finder-card {
box-sizing:border-box;min-width:0;width:100%;padding:24px;margin:0 0 24px;background:#fff;border:1px solid var(--theme-border-default,#d3dce8);border-radius:var(--object-panel-radius,16px);
}
.deceti-template-controls.deceti-templates-v1 .template-finder-card .template-finder-heading {
margin:0 0 20px;text-align:left;
}
.deceti-template-controls.deceti-templates-v1 .template-finder-card .template-finder-heading h2 {
margin:0 0 10px;font-size:clamp(26px,3vw,42px);line-height:1.15;font-weight:800;color:var(--theme-text-primary,#071b4c);
}
.deceti-template-controls.deceti-templates-v1 .template-finder-card .template-finder-heading p {
margin:0;font-size:clamp(16px,1.5vw,21px);line-height:1.5;color:var(--theme-text-secondary,#60769a);
}
.deceti-template-controls.deceti-templates-v1 .template-finder-card .search-bar {
min-width:0;margin:0;gap:12px;align-items:center;
}
.deceti-template-controls.deceti-templates-v1 .template-finder-card .search-bar input {
max-width:none;min-width:0;flex:1;
}
.deceti-template-controls.deceti-templates-v1 .template-finder-card .search-bar button {
flex-shrink:0;margin:0;
}
.deceti-template-controls.deceti-templates-v1 .template-finder-card--v1 {
display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:center;gap:28px;
}
.deceti-template-controls.deceti-templates-v1 .template-finder-card--v1 .template-finder-heading {
margin:0;
}
@media(max-width:900px) {
.deceti-template-controls.deceti-templates-v1 .template-finder-card--v1 {
grid-template-columns:minmax(0,1fr);gap:20px;
}
}
@media(max-width:600px) {
.deceti-template-controls.deceti-templates-v1 .template-finder-card {
padding:18px;margin-bottom:20px;
}
.deceti-template-controls.deceti-templates-v1 .template-finder-card .search-bar {
gap:8px;
}
}

/* Variant v3 */
.deceti-template-controls.deceti-templates-v3 {
display:block;
  max-width:100%;
  margin:0 auto;
}
.deceti-template-controls.deceti-templates-v3 .s-content {
width:100%;
  max-width:100%;
  min-width:0;
  padding:var(--spacing-template-panel-padding,18px);
  padding-top:18px;
  box-sizing:border-box;
}
.deceti-template-controls.deceti-templates-v3 .top-filters-panel {
width:100%;
  margin-bottom:24px;
}
.deceti-template-controls.deceti-templates-v3 .search-bar {
display:flex;
  justify-content:flex-start;
  align-items:center;
  margin-bottom:14px;
}
.deceti-template-controls.deceti-templates-v3 .search-bar input {
padding:10px;
  width:100%;
  max-width:560px;
  font-size:16px;
  border:1px solid var(--color-template-search-border,#d7e5f2);
  border-radius:var(--radius-template-control,10px);
  padding-right:20px;
  box-sizing:border-box;
}
.deceti-template-controls.deceti-templates-v3 .search-bar input:focus {
outline:none;
  border:3px solid var(--color-template-focus,#02b5ff);
}
.deceti-template-controls.deceti-templates-v3 .search-bar button {
background-color:var(--color-template-category-active-background,#00334d);
  color:var(--color-template-category-active-text,#ffffff);
  font-size:20px;
  border:none;
  padding:0px;
  width:50px;
  height:50px;
  border-radius:var(--radius-template-control,10px);
  cursor:pointer;
  transition:background-color .3s ease;
  margin-left:10px;
  user-select:none;
  margin-top: 10px;
}
.deceti-template-controls.deceti-templates-v3 .search-bar button:hover {
background-color:var(--color-template-focus,#02b5ff);
  color:var(--color-template-action-hover-text,#ffffff);
}
.deceti-template-controls.deceti-templates-v3 .top-level-tabs {
display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:12px;
}
.deceti-template-controls.deceti-templates-v3 .top-level-tab {
border:none;
  background:var(--color-template-panel-background,#ffffff);
  color:#000;
  border-radius:var(--radius-template-control,10px);
  padding:12px 18px;
  cursor:pointer;
  font-size:16px;
  font-weight:700;
  transition:background .3s,color .3s;
}
.deceti-template-controls.deceti-templates-v3 .top-level-tab:hover {
background:var(--color-template-category-hover-background,#f3f9fd);
}
.deceti-template-controls.deceti-templates-v3 .top-level-tab.active {
background:var(--color-template-category-active-background,#00334d);
  color:var(--color-template-category-active-text,#ffffff);
}
.deceti-template-controls.deceti-templates-v3 .shape-toolbar {
display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  margin-bottom:18px;
}
.deceti-template-controls.deceti-templates-v3 .size-container {
width:320px;
  max-width:100%;
  min-width:0;
  flex:none;
  margin:0;
}
.deceti-template-controls.deceti-templates-v3 .size-select {
width:100%;
  font-size:16px;
  padding:10px;
  border:1px solid var(--color-template-search-border,#d7e5f2);
  border-radius:var(--radius-template-control,10px);
  box-sizing:border-box;
  background:#fff;
  margin:0;
}
.deceti-template-controls.deceti-templates-v3 .shape-container {
display:flex;
  flex-wrap:wrap;
  gap:8px;
  width:100%;
  margin:0;
}
.deceti-template-controls.deceti-templates-v3 .shape-button {
border:1px solid var(--color-template-panel-border,#d7e5f2);
  background:var(--color-template-panel-background,#ffffff);
  border-radius:var(--radius-template-control,10px);
  padding:8px 12px;
  cursor:pointer;
  font-size:14px;
  line-height:1.2;
  margin:0;
  transition:background .3s,color .3s,border-color .3s;
}
.deceti-template-controls.deceti-templates-v3 .shape-button:hover {
background:var(--color-template-category-hover-background,#f3f9fd);
}
.deceti-template-controls.deceti-templates-v3 .shape-button.active {
background:var(--color-template-category-active-background,#00334d);
  color:var(--color-template-category-active-text,#ffffff);
  border-color:var(--color-template-category-active-background,#00334d);
}
.deceti-template-controls.deceti-templates-v3 .size-select {
width:100%;
  font-size:16px;
  padding:10px;
  border:1px solid var(--color-template-search-border,#d7e5f2);
  border-radius:var(--radius-template-control,10px);
  box-sizing:border-box;
  background:#fff;
}
.deceti-template-controls.deceti-templates-v3 .sublevel-buttons {
display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:22px;
}
.deceti-template-controls.deceti-templates-v3 .sublevel-buttons:empty {
display:none;
}
.deceti-template-controls.deceti-templates-v3 .subtemplate-button {
border:1px solid var(--color-template-panel-border,#d7e5f2);
  background:var(--color-template-panel-background,#ffffff);
  color:var(--color-template-muted,#65799c);
  border-radius:var(--radius-template-control,10px);
  padding:14px 20px;
  cursor:pointer;
  font-size:16px;
  font-weight:700;
  line-height:1.2;
  min-height:48px;
  transition:background .3s,color .3s,border-color .3s;
}
.deceti-template-controls.deceti-templates-v3 .subtemplate-button:hover {
background:var(--color-template-category-hover-background,#f3f9fd);
}
.deceti-template-controls.deceti-templates-v3 .subtemplate-button.active {
background:var(--color-template-category-active-background,#00334d);
  color:var(--color-template-category-active-text,#ffffff);
  border-color:var(--color-template-category-active-background,#00334d);
}
.deceti-template-controls.deceti-templates-v3 .c-grid.s-c-grid {
display:flex;
  flex-wrap:wrap;
  gap:var(--spacing-template-grid-gap,14px);
  width:100%;
}
.deceti-template-controls.deceti-templates-v3 .i-grid {
flex:0 0 calc(25% - var(--spacing-template-grid-gap,14px));
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  max-width:310px;
}
.deceti-template-controls.deceti-templates-v3 .item-box {
width:100%;
  text-align:center;
  background-color:var(--color-template-panel-background,#ffffff);
  padding:15px;
  border-radius:var(--radius-template-card,10px);
  border:2px solid var(--color-template-panel-border,#d7e5f2);
  box-sizing:border-box;
  transition:transform .3s ease, outline .3s ease, background-color .3s ease;
  user-select:none;
}
.deceti-template-controls.deceti-templates-v3 .item-box:hover {
transform:scale(1.05);
  outline:2px solid var(--color-template-focus,#02b5ff);
  background-color:var(--color-template-card-hover-background,#ffffff);
}
.deceti-template-controls.deceti-templates-v3 .item-box img {
width:100%;
  height:auto;
  pointer-events:none;
  -webkit-user-drag:none;
}
.deceti-template-controls.deceti-templates-v3 .new-category-name {
font-size:16px;
  font-weight:bold;
  margin-top:10px;
}
.deceti-template-controls.deceti-templates-v3 a.btn.btn-customize,
.deceti-template-controls.deceti-templates-v3 a.btn-customize,
.deceti-template-controls.deceti-templates-v3 .btn.btn-customize,
.deceti-template-controls.deceti-templates-v3 .btn-customize {
display:inline-block !important;
  background:var(--color-template-category-active-background,#00334d) !important;
  color:var(--color-template-category-active-text,#ffffff) !important;
  border:none !important;
  border-radius:var(--radius-template-control,10px) !important;
  padding:10px 12px !important;
  margin-top:12px !important;
  font-weight:bold !important;
  text-decoration:none !important;
}
.deceti-template-controls.deceti-templates-v3 a.btn.btn-customize:hover,
.deceti-template-controls.deceti-templates-v3 a.btn-customize:hover,
.deceti-template-controls.deceti-templates-v3 .btn.btn-customize:hover,
.deceti-template-controls.deceti-templates-v3 .btn-customize:hover {
background:var(--color-template-focus,#02b5ff) !important;
  color:var(--color-template-action-hover-text,#ffffff) !important;
}
@media (max-width: 1100px) {
.deceti-template-controls.deceti-templates-v3 .i-grid {
flex:0 0 calc(33.333% - var(--spacing-template-grid-gap,14px));
}
}
@media (max-width: 900px) {
.deceti-template-controls.deceti-templates-v3 .i-grid {
flex:0 0 calc(50% - var(--spacing-template-grid-gap,14px));
}
}
@media (max-width: 768px) {
.deceti-template-controls.deceti-templates-v3 .i-grid {
flex:0 0 100%;
    max-width:100%;
}
.deceti-template-controls.deceti-templates-v3 .shape-toolbar {
flex-direction:column;
}
.deceti-template-controls.deceti-templates-v3 .size-container {
min-width:100%;
    max-width:100%;
    flex:1 1 100%;
}
.deceti-template-controls.deceti-templates-v3 .top-level-tab,
.deceti-template-controls.deceti-templates-v3 .subtemplate-button,
.deceti-template-controls.deceti-templates-v3 .shape-button {
width:100%;
    text-align:center;
}
}
.deceti-template-controls.deceti-templates-v3 {
--gallery-surface:var(--object-panel-background, #fff);
  --gallery-border:var(--theme-border-default, var(--color-template-panel-border,#d7e5f2));
  --gallery-ink:var(--theme-text-primary, var(--color-template-category-active-background,#00334d));
}
.deceti-template-controls.deceti-templates-v3 .s-content {
padding:24px 0;
}
.deceti-template-controls.deceti-templates-v3 .top-filters-panel {
padding:24px; border:1px solid var(--gallery-border); border-radius:24px;
  background:linear-gradient(145deg,var(--gallery-surface),var(--color-template-panel-background,#ffffff));
   margin-bottom:28px; box-sizing:border-box;
}
.deceti-template-controls.deceti-templates-v3 .search-bar {
gap:12px; margin-bottom:22px;
}
.deceti-template-controls.deceti-templates-v3 .search-bar input {
height:54px; max-width:680px; padding:0 18px; border-width:1px;
  border-radius:16px; background:var(--gallery-surface); color:var(--gallery-ink);
  
}
.deceti-template-controls.deceti-templates-v3 .search-bar button {
width:54px; height:54px; margin:0; border-radius:16px; flex-shrink:0;
}
.deceti-template-controls.deceti-templates-v3 :is(.top-level-tab,.shape-button,.subtemplate-button) {
border:1px solid var(--gallery-border); border-radius:999px;
  background:var(--gallery-surface); color:var(--gallery-ink);
  transition:background .2s,color .2s;
}
.deceti-template-controls.deceti-templates-v3 :is(.top-level-tab,.shape-button,.subtemplate-button).active {
background:var(--color-template-category-active-background,#00334d); color:var(--color-template-category-active-text,#ffffff);
  border-color:var(--color-template-category-active-background,#00334d); 
}
.deceti-template-controls.deceti-templates-v3 .shape-toolbar {
margin:20px 0 0; gap:14px;
}
.deceti-template-controls.deceti-templates-v3 .subtemplate-button {
min-height:34px;
  padding:7px 12px;
  font-size:13px;
  font-weight:600;
  line-height:1.3;
  border-radius:10px;
  
  background:var(--gallery-surface);
  color:var(--theme-text-secondary, var(--color-template-muted,#65799c));
}
.deceti-template-controls.deceti-templates-v3 .subtemplate-button:hover {
background:var(--color-template-category-hover-background,#f3f9fd);
  border-color:var(--color-template-focus,#02b5ff);
}
.deceti-template-controls.deceti-templates-v3 .subtemplate-button.active {
background:var(--color-template-category-active-background,#00334d);
  color:var(--color-template-category-active-text,#ffffff);
  border-color:var(--color-template-category-active-background,#00334d);
  
}
.deceti-template-controls.deceti-templates-v3 .size-select {
min-height:50px; border-radius:14px; background:var(--gallery-surface);
}
.deceti-template-controls.deceti-templates-v3 .c-grid.s-c-grid {
display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px;
}
.deceti-template-controls.deceti-templates-v3 .i-grid {
max-width:none; min-width:0; width:100%;
}
.deceti-template-controls.deceti-templates-v3 .item-box {
height:100%; padding:18px; border:1px solid var(--gallery-border); border-radius:22px;
  background:var(--gallery-surface); 
  transition:transform .2s,border-color .2s;
}
.deceti-template-controls.deceti-templates-v3 .item-box:hover {
transform:translateY(-4px); outline:none; border-color:var(--color-template-focus,#02b5ff);
  background:var(--gallery-surface); 
}
.deceti-template-controls.deceti-templates-v3 .template-card-link {
display:block; text-decoration:none; color:var(--gallery-ink);
}
.deceti-template-controls.deceti-templates-v3 .item-box img {
aspect-ratio:1; object-fit:contain; border-radius:14px;
}
.deceti-template-controls.deceti-templates-v3 .new-category-name {
margin-top:16px; font-size:17px; line-height:1.4;
}
.deceti-template-controls.deceti-templates-v3 .btn-customize {
border-radius:12px!important; padding:12px 18px!important;
}
.deceti-template-controls.deceti-templates-v3 :is(button,input,select,a):focus-visible {
outline:3px solid var(--color-template-focus,#02b5ff); outline-offset:3px;
}
@media(max-width:1100px) {
.deceti-template-controls.deceti-templates-v3 .c-grid.s-c-grid {
grid-template-columns:repeat(3,minmax(0,1fr));
}
}
@media(max-width:760px) {
.deceti-template-controls.deceti-templates-v3 .c-grid.s-c-grid {
grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px;
}
.deceti-template-controls.deceti-templates-v3 .top-filters-panel {
padding:16px;
}
}
@media(max-width:420px) {
.deceti-template-controls.deceti-templates-v3 .c-grid.s-c-grid {
grid-template-columns:minmax(0,1fr);
}
}
@media(prefers-reduced-motion:reduce) {
.deceti-template-controls.deceti-templates-v3 * {
transition:none!important;
}
.deceti-template-controls.deceti-templates-v3 .item-box:hover {
transform:none;
}
}
.deceti-template-controls.deceti-templates-v3 .top-level-tabs {
display:flex!important; flex-wrap:wrap!important; gap:10px!important; overflow:visible!important; height:auto!important; max-height:none!important; border:0!important; padding:0!important; margin:0 0 18px!important;
}
.deceti-template-controls.deceti-templates-v3 .sublevel-buttons:not(:empty) {
display:flex!important; flex-wrap:wrap!important; gap:8px!important; overflow:visible!important; border:0!important; background:transparent!important; padding:0!important; margin:12px 0 22px!important;
}
.deceti-template-controls.deceti-templates-v3 :is(.top-level-tab,.subtemplate-button,.shape-button,.template-item,.subtemplate-item) {
border:1px solid var(--theme-border-default,var(--color-template-panel-border,#d7e5f2))!important;
  border-radius:var(--object-button-radius,var(--radius-template-control,10px))!important;
  background:var(--object-panel-background,var(--color-template-panel-background,#ffffff))!important;
  color:var(--theme-text-primary,var(--color-template-category-active-background,#00334d))!important;
   padding:11px 18px!important; min-height:42px!important;
  font-size:15px!important; line-height:1.35!important; font-weight:600!important; white-space:normal!important;
}
.deceti-template-controls.deceti-templates-v3 :is(.subtemplate-button,.subtemplate-item) {
padding:7px 12px!important; min-height:34px!important; font-size:13px!important;
}
.deceti-template-controls.deceti-templates-v3 :is(.top-level-tab,.subtemplate-button,.shape-button,.template-item,.subtemplate-item):hover,
.deceti-template-controls.deceti-templates-v3 :is(.top-level-tab,.subtemplate-button,.shape-button,.template-item,.subtemplate-item).active,
.deceti-template-controls.deceti-templates-v3 .btn-customize,
.deceti-template-controls.deceti-templates-v3 #search {
background:var(--object-button-primary-background,var(--color-template-category-active-background,#00334d))!important;
  color:var(--object-button-primary-text,var(--color-template-category-active-text,#ffffff))!important;
  border-color:var(--object-button-primary-background,var(--color-template-category-active-background,#00334d))!important;
  border-radius:var(--object-button-radius,var(--radius-template-control,10px))!important; 
}
.deceti-template-controls.deceti-templates-v3 .top-level-tab::after {
content:none!important;
}
.deceti-template-controls.deceti-templates-v3 .template-finder-heading {
margin:0 0 28px;text-align:left;
}
.deceti-template-controls.deceti-templates-v3 .template-finder-heading h2 {
margin:0 0 10px;font-size:clamp(28px,3vw,42px);line-height:1.15;font-weight:800;color:var(--theme-text-primary,var(--color-template-category-active-background,#00334d));
}
.deceti-template-controls.deceti-templates-v3 .template-finder-heading p {
margin:0;font-size:clamp(16px,1.5vw,21px);line-height:1.5;color:var(--theme-text-secondary,var(--color-template-muted,#65799c));
}
.deceti-template-controls.deceti-templates-v3 .shape-toolbar {
display:grid; grid-template-columns:minmax(0,1fr) minmax(0,4fr); gap:20px; align-items:start;
}
.deceti-template-controls.deceti-templates-v3 .shape-toolbar > .size-container,
.deceti-template-controls.deceti-templates-v3 .shape-toolbar > .shape-container {
width:100%; max-width:100%; min-width:0; margin:0;
}
@media(max-width:700px) {
.deceti-template-controls.deceti-templates-v3 .shape-toolbar {
grid-template-columns:minmax(0,1fr);
}
}
.deceti-template-controls.deceti-templates-v3 .deceti-template-icon {
display:inline-block;width:26px;height:auto;flex:0 0 26px;vertical-align:middle;margin-right:10px;font-size:24px;line-height:1;text-align:center;font-style:normal;color:inherit;
}
.deceti-template-controls.deceti-templates-v3 .deceti-template-icon-popular::before {
color:#ff7b17;background:linear-gradient(180deg,#ff4b20 15%,#ff9a16 65%,#ffd12d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.deceti-template-controls.deceti-templates-v3 .top-level-tab {
display:inline-flex;align-items:center;justify-content:center;
}
.deceti-template-controls.deceti-templates-v3 [hidden] {
display:none!important;
}
.deceti-template-controls.deceti-templates-v3 .template-finder-card {
box-sizing:border-box;min-width:0;width:100%;padding:24px;margin:0 0 24px;background:#fff;border:1px solid var(--theme-border-default,#d3dce8);border-radius:var(--object-panel-radius,16px);
}
.deceti-template-controls.deceti-templates-v3 .template-finder-card .template-finder-heading {
margin:0 0 20px;text-align:left;
}
.deceti-template-controls.deceti-templates-v3 .template-finder-card .template-finder-heading h2 {
margin:0 0 10px;font-size:clamp(26px,3vw,42px);line-height:1.15;font-weight:800;color:var(--theme-text-primary,#071b4c);
}
.deceti-template-controls.deceti-templates-v3 .template-finder-card .template-finder-heading p {
margin:0;font-size:clamp(16px,1.5vw,21px);line-height:1.5;color:var(--theme-text-secondary,#60769a);
}
.deceti-template-controls.deceti-templates-v3 .template-finder-card .search-bar {
min-width:0;margin:0;gap:12px;align-items:center;
}
.deceti-template-controls.deceti-templates-v3 .template-finder-card .search-bar input {
max-width:none;min-width:0;flex:1;
}
.deceti-template-controls.deceti-templates-v3 .template-finder-card .search-bar button {
flex-shrink:0;margin:0;
}
.deceti-template-controls.deceti-templates-v3 .template-finder-card--v1 {
display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:center;gap:28px;
}
.deceti-template-controls.deceti-templates-v3 .template-finder-card--v1 .template-finder-heading {
margin:0;
}
@media(max-width:900px) {
.deceti-template-controls.deceti-templates-v3 .template-finder-card--v1 {
grid-template-columns:minmax(0,1fr);gap:20px;
}
}
@media(max-width:600px) {
.deceti-template-controls.deceti-templates-v3 .template-finder-card {
padding:18px;margin-bottom:20px;
}
.deceti-template-controls.deceti-templates-v3 .template-finder-card .search-bar {
gap:8px;
}
}