.setting-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:12px}
.setting-tabs button{min-height:48px;padding:10px 6px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font-size:14px;font-weight:850}
.setting-tabs button[aria-selected=true]{border-color:var(--ink);background:var(--ink);color:#fff}
.field[hidden],.button-wide[hidden]{display:none!important}
.template-card{padding:5px;border:2px solid transparent;border-radius:8px;background:transparent}
.template-card:hover{background:#ebeae4}.template-card.active{border-color:var(--blue);background:#fff}
.template-thumb{position:relative;display:block;width:100%;aspect-ratio:8.5/11;overflow:hidden;border:1px solid #b9bbb5;background-color:#fff;box-shadow:0 2px 5px rgba(25,28,24,.08)}
.template-thumb::before{position:absolute;top:9%;right:9%;left:9%;height:18%;border-top:6px solid var(--thumb-accent);border-bottom:1px solid var(--thumb-accent);content:""}
.template-thumb::after{position:absolute;inset:38% 12% 10%;background:repeating-linear-gradient(to bottom,#d7d8d2 0 1px,transparent 1px 9px);content:""}
.template-card strong{padding:7px 2px 2px;font-size:11px;line-height:1.2}
.thumb-layout-center::before{right:20%;left:20%}.thumb-layout-right::before{right:9%;left:35%}.thumb-layout-split::before{background:linear-gradient(90deg,var(--thumb-accent) 0 42%,transparent 42% 56%,var(--thumb-accent) 56% 100%)}.thumb-layout-stacked::before{height:23%;border-top-width:9px}
.thumb-border-bottom{border-bottom:4px solid var(--thumb-accent)}.thumb-border-full{border:3px solid var(--thumb-accent)}.thumb-border-double{border:3px double var(--thumb-accent)}.thumb-border-corners{background-image:linear-gradient(var(--thumb-accent),var(--thumb-accent)),linear-gradient(var(--thumb-accent),var(--thumb-accent)),linear-gradient(var(--thumb-accent),var(--thumb-accent)),linear-gradient(var(--thumb-accent),var(--thumb-accent));background-position:left top,left top,right bottom,right bottom;background-repeat:no-repeat;background-size:30% 3px,3px 23%,30% 3px,3px 23%}
.thumb-bg-grid{background-image:linear-gradient(rgba(63,92,121,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(63,92,121,.15) 1px,transparent 1px);background-size:9px 9px}.thumb-bg-dots{background-image:radial-gradient(rgba(63,92,121,.25) 1px,transparent 1.2px);background-size:8px 8px}.thumb-bg-diagonal{background-image:repeating-linear-gradient(135deg,transparent 0 9px,rgba(63,92,121,.18) 9px 10px)}.thumb-bg-botanical,.thumb-bg-curves,.thumb-bg-gradient,.thumb-bg-geometric,.thumb-bg-waves{background-image:radial-gradient(circle at 0 0,rgba(63,92,121,.17) 0 23%,transparent 24%),radial-gradient(circle at 100% 100%,rgba(63,92,121,.17) 0 28%,transparent 29%)}
.letter-background:not(.pattern-gradient){background-position:var(--pattern-x) var(--pattern-y)}
.letter-writing.lines-ruled{background-image:repeating-linear-gradient(to bottom,transparent 0 calc(var(--handwriting-step) - 1px),var(--guide-strong) calc(var(--handwriting-step) - 1px) var(--handwriting-step))}.letter-writing.lines-double{background-image:repeating-linear-gradient(to bottom,transparent 0 12.9px,var(--guide-light) 12.9px 13.4px,transparent 13.4px 25.83px,var(--guide-strong) 25.83px var(--handwriting-step))}.letter-writing.lines-dotted{background-image:radial-gradient(circle,var(--guide-strong) 1px,transparent 1.4px)}.letter-writing.lines-single::before,.letter-writing.lines-formal::before{background:var(--guide-strong)}.letter-writing.lines-formal::after{border-bottom-color:var(--guide-strong)}
@media(max-width:1080px){.setting-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.setting-tabs{grid-template-columns:repeat(4,minmax(0,1fr));top:66px;padding:10px}.setting-tabs button{min-height:46px}}