.tag-setup{background:#f8f5ef}.tag-setup-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;color:#6b6258;font-size:.74rem}.tag-setup-top button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.tag-setup-user{font-weight:800;letter-spacing:.06em}.tag-setup-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(255px,320px);gap:28px;align-items:start}.tag-setup-catalog h1{max-width:760px;margin:9px 0 5px;font:400 clamp(2.2rem,4vw,3.7rem)/1 var(--serif);letter-spacing:-.06em}.tag-setup-intro{margin:0;color:#81786e;font-size:1rem}.tag-current-mode{margin:19px 0 26px;color:#695e51;font-size:.72rem}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.template-card{display:flex;position:relative;min-height:190px;flex-direction:column;overflow:hidden;border:1px solid #ded5ca;border-radius:8px;background:#fffdf9;box-shadow:0 8px 20px rgba(71,53,34,.04);cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.template-card:hover,.template-card.is-selected{border-color:#aa744b;box-shadow:0 12px 25px rgba(101,66,36,.14);transform:translateY(-2px)}.template-card.is-selected{outline:2px solid rgba(174,120,76,.18)}.template-card.is-coming-soon{background:#f5f0e8}.template-card:focus-visible{outline:3px solid #be8959;outline-offset:2px}.template-image{height:98px;overflow:hidden;background:#e9dfd1}.template-image img{display:block;width:100%;height:100%;object-fit:cover}.template-icon{display:grid;place-items:center;width:47px;height:47px;margin:19px 18px 0;border-radius:5px;background:#f1e5d5;color:#764a2b;font-size:1.7rem}.template-card-content{padding:15px 18px 6px}.has-icon .template-card-content{padding-top:13px}.template-card h2{margin:0 0 7px;color:#25211d;font:600 1.18rem var(--sans);letter-spacing:-.04em}.template-card p{margin:0;color:#6d6359;font-size:.71rem;line-height:1.5}.template-card-footer{display:flex;min-height:41px;align-items:center;justify-content:space-between;margin-top:auto;padding:7px 14px 12px 18px}.template-badge,.template-coming{color:#9a663e;font-size:.52rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.template-coming{color:#816c57}.template-card-footer button{position:relative;z-index:2;pointer-events:auto}.template-card-footer button,.template-passive{display:grid;place-items:center;width:34px;height:34px;border:1px solid #b79475;border-radius:50%;background:#fff;color:#5b3922;font-size:1.1rem;cursor:pointer}.template-passive{opacity:.65;cursor:default}.advanced-template-link{display:grid;grid-template-columns:38px 1fr auto;align-items:center;width:100%;gap:12px;margin-top:20px;border:1px solid #d9cec0;border-radius:7px;background:#fbf8f2;padding:17px 20px;color:#37312b;text-align:left;cursor:pointer}.advanced-template-link span{font-size:1.55rem;color:#795033}.advanced-template-link strong{font-size:.82rem}.advanced-template-link small{grid-column:2;color:#776d63;font-size:.68rem}.advanced-template-link b{grid-row:1/3;grid-column:3;font-size:1.2rem;color:#755038}.template-preview{position:sticky;top:26px;min-height:555px;border-radius:10px;padding:22px;background:#f1ece4}.template-preview>p:first-child{margin:0 0 16px;color:#403830;font-size:.82rem}.template-phone{position:relative;max-width:255px;margin:auto;padding:22px 16px 18px;border:7px solid #171716;border-radius:28px;background:#f9f4ea;box-shadow:0 20px 35px rgba(30,23,17,.2);text-align:center}.template-phone-brand{display:block;color:#201d1a;font-weight:900;text-align:left}.template-preview-art{display:grid;place-items:center;height:135px;margin:13px -16px 18px;background:linear-gradient(135deg,#d7c1a9,#6d4a32);background-position:center;background-size:cover;color:#fff;font-size:3rem}.template-phone h2{margin:0;color:#27221d;font:400 1.55rem var(--serif)}.template-phone p{color:#6c6054;font-size:.7rem;line-height:1.5}.template-preview-actions{display:grid;gap:6px;margin:13px 0}.template-preview-actions span{border:1px solid #dfd5c7;border-radius:5px;padding:9px;color:#4d4034;font-size:.65rem;text-align:left}.template-phone button{width:100%;border:0;border-radius:5px;background:#2a2621;padding:10px;color:#f5dfc3;font:700 .62rem var(--sans);cursor:pointer}.template-preview-note{margin:17px 4px 0!important;color:#7f7063;font-size:.65rem;line-height:1.5}.template-preview.is-soon .template-preview-art{filter:grayscale(.55)}
@media(max-width:1100px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tag-setup-layout{grid-template-columns:minmax(0,1fr) 280px}}@media(max-width:850px){.tag-setup-layout{grid-template-columns:1fr}.template-preview{position:relative;top:0;min-height:auto}.template-phone{max-width:310px}}@media(max-width:540px){.tag-setup-top{align-items:flex-start;gap:8px;flex-direction:column}.template-grid{grid-template-columns:1fr}.template-card{min-height:175px}.tag-setup-catalog h1{font-size:2.45rem}.advanced-template-link{padding:14px}.template-preview{padding:16px}}
.template-editor-top{display:flex;justify-content:space-between;margin-bottom:22px;color:#6b6258;font-size:.76rem}.template-editor-top button{border:0;background:transparent;color:inherit;cursor:pointer}.template-editor-heading{margin-bottom:24px}.template-editor-heading h1{margin:6px 0;font:400 2.8rem var(--serif);letter-spacing:-.05em}.template-editor-heading p{color:#746a60}.template-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start}.template-editor-form{padding:24px;border:1px solid #ded5ca;border-radius:10px;background:#fffdf9}.template-editor-section{margin:0 0 23px;padding:0;border:0}.template-editor-section legend{margin-bottom:13px;color:#45372c;font-weight:800}.template-editor-section>p{margin:-6px 0 14px;color:#776d63;font-size:.8rem}.template-field{display:block;margin:0 0 15px}.template-field>span{display:block;margin-bottom:6px;color:#42372d;font-size:.78rem;font-weight:700}.template-field small{display:block;margin:-2px 0 7px;color:#7d7165;font-size:.72rem}.template-field input,.template-field textarea,.template-field select{box-sizing:border-box;width:100%;border:1px solid #d9cec0;border-radius:6px;background:#fff;padding:10px 11px;color:#312820;font:inherit}.template-field textarea{min-height:95px;resize:vertical}.template-field.has-error input,.template-field.has-error textarea,.template-field.has-error select{border-color:#af4b3c}.template-field em{display:block;margin-top:5px;color:#a74235;font-size:.72rem;font-style:normal}.template-editor-actions{display:flex;gap:10px;align-items:center}.template-editor-actions .outline-button:disabled{opacity:.45;cursor:not-allowed}.template-editor-preview{position:sticky;top:26px;border-radius:10px;padding:22px;background:#f1ece4}.template-editor-preview .template-phone{min-height:390px}@media(max-width:850px){.template-editor-layout{grid-template-columns:1fr}.template-editor-preview{position:relative;top:0}.template-editor-heading h1{font-size:2.25rem}}@media(max-width:540px){.template-editor-form{padding:17px}.template-editor-actions{flex-direction:column;align-items:stretch}}
.business-preview[data-style="LIGHT"]{background:#fffdf7;color:#2b241e}.business-preview[data-style="DARK"]{background:#171817;color:#f7f2ea}.business-preview[data-style="NATURAL"]{background:#ebe0d0}.business-cover{height:100px;margin:-22px -16px 0;background:#c6ad91;overflow:hidden}.business-cover img{width:100%;height:100%;object-fit:cover}.business-avatar{width:68px;height:68px;display:grid;place-items:center;margin:-34px auto 12px;border:4px solid currentColor;border-radius:50%;overflow:hidden;background:#c99a66}.business-avatar img{width:100%;height:100%;object-fit:cover}.business-preview small{display:block;color:inherit;opacity:.65}.preview-social{min-height:18px;font-size:.6rem!important}.additional-link-row{display:grid;grid-template-columns:1fr 1.4fr 24px;gap:7px;margin:8px 0}.additional-link-row input{min-width:0;border:1px solid #d9cec0;border-radius:6px;padding:9px}.additional-link-row span{display:grid;place-items:center;color:#796b5c;font-size:.7rem}
.business-card-form{padding:0;border:0;background:transparent}.business-card-form .template-editor-fields{padding:20px;border:1px solid #ded5ca;border-radius:10px;background:#fffdf9}.business-card-form .template-editor-section{margin-bottom:18px}.business-card-form .template-editor-section legend{margin-bottom:9px}.business-card-form .template-field{margin-bottom:10px}.business-card-form .template-field>span{margin-bottom:4px}.business-card-form .template-field input,.business-card-form .template-field select{min-height:42px;padding:8px 10px}.business-card-form .template-field textarea{min-height:92px;padding:9px 10px}.business-card-form .template-field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.business-card-form .template-editor-preview{display:grid;gap:10px;position:sticky;top:22px;padding:18px}.business-card-form .template-editor-preview>.panel-action,.business-card-form .template-editor-preview>.outline-button{width:100%;box-sizing:border-box}.template-save-status{margin:0;color:#706457;font-size:.73rem}.template-active-status{margin:0;padding:11px;border:1px solid #8ca080;background:#edf4e9;color:#385333;font-size:.74rem;font-weight:800;text-align:center}.template-toggle{display:flex;align-items:flex-start;gap:8px;color:#44392f;font-size:.8rem;font-weight:700}.template-toggle input{width:18px;height:18px;margin:0}.business-preview[data-button-style="ROUNDED"] .template-preview-actions span{border-radius:10px}.business-preview[data-button-style="PILL"] .template-preview-actions span{border-radius:999px}.business-preview[data-avatar-style="ROUNDED"] .business-avatar{border-radius:14px}.business-preview[data-avatar-style="SQUARE"] .business-avatar{border-radius:0}.business-preview[data-accent]{--preview-accent:#c99a66}.business-preview[data-accent] .business-avatar{background:var(--preview-accent)}@media(max-width:850px){.business-card-form .template-editor-preview{position:relative;top:0}.business-card-form .template-editor-fields{padding:17px}}@media(max-width:540px){.business-card-form .template-field-row{grid-template-columns:1fr}.business-card-form .template-editor-preview{padding:16px}.business-card-form .template-field input,.business-card-form .template-field select{min-height:46px}}
