.template-share{gap:18px;display:grid}.template-share .field{margin:0}.template-share-code{border:1px solid var(--border);text-align:center;background:#fff;border-radius:16px;justify-items:center;gap:10px;padding:20px;display:grid}.template-share-code img{width:min(240px,100%);height:auto}.template-share-code strong{overflow-wrap:anywhere}.template-share-code span,.template-share-hint{color:var(--muted);font-size:13px}.template-share-hint{margin:0}.template-share-actions{flex-wrap:wrap;gap:10px;display:flex}.template-share>.button{justify-self:start}
.template-manager{background:var(--background);min-height:100dvh;color:var(--foreground)}.template-manager-main{max-width:1280px;padding:36px 28px calc(64px + env(safe-area-inset-bottom));margin:auto}.template-manager-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.template-manager-heading h1{text-wrap:balance;margin:10px 0 12px;font-size:30px}.template-manager-heading p{color:var(--muted);margin:0}.template-manager-heading>.button{flex-shrink:0}.template-manager-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.template-manager-overview>div{background:#fff3bb;border:1px solid #f2d574;border-radius:16px;align-items:center;gap:16px;padding:22px;display:flex}.template-manager-overview>div:nth-child(2){background:#dcf6eb;border-color:#ace3d4}.template-manager-overview>div:nth-child(3){background:#e1f1ff;border-color:#b9dfff}.template-manager-overview span{font-size:13px}.template-manager-overview strong{font-variant-numeric:tabular-nums;margin-top:8px;font-size:28px;line-height:1;display:block}.template-manager-filter{align-items:center;gap:16px;margin:28px 0 20px;display:flex}.template-manager-filter label{white-space:nowrap;align-items:center;gap:8px;display:flex}.template-manager-filter input{background:#fff;width:min(420px,100%)}.template-manager-filter>span{white-space:nowrap;color:var(--muted);margin-left:auto;font-size:13px}.template-manager-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.template-manager-card{border:1px solid var(--border);background:#fff;border-radius:18px;flex-direction:column;min-width:0;padding:22px;display:flex}.template-manager-card-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.template-manager-icon{width:48px;height:48px;color:var(--brand);background:var(--goods-soft);border-radius:14px;place-items:center;display:grid}.template-manager-card h2{overflow-wrap:anywhere;text-wrap:balance;margin-bottom:10px;font-size:19px;line-height:1.5}.template-manager-description{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:46px;margin-bottom:20px;font-size:13px;line-height:1.8;display:-webkit-box;overflow:hidden}.template-manager-meta{color:var(--muted);font-variant-numeric:tabular-nums;gap:16px;margin-top:auto;padding-bottom:18px;font-size:12px;display:flex}.template-manager-card-actions{flex-wrap:wrap;gap:10px;display:flex}.template-manager-card-actions>.button{white-space:nowrap;flex:1;padding-inline:12px}.template-manager-card-footer{border-top:1px solid var(--border);justify-content:space-between;gap:8px;margin-top:18px;padding-top:10px;display:flex}.template-manager-card-footer .button{min-height:40px;padding:8px 4px;font-size:12px}.template-manager-permission{color:var(--muted);align-self:center;font-size:12px}.template-manager-form{gap:20px;display:grid}.template-manager-dialog-actions{justify-content:flex-end;gap:12px;display:flex}@media (max-width:1050px){.template-manager-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.template-manager-main{padding:24px 16px calc(40px + env(safe-area-inset-bottom))}.template-manager .public-header{gap:12px;padding-inline:16px}.template-manager .muted-link{font-size:12px}.template-manager-heading{flex-direction:column;align-items:flex-start;gap:18px}.template-manager-heading h1{font-size:25px}.template-manager-heading p{font-size:13px;line-height:1.8}.template-manager-overview{gap:8px}.template-manager-overview>div{gap:10px;padding:14px 10px}.template-manager-overview svg{display:none}.template-manager-overview span{font-size:11px}.template-manager-overview strong{font-size:25px}.template-manager-filter{flex-wrap:wrap;gap:10px}.template-manager-filter input{order:3;width:100%}.template-manager-grid{grid-template-columns:minmax(0,1fr);gap:16px}.template-manager-card{padding:20px}}