/* app.css */
:root{
  --ink:#0b2230;
  --muted:#667982;
  --teal:#0aa7a7;
  --teal2:#63d8d3;
  --line:rgba(11,34,48,.12);
  --paper:#f6f8f8;
  --panel:#fff;
  --shadow:0 22px 50px rgba(11,34,48,.09);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;width:100%;overflow-x:hidden;background:linear-gradient(180deg,#e8eded,#f8fafa 32%,#fff);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}
button,input,textarea,select{font:inherit}
.topbar{height:74px;display:flex;align-items:center;padding:0 clamp(16px,4vw,54px);background:rgba(210,210,210,.84);border-bottom:1px solid rgba(11,34,48,.07);position:sticky;top:0;z-index:200;backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}
.brand-mark{width:28px;height:28px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(8deg)}
.brand-mark i{display:block;background:var(--ink);border-radius:2px}.brand-mark i:last-child{background:var(--teal)}
.brand-word{font-weight:900;font-size:20px;letter-spacing:-.05em}.brand-word span{font-weight:600;color:var(--teal)}
.lang-choice{margin-left:auto;display:flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.68);border:1px solid rgba(11,34,48,.10)}.lang-choice-btn{min-height:36px;border:0;border-radius:999px;padding:0 14px;background:transparent;color:var(--ink);font-size:12px;font-weight:850;cursor:pointer}.lang-choice-btn.active{background:var(--ink);color:#fff;box-shadow:0 5px 14px rgba(11,34,48,.15)}
.page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0 72px}
.intro{max-width:780px;margin:4px 0 34px}.eyebrow,.section-kicker,.control-kicker{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--teal)}
.intro h1{font-size:clamp(42px,5vw,70px);line-height:.94;margin:8px 0 15px;letter-spacing:-.055em;font-weight:850}.intro p{max-width:680px;margin:0;color:var(--muted);font-size:15px;line-height:1.65;font-weight:550}
.editor{display:grid;gap:22px}.panel{border:1px solid rgba(11,34,48,.1);border-radius:28px;background:#fff;box-shadow:var(--shadow);padding:24px;min-width:0}
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.section-heading>div{min-width:0}.section-heading h2{margin:6px 0 0;font-size:clamp(25px,3vw,34px);line-height:1.05;letter-spacing:-.04em}.section-heading>p{max-width:430px;margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5;text-align:right;font-weight:600}.step{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-size:10px;font-weight:900;margin-right:8px;vertical-align:middle}.section-heading .section-kicker{vertical-align:middle}

/* Examples */
.examples-section{margin-bottom:22px;border-radius:30px;padding:28px;background:linear-gradient(145deg,#69d9d4,#42c5c1);box-shadow:0 20px 45px rgba(11,34,48,.10);overflow:hidden;position:relative}.examples-section:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:70px solid rgba(255,255,255,.11);right:-220px;top:-175px;pointer-events:none}.examples-heading{position:relative;z-index:2}.examples-heading .section-kicker{color:#075b5d}.examples-heading h2{color:#07363a}.examples-heading>p{color:#175e61}
.examples-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;position:relative;z-index:2}.example-shell{min-width:0}.example-card{height:470px;max-width:294px;margin:auto;border-radius:28px;overflow:hidden;position:relative;box-shadow:0 25px 52px rgba(7,54,58,.22);background:#d0d0d0;color:#7a5a58}.example-photo{height:195px;background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(0,0,0,.11));display:grid;place-items:center}.example-photo span{font:600 58px 'Cormorant Garamond';opacity:.45}.example-copy{padding:20px;position:relative}.example-copy>small{font-size:7px;font-weight:900;letter-spacing:.16em}.example-copy h3{font:500 31px/.94 Parisienne,serif;margin:6px 0 8px}.example-meta{display:flex;align-items:center;gap:6px;font-size:7px;font-weight:700}.example-meta i{width:3px;height:3px;border-radius:50%;background:currentColor}.example-copy p{font-size:8px;line-height:1.55;margin:12px 0}.example-actions{display:flex;gap:6px;border-top:1px solid currentColor;padding-top:10px}.example-actions b{width:25px;height:25px;border:1px solid currentColor;border-radius:7px;display:grid;place-items:center;font-size:8px}.example-qr{position:absolute;right:15px;bottom:7px;display:grid;justify-items:center;gap:5px}.example-qr span{width:54px;height:54px;border:1.5px solid currentColor;border-radius:10px;display:grid;place-items:center;font:900 10px Inter;background:rgba(255,255,255,.08)}.example-qr small{font-size:5.5px;font-weight:900;letter-spacing:.08em}.example-caption{max-width:294px;margin:10px auto 0;display:flex;justify-content:space-between;gap:10px;align-items:center;color:#07363a}.example-caption strong{font-size:13px}.example-caption span{font-size:9px;font-weight:700;opacity:.75}.example-two .example-card{background:#3d1f25;color:#f4d8bd}.example-editorial .example-photo{height:235px}.example-editorial .example-copy h3{font-family:'Playfair Display';font-size:30px}.example-three .example-card{background:#fff;color:#173f46;border:9px solid #dde6e4}.example-clean .example-photo{height:175px;margin:13px;border-radius:18px}.example-clean .example-copy{padding-top:5px}.example-clean .example-copy h3{font-family:Inter;font-weight:800;font-size:26px;letter-spacing:-.05em}

/* Templates */
.template-section{padding-bottom:28px}.templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.template{position:relative;min-width:0;border:1px solid rgba(11,34,48,.12);background:#f8fafb;border-radius:20px;padding:12px;cursor:pointer;text-align:left;color:var(--ink);transition:transform .18s,border-color .18s,box-shadow .18s}.template:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(11,34,48,.08)}.template.active{border-color:#22bdb6;background:#ebf9f8;box-shadow:0 0 0 2px rgba(34,189,182,.10)}.template>strong{display:block;margin-top:10px;font-size:14px}.template>small{display:block;margin-top:2px;color:var(--muted);font-size:10px;font-weight:650}.template-check{position:absolute;right:12px;bottom:12px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;font-weight:900;font-size:12px;opacity:0;transform:scale(.75);transition:.18s}.template.active .template-check{opacity:1;transform:scale(1)}
.template-card{height:250px;border-radius:15px;overflow:hidden;display:block;position:relative;background:#d0d0d0;color:#7a5a58;box-shadow:0 10px 24px rgba(11,34,48,.09)}.tpl-photo{position:absolute;left:0;right:0;top:0;height:104px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(0,0,0,.09));display:grid;place-items:center;font:600 38px 'Cormorant Garamond';opacity:.78}.tpl-content{position:absolute;left:0;right:0;top:104px;bottom:0;padding:13px;display:block}.tpl-content>small{display:block;font:900 5px Inter;letter-spacing:.16em}.tpl-content>b{display:block;font:500 22px/.9 Parisienne;margin-top:4px}.tpl-content>em{display:block;font:600 6px Inter;font-style:normal;margin-top:6px;opacity:.8}.tpl-content>i{display:block;width:36px;height:1px;background:currentColor;margin:9px 0}.tpl-content>u{display:block;text-decoration:none;font:700 7px Inter}.tpl-qr{position:absolute;right:12px;bottom:11px;width:31px;height:31px;border:1px solid currentColor;border-radius:6px;display:grid;place-items:center;font:900 7px Inter}.tpl-minimal-demo .tpl-photo{width:76px;height:76px;border-radius:50%;left:50%;right:auto;transform:translateX(-50%);top:20px}.tpl-minimal-demo .tpl-content{top:100px;text-align:center}.tpl-minimal-demo .tpl-content>i{margin:9px auto}.tpl-minimal-demo .tpl-qr{right:50%;transform:translateX(50%)}.tpl-editorial-demo{background:#3d1f25;color:#f4d8bd}.tpl-editorial-demo .tpl-photo{height:132px}.tpl-editorial-demo .tpl-content{top:132px}.tpl-editorial-demo .tpl-content>b{font-family:'Playfair Display';font-size:19px}.tpl-split-demo{display:grid;grid-template-columns:43% 57%;background:#f3efe7;color:#6e4c43}.tpl-split-demo .tpl-photo{position:relative;left:auto;right:auto;top:auto;height:100%;font-size:32px}.tpl-split-demo .tpl-content{position:relative;left:auto;right:auto;top:auto;bottom:auto;padding:18px 10px}.tpl-split-demo .tpl-content>b{font-family:'Cormorant Garamond';font-size:20px}.tpl-split-demo .tpl-content>u{line-height:2}.tpl-split-demo .tpl-qr{right:10px;bottom:10px}.tpl-halo-demo{background:#173f46;color:#f7f4ee}.tpl-halo-demo:after{content:"";position:absolute;width:155px;height:155px;border-radius:50%;border:30px solid rgba(255,255,255,.12);right:-95px;bottom:-55px}.tpl-halo-demo .tpl-photo{clip-path:ellipse(72% 70% at 50% 20%)}.tpl-clean-demo{background:#fff;color:#173f46;border:7px solid #dde6e4}.tpl-clean-demo .tpl-photo{left:10px;right:10px;top:10px;height:96px;border-radius:12px}.tpl-clean-demo .tpl-content{top:110px}.tpl-clean-demo .tpl-content>b{font-family:Inter;font-weight:850;font-size:17px;letter-spacing:-.05em}


/* Additional template demos */
.tpl-executive-demo{background:#0b2230;color:#f2eee6}.tpl-executive-demo .tpl-photo{height:82px;left:14px;right:14px;top:14px;border-radius:8px;background:linear-gradient(135deg,#244858,#102834)}.tpl-executive-demo .tpl-content{top:105px;padding:15px}.tpl-executive-demo .tpl-content>b{font-family:Montserrat;font-weight:700;font-size:16px;letter-spacing:-.04em}.tpl-executive-demo .tpl-content>i{width:100%;opacity:.45}.tpl-executive-demo .tpl-qr{width:38px;height:38px}
.tpl-portrait-demo{background:#e8ddd4;color:#6e4c43}.tpl-portrait-demo .tpl-photo{height:155px;font-size:48px;background:linear-gradient(150deg,#f8eee6,#cbaea0)}.tpl-portrait-demo .tpl-content{top:155px;padding:12px 14px}.tpl-portrait-demo .tpl-content>b{font-family:'Cormorant Garamond';font-size:21px}.tpl-portrait-demo .tpl-qr{bottom:9px}
.tpl-frame-demo{background:#f7f4ee;color:#173f46;border:10px solid #173f46}.tpl-frame-demo:before{content:"";position:absolute;inset:7px;border:1px solid #173f46;pointer-events:none}.tpl-frame-demo .tpl-photo{left:22px;right:auto;width:64px;height:64px;border-radius:50%;top:27px}.tpl-frame-demo .tpl-content{top:96px;padding:16px 20px}.tpl-frame-demo .tpl-content>b{font-family:'Playfair Display';font-size:18px}.tpl-frame-demo .tpl-qr{right:19px;bottom:18px}
.tpl-bold-demo{background:#f2c84b;color:#0b2230}.tpl-bold-demo .tpl-photo{height:72px;left:auto;right:14px;width:72px;border-radius:50%;top:14px;font-size:28px;background:#0b2230;color:#f2c84b}.tpl-bold-demo .tpl-content{top:30px;padding:16px}.tpl-bold-demo .tpl-content>b{font-family:Inter;font-size:25px;font-weight:900;line-height:.82;letter-spacing:-.08em;margin-top:48px}.tpl-bold-demo .tpl-content>i{height:4px;width:48px}.tpl-bold-demo .tpl-qr{width:40px;height:40px}
.tpl-monogram-demo{background:#2f2730;color:#f1dfc8}.tpl-monogram-demo .tpl-photo{height:118px;background:transparent;font-family:'Cormorant Garamond';font-size:62px;border-bottom:1px solid rgba(241,223,200,.35)}.tpl-monogram-demo .tpl-content{top:118px;text-align:center}.tpl-monogram-demo .tpl-content>b{font-family:'Cormorant Garamond';font-size:19px}.tpl-monogram-demo .tpl-content>i{margin:8px auto}.tpl-monogram-demo .tpl-qr{right:50%;transform:translateX(50%)}
.tpl-asymmetric-demo{background:#e7efed;color:#173f46}.tpl-asymmetric-demo .tpl-photo{left:auto;right:0;width:44%;height:100%;font-size:34px;background:linear-gradient(160deg,#b7d5d0,#719b95)}.tpl-asymmetric-demo .tpl-content{right:44%;top:0;padding:24px 12px}.tpl-asymmetric-demo .tpl-content>b{font-family:'Playfair Display';font-size:20px}.tpl-asymmetric-demo .tpl-content>i{width:20px}.tpl-asymmetric-demo .tpl-qr{right:10px;bottom:12px}

/* Configure - visual language intentionally mirrors EvenShots */
.configure-section{border-radius:30px;padding:25px;background:linear-gradient(180deg,#edf8f7,#f8fbfb);border:1px solid rgba(11,34,48,.1);box-shadow:var(--shadow)}.configure-title{margin:0 0 18px}.configure-title .section-kicker{display:block;font-size:13px;line-height:1.25;font-weight:950;letter-spacing:.12em;color:var(--teal)}.configure-title p{max-width:760px;margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.55;font-weight:600}.configure-grid{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}.live-card-panel{border:1px solid rgba(11,34,48,.1);border-radius:26px;background:#071923;box-shadow:0 22px 50px rgba(11,34,48,.11);padding:16px;min-width:0}.live-card-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.live-card-label span{font-size:9px;font-weight:900;letter-spacing:.13em;color:#63d8d3}.live-card-label small{font-size:10px;color:#d5e7e8;font-weight:800}.phone-frame{display:grid;place-items:center}.business-card{--card-bg:#d0d0d0;--card-text:#7a5a58;width:min(100%,330px);height:590px;border-radius:28px;background:var(--card-bg);color:var(--card-text);overflow:hidden;box-shadow:0 30px 65px rgba(0,0,0,.28);position:relative;font-family:Parisienne,serif;border:1px solid rgba(255,255,255,.12)}.card-photo{height:245px;background:linear-gradient(145deg,rgba(255,255,255,.6),rgba(0,0,0,.09));display:grid;place-items:center;background-size:cover;background-position:center 25%;position:relative}.card-photo span{font:600 68px 'Cormorant Garamond';opacity:.44}.card-content{padding:22px;position:relative}.card-kicker{font-family:Inter;font-size:8px;font-weight:800;letter-spacing:.18em}.business-card h3{font-size:38px;line-height:.95;margin:7px 0 8px;font-weight:500}.company-line{font-family:Inter;font-size:9px;display:flex;align-items:center;gap:7px;opacity:.82}.company-line i{width:3px;height:3px;border-radius:50%;background:currentColor}.business-card p{font-family:Inter;font-size:10px;line-height:1.6;margin:15px 0}.contact-list{font-family:Inter;display:grid;gap:6px;font-size:9px;border-top:1px solid currentColor;padding-top:12px;opacity:.9}.preview-footer{position:absolute;left:22px;right:22px;top:282px;font-family:Inter;font-size:8px;display:flex;justify-content:space-between;align-items:center}.preview-footer b{border:1px solid currentColor;padding:6px;border-radius:7px}.business-card.font-inter{font-family:Inter}.business-card.font-cormorant{font-family:'Cormorant Garamond'}.business-card.font-playfair{font-family:'Playfair Display'}.business-card.font-montserrat{font-family:Montserrat}.business-card.font-poppins{font-family:Poppins}.business-card.tpl-minimal .card-photo{height:185px;border-radius:50%;width:150px;margin:24px auto 0}.business-card.tpl-minimal .card-content{text-align:center}.business-card.tpl-minimal .company-line{justify-content:center}.business-card.tpl-minimal .preview-footer{top:240px}.business-card.tpl-editorial .card-photo{height:305px}.business-card.tpl-editorial h3{font-size:45px}.business-card.tpl-editorial .preview-footer{top:338px}.business-card.tpl-split{display:grid;grid-template-columns:44% 56%;height:560px}.business-card.tpl-split .card-photo{height:100%}.business-card.tpl-split .card-content{padding:28px 18px}.business-card.tpl-split .preview-footer{top:auto;bottom:20px;left:18px;right:18px}.business-card.tpl-halo:after{content:"";position:absolute;width:220px;height:220px;border:44px solid rgba(255,255,255,.18);border-radius:50%;right:-135px;bottom:-65px}.business-card.tpl-halo .card-photo{clip-path:ellipse(70% 70% at 50% 22%)}.business-card.tpl-clean{background:#fff!important;border:8px solid var(--card-bg)}.business-card.tpl-clean .card-photo{margin:16px;height:220px;border-radius:18px}.business-card.tpl-clean .card-content{padding:10px 22px}.business-card.tpl-clean .preview-footer{top:264px}

.business-card.tpl-executive{background:#0b2230!important;color:#f2eee6!important}.business-card.tpl-executive .card-photo{height:170px;margin:18px;border-radius:16px;background-position:center 20%}.business-card.tpl-executive .card-content{padding:8px 24px 24px}.business-card.tpl-executive h3{font-family:Montserrat;font-weight:750;font-size:30px}.business-card.tpl-executive .preview-footer{top:213px}
.business-card.tpl-portrait .card-photo{height:330px}.business-card.tpl-portrait .card-content{padding:16px 22px}.business-card.tpl-portrait h3{font-family:'Cormorant Garamond';font-size:43px}.business-card.tpl-portrait .business-card p{margin:10px 0}.business-card.tpl-portrait .preview-footer{top:359px}
.business-card.tpl-frame{background:#f7f4ee!important;border:13px solid var(--card-text)}.business-card.tpl-frame:after{content:"";position:absolute;inset:10px;border:1px solid currentColor;pointer-events:none}.business-card.tpl-frame .card-photo{height:150px;width:150px;border-radius:50%;margin:32px auto 0}.business-card.tpl-frame .card-content{text-align:center;padding:18px 27px}.business-card.tpl-frame .company-line{justify-content:center}.business-card.tpl-frame h3{font-family:'Playfair Display';font-size:34px}.business-card.tpl-frame .preview-footer{top:auto;bottom:23px;z-index:2}
.business-card.tpl-bold{background:#f2c84b!important;color:#0b2230!important}.business-card.tpl-bold .card-photo{height:150px;width:150px;border-radius:50%;margin:22px 22px 0 auto;background:#0b2230;color:#f2c84b}.business-card.tpl-bold .card-content{padding:8px 22px}.business-card.tpl-bold h3{font-family:Inter;font-size:48px;font-weight:950;line-height:.82;text-transform:uppercase;letter-spacing:-.08em;max-width:250px}.business-card.tpl-bold .preview-footer{top:205px}
.business-card.tpl-monogram{background:#2f2730!important;color:#f1dfc8!important}.business-card.tpl-monogram .card-photo{height:200px;background:transparent;border-bottom:1px solid rgba(241,223,200,.32)}.business-card.tpl-monogram .card-photo span{font-size:92px;opacity:.9}.business-card.tpl-monogram .card-content{text-align:center}.business-card.tpl-monogram .company-line{justify-content:center}.business-card.tpl-monogram h3{font-family:'Cormorant Garamond';font-size:39px}.business-card.tpl-monogram .preview-footer{top:225px}
.business-card.tpl-asymmetric{display:grid;grid-template-columns:56% 44%;height:560px}.business-card.tpl-asymmetric .card-photo{grid-column:2;grid-row:1;height:100%;order:2}.business-card.tpl-asymmetric .card-content{grid-column:1;grid-row:1;padding:42px 18px 24px}.business-card.tpl-asymmetric h3{font-family:'Playfair Display';font-size:38px}.business-card.tpl-asymmetric .company-line{display:grid;gap:3px}.business-card.tpl-asymmetric .company-line i{display:none}.business-card.tpl-asymmetric .preview-footer{left:18px;right:calc(44% + 18px);top:auto;bottom:20px}.business-card.tpl-asymmetric .contact-list{font-size:8px}

.configure-controls{display:grid;gap:12px;min-width:0}.control-card{background:#fff;border:1px solid rgba(11,34,48,.09);border-radius:20px;padding:18px;min-width:0}.control-kicker{display:block;color:#078b87;margin-bottom:14px}.photo-row{margin-bottom:14px}.photo-picker{display:flex;align-items:center;gap:12px;border:1px dashed rgba(10,167,167,.36);border-radius:16px;padding:12px;cursor:pointer;background:#eef9f8}.photo-picker>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#d9f3f1;color:#078b87;font-size:25px;font-weight:700;margin:0}.photo-picker b{font-size:13px;color:var(--ink)}.photo-picker small{display:block;color:var(--muted);margin-top:2px;font-size:10px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}.fields .wide{grid-column:1/-1}label>span{display:block;font-size:9px;font-weight:900;letter-spacing:.11em;color:#526a73;margin:0 0 6px}select,input,textarea{width:100%;max-width:100%;border:1px solid rgba(11,34,48,.14);background:#f8fafb;border-radius:13px;padding:12px 13px;color:var(--ink);outline:none;transition:.18s;font-size:14px;font-weight:550}select:focus,input:focus,textarea:focus{border-color:#22bdb6;box-shadow:0 0 0 3px rgba(34,189,182,.10);background:#fff}textarea{resize:vertical}.design-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.style-help{margin:11px 0 0;color:var(--muted);font-size:10px;line-height:1.5}

/* Payment */
.payment-panel{background:linear-gradient(180deg,#edf8f7,#f8fbfb)}.payment-heading{margin-bottom:15px}.summary-line{display:grid;gap:3px;background:#fff;border:1px solid rgba(11,34,48,.09);border-radius:18px;padding:14px;margin-bottom:10px}.summary-line>span{font-weight:850;font-size:11px}.summary-line strong{font-size:30px;letter-spacing:-.045em}.annual-note{font-size:10px;color:var(--muted);font-weight:700;margin-top:1px}.payment-methods{display:grid;gap:8px}.pay-option{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;border:1px solid rgba(11,34,48,.1);border-radius:13px;padding:11px 12px;cursor:pointer;background:#f8fafb}.pay-option:has(input:checked){border-color:#22bdb6;background:#ebf9f8;box-shadow:0 0 0 2px rgba(34,189,182,.08)}.pay-option input{display:none}.radio{width:18px;height:18px;border:1.5px solid #80939a;border-radius:50%;position:relative}.pay-option input:checked+.radio:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--teal)}.pay-option b{font-size:12px}.pay-option small{display:block;font-size:9px;color:var(--muted);margin-top:1px}.pay-btn{width:100%;min-height:58px;border:0;border-radius:16px;background:var(--ink);color:#fff;padding:0 18px;margin-top:14px;display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:900;cursor:pointer}.pay-btn:disabled{opacity:.45;cursor:default}.card-brick-wrap{margin-top:12px;border:1px solid rgba(11,34,48,.09);border-radius:16px;padding:12px;background:#fff}.status{min-height:18px;margin:9px 0 0;font-size:11px;text-align:center;color:#58717a}.status.error{color:#b42318;font-weight:800}.hidden{display:none!important}

@media(max-width:980px){.examples-showcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.configure-grid{grid-template-columns:1fr}.live-card-panel{width:min(100%,620px);margin:auto}.business-card{width:min(100%,350px)}.templates{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.page{width:100%;padding:18px 10px 42px}.intro{padding:0 4px;margin-bottom:24px}.intro h1{font-size:42px}.examples-section{padding:20px 14px;border-radius:24px}.section-heading{display:block}.section-heading>p{text-align:left;margin-top:9px}.examples-showcase{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:2px 2px 10px}.example-shell{min-width:82%;scroll-snap-align:center}.template-section,.configure-section,.payment-panel{border-radius:22px;padding:16px}.templates{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.template{padding:8px;border-radius:16px}.template-card{height:220px}.tpl-photo{height:92px}.tpl-content{top:92px}.tpl-editorial-demo .tpl-photo{height:116px}.tpl-editorial-demo .tpl-content{top:116px}.tpl-clean-demo .tpl-photo{height:84px}.tpl-clean-demo .tpl-content{top:100px}.configure-title .section-kicker{font-size:11px}.configure-title p{font-size:12px}.fields{grid-template-columns:1fr}.fields .wide{grid-column:auto}.design-controls{grid-template-columns:1fr}.business-card{height:570px}.card-photo{height:235px}.preview-footer{top:270px}.business-card.tpl-editorial .card-photo{height:295px}.business-card.tpl-editorial .preview-footer{top:327px}}
@media(max-width:430px){.topbar{height:66px;padding:0 12px}.lang-choice-btn{min-height:32px;padding:0 9px;font-size:10px}.brand-word{font-size:18px}.examples-showcase{gap:10px}.example-shell{min-width:88%}.templates{grid-template-columns:1fr 1fr}.template-card{height:205px}.template>strong{font-size:12px}.template>small{font-size:9px}.tpl-content>b{font-size:19px}.live-card-panel{padding:12px}.business-card{height:545px}.card-photo{height:220px}.business-card h3{font-size:35px}.preview-footer{top:254px}}

/* v5: real-data template previews + discount checkout */
.template-card.user-configured{background:var(--thumb-bg)!important;color:var(--thumb-text)!important}
.template-card.user-configured .tpl-photo{opacity:1;background-color:rgba(255,255,255,.13);background-repeat:no-repeat}
.tpl-content>u{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 42px)}
.original-price{text-decoration:line-through;color:#83949a;font-size:13px;font-weight:750}
.discount-summary{color:#078b87;font-size:11px;font-weight:850;margin-top:3px}
.discount-box{background:#fff;border:1px solid rgba(11,34,48,.09);border-radius:18px;padding:14px;margin:0 0 10px}
.discount-label{display:block;font-size:9px;font-weight:900;letter-spacing:.11em;color:#526a73;margin:0 0 7px}
.discount-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.discount-row input{text-transform:uppercase}
.discount-row button{min-height:43px;border:0;border-radius:12px;background:#0b2230;color:#fff;padding:0 18px;font-size:12px;font-weight:900;cursor:pointer}
.discount-row button:disabled{opacity:.5;cursor:default}
.discount-status{min-height:16px;margin:7px 0 0;font-size:10px;font-weight:750;color:#667982}
.discount-status.ok{color:#078b87}.discount-status.error{color:#b42318}
@media(max-width:520px){.discount-row{grid-template-columns:1fr}.discount-row button{width:100%}}

/* v5.2: payment-provider branding */
.payment-brand{display:flex;align-items:center;gap:11px;min-width:0}
.payment-brand>span{display:block;min-width:0}
.payment-logo{display:block;flex:0 0 auto;object-fit:contain}
.payment-logo-paypal{width:30px;height:30px}
.payment-logo-mp{width:42px;height:30px}
.pay-option.disabled{opacity:.5;cursor:not-allowed;background:#f3f5f6}
.pay-option.disabled input{pointer-events:none}
.pay-option.disabled .payment-logo{filter:grayscale(.25)}
@media(max-width:430px){.payment-logo-paypal{width:28px;height:28px}.payment-logo-mp{width:39px;height:28px}.payment-brand{gap:9px}}


/* v5.4 - full-data interactive template previews */
.interactive-preview-note{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin:-2px 0 16px;padding:11px 13px;border:1px solid rgba(10,167,167,.22);border-radius:15px;background:linear-gradient(135deg,#eefaf9,#f9fdfd);color:#173f46}.interactive-preview-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#d9f3f1;font-size:18px}.interactive-preview-note b{display:block;font-size:11px}.interactive-preview-note small{display:block;margin-top:2px;color:#58717a;font-size:9px;line-height:1.45;font-weight:650}.template-interaction-status{font-size:9px;font-weight:900;color:#078b87;min-width:70px;text-align:right}
.template{display:flex;flex-direction:column}.template-card{height:400px}.template>strong{margin-top:9px}.template-select{width:100%;margin-top:9px;min-height:34px;border:1px solid rgba(11,34,48,.14);border-radius:10px;background:#fff;color:#173f46;font:850 10px Inter;cursor:pointer;transition:.16s}.template-select:hover{border-color:#22bdb6;background:#f1fbfa}.template-select.selected{background:#0b2230;color:#fff;border-color:#0b2230}.template-check{top:9px;right:9px;bottom:auto;z-index:4}
.tpl-content{overflow:hidden}.tpl-content>small,.tpl-content>b,.tpl-content>em,.tpl-bio{position:relative;z-index:2}.tpl-copyable:not(.tpl-empty){cursor:copy}.tpl-copyable:not(.tpl-empty):hover{outline:1px dashed currentColor;outline-offset:2px;border-radius:2px}.tpl-empty{display:none!important}.tpl-content>i{margin:7px 0 6px}.tpl-content>u{display:none!important}.tpl-bio{margin:5px 0 0!important;font:600 6.5px/1.35 Inter!important;opacity:.86;max-height:30px;overflow:auto;scrollbar-width:thin}.tpl-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:7px;padding-bottom:34px}.tpl-action{min-width:0;display:grid;grid-template-columns:14px minmax(0,1fr) 8px;align-items:center;gap:4px;padding:5px 5px;border:1px solid currentColor;border-radius:7px;color:inherit;text-decoration:none!important;background:rgba(255,255,255,.11);font-family:Inter;transition:.14s}.tpl-action:hover{transform:translateY(-1px);background:rgba(255,255,255,.25);box-shadow:0 3px 7px rgba(0,0,0,.08)}.tpl-action-icon{font-size:7px;font-weight:900;text-align:center}.tpl-action-copy{min-width:0;display:block}.tpl-action-copy b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:800 6.2px/1.15 Inter}.tpl-action-copy small{display:block;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:600 4.8px/1.1 Inter;opacity:.72}.tpl-action-arrow{font:900 6px Inter;text-align:right}.tpl-qr{width:26px;height:26px;font-size:6px;opacity:.64;z-index:1}
.tpl-split-demo .tpl-actions,.tpl-asymmetric-demo .tpl-actions{grid-template-columns:1fr}.tpl-split-demo .tpl-action,.tpl-asymmetric-demo .tpl-action{padding:4px}.tpl-split-demo .tpl-bio,.tpl-asymmetric-demo .tpl-bio{max-height:24px}.tpl-bold-demo .tpl-actions{margin-top:5px}.tpl-monogram-demo .tpl-actions{text-align:left}.tpl-minimal-demo .tpl-actions{text-align:left}
@media(max-width:700px){.interactive-preview-note{grid-template-columns:auto minmax(0,1fr)}.template-interaction-status{grid-column:2;text-align:left}.templates{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:2px 2px 12px}.template{min-width:min(86vw,390px);scroll-snap-align:center}.template-card{height:410px}.tpl-action-copy b{font-size:6.8px}.tpl-action-copy small{font-size:5.2px}}
@media(max-width:430px){.templates{display:flex}.template{min-width:88vw}.template-card{height:395px}.tpl-content>b{font-size:20px}.interactive-preview-note small{font-size:8.5px}}

/* v5.5 - optional company logo */
.media-picker-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.company-logo-picker{background:#f7fbfb}
#companyLogoIcon{background-size:contain;background-position:center;background-repeat:no-repeat}
#companyLogoIcon.has-image{background-color:#fff;border:1px solid rgba(11,34,48,.08)}
.tpl-company-logo{position:absolute;right:12px;top:12px;z-index:5;width:58px;height:34px;border-radius:8px;background-color:rgba(255,255,255,.88);background-repeat:no-repeat;background-position:center;background-size:contain;box-shadow:0 3px 10px rgba(0,0,0,.10);border:1px solid rgba(255,255,255,.66)}
.tpl-minimal-demo .tpl-company-logo,.tpl-monogram-demo .tpl-company-logo{left:12px;right:auto}
.tpl-split-demo .tpl-company-logo{left:calc(43% + 10px);right:auto}
.tpl-asymmetric-demo .tpl-company-logo{left:12px;right:auto}
.tpl-bold-demo .tpl-company-logo{left:12px;right:auto}
@media(max-width:600px){.media-picker-row{grid-template-columns:1fr}.tpl-company-logo{width:64px;height:37px}}

/* v5.6 - tall mobile-card previews, single-column data rows, larger QR */
.template-card{
  width:min(100%,330px)!important;
  height:620px!important;
  min-height:620px!important;
  margin-inline:auto!important;
  border-radius:26px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.template-card .tpl-photo{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  width:100%!important;
  height:180px!important;
  min-height:180px!important;
  flex:0 0 180px!important;
  margin:0!important;
  border-radius:0!important;
  clip-path:none!important;
}
.template-card .tpl-content{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:100%!important;
  flex:1 1 auto!important;
  min-height:0!important;
  padding:16px 13px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  text-align:left!important;
  overflow:hidden!important;
}
.template-card .tpl-content>small{font-size:7px!important}
.template-card .tpl-content>b{font-size:24px!important;line-height:.92!important;margin-top:5px!important}
.template-card .tpl-content>em{font-size:7.5px!important;margin-top:7px!important}
.template-card .tpl-content>i{width:100%!important;height:1px!important;margin:10px 0 8px!important}
.template-card .tpl-bio{
  font-size:7.4px!important;
  line-height:1.4!important;
  max-height:42px!important;
  margin:0 0 8px!important;
}
.template-card .tpl-actions,
.tpl-split-demo .tpl-actions,
.tpl-asymmetric-demo .tpl-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.template-card .tpl-action,
.tpl-split-demo .tpl-action,
.tpl-asymmetric-demo .tpl-action{
  width:100%!important;
  min-height:30px!important;
  grid-template-columns:20px minmax(0,1fr) 11px!important;
  gap:6px!important;
  padding:6px 8px!important;
  border-radius:9px!important;
}
.template-card .tpl-action-icon{font-size:8px!important}
.template-card .tpl-action-copy b{font-size:7.2px!important;line-height:1.15!important}
.template-card .tpl-action-copy small{font-size:5.5px!important;line-height:1.1!important;margin-top:2px!important}
.template-card .tpl-action-arrow{font-size:7px!important}
.template-card .tpl-qr{
  position:relative!important;
  inset:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  min-height:72px!important;
  margin:12px auto 0!important;
  border-width:2px!important;
  border-radius:12px!important;
  font-size:10px!important;
  opacity:.82!important;
  flex:0 0 auto!important;
}
/* Keep each visual style distinct while preserving the same tall/full-width data structure. */
.tpl-minimal-demo .tpl-photo,
.tpl-frame-demo .tpl-photo,
.tpl-bold-demo .tpl-photo{
  width:122px!important;
  height:122px!important;
  min-height:122px!important;
  flex-basis:122px!important;
  border-radius:50%!important;
  margin:24px auto 6px!important;
}
.tpl-frame-demo .tpl-photo{margin-top:34px!important}
.tpl-bold-demo .tpl-photo{margin-left:auto!important;margin-right:20px!important}
.tpl-monogram-demo .tpl-photo{height:155px!important;min-height:155px!important;flex-basis:155px!important;background:transparent!important}
.tpl-executive-demo .tpl-photo,.tpl-clean-demo .tpl-photo{width:calc(100% - 28px)!important;margin:14px 14px 0!important;border-radius:16px!important;height:160px!important;min-height:160px!important;flex-basis:160px!important}
.tpl-split-demo,.tpl-asymmetric-demo{display:flex!important;grid-template-columns:none!important}
.tpl-split-demo .tpl-photo,.tpl-asymmetric-demo .tpl-photo{width:100%!important;height:180px!important;min-height:180px!important;flex-basis:180px!important;grid-column:auto!important;grid-row:auto!important}
.tpl-split-demo .tpl-company-logo,.tpl-asymmetric-demo .tpl-company-logo{left:auto!important;right:12px!important}
.tpl-company-logo{width:72px!important;height:42px!important}
@media(max-width:700px){
  .template{min-width:min(90vw,390px)!important}
  .template-card{width:100%!important;height:660px!important;min-height:660px!important}
  .template-card .tpl-photo{height:195px!important;min-height:195px!important;flex-basis:195px!important}
  .tpl-minimal-demo .tpl-photo,.tpl-frame-demo .tpl-photo,.tpl-bold-demo .tpl-photo{width:132px!important;height:132px!important;min-height:132px!important;flex-basis:132px!important}
  .template-card .tpl-qr{width:80px!important;height:80px!important;min-width:80px!important;min-height:80px!important}
}
@media(max-width:430px){
  .template{min-width:91vw!important}
  .template-card{height:650px!important;min-height:650px!important}
}


/* v5.7 — presentation controls moved to step 2 + full EvenShots typography/color catalog */
.presentation-style-card{margin:0 0 18px;background:linear-gradient(180deg,#ffffff,#f7fbfb);border-color:rgba(10,167,167,.16)}
.presentation-style-card .design-controls{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.visual-native-select{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.visual-select{position:relative;z-index:25;min-width:0}
.visual-select.open{z-index:120}
.visual-select-trigger{width:100%;height:48px;border:1px solid rgba(11,34,48,.14);border-radius:13px;background:#fff;color:#102833;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;font-size:14px;font-weight:750;text-align:left;box-shadow:none}
.visual-select-trigger:focus{outline:none;border-color:#22bdb6;box-shadow:0 0 0 3px rgba(34,189,182,.10)}
.visual-trigger-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.1}
.visual-chevron{font:900 15px Inter;opacity:.72}
.visual-select-menu{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);max-height:320px;overflow:auto;padding:7px;background:#fff;border:1px solid rgba(11,34,48,.14);border-radius:15px;box-shadow:0 20px 44px rgba(11,34,48,.18)}
.visual-select.open .visual-select-menu{display:grid;gap:5px}
.visual-select-option{width:100%;min-height:44px;border:1px solid rgba(11,34,48,.08);border-radius:10px;padding:8px 11px;display:flex;align-items:center;justify-content:flex-start;background:#fff;color:#102833;cursor:pointer;text-align:left}
.visual-select-option:hover,.visual-select-option.selected{outline:2px solid rgba(34,189,182,.55);outline-offset:-2px}
.visual-option-sample{font-size:18px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.visual-background .visual-select-option{border-color:rgba(0,0,0,.09);min-height:48px}
.visual-text .visual-select-option{min-height:48px}
.template-card.user-configured .tpl-content>b{font-family:var(--chosen-font)!important;font-style:normal}
.font-aurelia{font-family:"Great Vibes",cursive!important}
.font-lumiere{font-family:"Lora",Georgia,serif!important}
.font-bellissima{font-family:"Alex Brush",cursive!important}
.font-fioritura{font-family:"Cormorant Garamond",Georgia,serif!important}
.font-magnolia{font-family:"Dancing Script",cursive!important}
.font-reverie{font-family:"EB Garamond",Georgia,serif!important}
.font-amalthea{font-family:"Allura",cursive!important}
.font-elegance{font-family:"Montserrat",Arial,sans-serif!important}
.font-seraphina{font-family:"Parisienne",cursive!important}
.font-isadora{font-family:"Libre Baskerville",Georgia,serif!important}
.font-opaline{font-family:"Prata",Georgia,serif!important}
.font-valentina{font-family:"Tangerine",cursive!important}
.font-harmony{font-family:"Sacramento",cursive!important}
.font-clairdelune{font-family:"Josefin Slab",Georgia,serif!important}
.font-juliette{font-family:"Shadows Into Light",cursive!important}
.font-nocturne{font-family:"Merriweather",Georgia,serif!important}
.font-charmeuse{font-family:"Kaushan Script",cursive!important}
.font-solenne{font-family:"Cormorant Garamond",Georgia,serif!important}
.font-evangeline{font-family:"Yesteryear",cursive!important}
.font-velvet{font-family:"Poppins",Arial,sans-serif!important}
.font-paragon{font-family:"Great Vibes",cursive!important}
@media(max-width:700px){.presentation-style-card .design-controls{grid-template-columns:1fr}.visual-select-menu{max-height:280px}}


/* v5.8 — six additional presentation templates + deploy marker */
.build-badge{position:fixed;right:10px;bottom:10px;z-index:9999;padding:5px 8px;border-radius:999px;background:rgba(7,34,48,.78);color:#fff;font:800 9px Inter;letter-spacing:.05em;backdrop-filter:blur(8px);box-shadow:0 4px 14px rgba(0,0,0,.16);pointer-events:none}
.motion-hint{display:block;margin:5px 0 0;color:#078b87;font:850 9px Inter;letter-spacing:.03em}

.tpl-hologram-demo{--holo-x:50%;--holo-y:50%;--holo-rx:0deg;--holo-ry:0deg;isolation:isolate;transform:perspective(900px) rotateX(var(--holo-rx)) rotateY(var(--holo-ry));transition:transform .16s ease;background:
 radial-gradient(circle at var(--holo-x) var(--holo-y),rgba(255,255,255,.78) 0 5%,rgba(255,255,255,0) 24%),
 conic-gradient(from 210deg at var(--holo-x) var(--holo-y),#ff4fd8,#70f8ff,#fff67a,var(--thumb-bg),#8a7dff,#ff4fd8)!important;color:var(--thumb-text)!important}
.tpl-hologram-demo:before{content:"";position:absolute;inset:-35%;z-index:-1;background:repeating-linear-gradient(115deg,rgba(255,255,255,.0) 0 11px,rgba(255,255,255,.32) 13px,rgba(255,255,255,0) 18px);mix-blend-mode:overlay;animation:holoShimmer 6s linear infinite;pointer-events:none}
.tpl-hologram-demo .tpl-photo{background-color:rgba(255,255,255,.18)!important;backdrop-filter:blur(5px);border-bottom:1px solid rgba(255,255,255,.42)}
.tpl-hologram-demo .tpl-content{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.38));backdrop-filter:blur(9px)}
.tpl-hologram-demo .tpl-action{background:rgba(255,255,255,.28)!important;backdrop-filter:blur(6px)}
.tpl-hologram-demo .tpl-qr{background:rgba(255,255,255,.58)}
@keyframes holoShimmer{0%{background-position:0 0}100%{background-position:240px 120px}}

.tpl-glass-demo.user-configured{background:linear-gradient(145deg,color-mix(in srgb,var(--thumb-bg) 78%,#ffffff),color-mix(in srgb,var(--thumb-bg) 68%,#071923))!important}
.tpl-glass-demo:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.48);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.05));backdrop-filter:blur(15px);pointer-events:none}
.tpl-glass-demo .tpl-photo{width:calc(100% - 32px)!important;margin:16px!important;border-radius:20px!important;background-color:rgba(255,255,255,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.tpl-glass-demo .tpl-content{margin:0 12px 12px;width:calc(100% - 24px)!important;border-radius:18px;background:rgba(255,255,255,.16);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.34)}

.tpl-aurora-demo.user-configured{background:
 radial-gradient(circle at 15% 10%,rgba(72,255,213,.62),transparent 32%),
 radial-gradient(circle at 90% 18%,rgba(135,104,255,.62),transparent 33%),
 radial-gradient(circle at 70% 82%,rgba(255,91,183,.52),transparent 35%),
 linear-gradient(160deg,color-mix(in srgb,var(--thumb-bg) 72%,#031b2d),color-mix(in srgb,var(--thumb-bg) 52%,#201047))!important}
.tpl-aurora-demo:after{content:"";position:absolute;inset:-20%;background:radial-gradient(ellipse at 30% 60%,rgba(255,255,255,.28),transparent 40%);filter:blur(24px);animation:auroraDrift 7s ease-in-out infinite alternate;pointer-events:none}
.tpl-aurora-demo .tpl-photo{clip-path:ellipse(72% 78% at 50% 12%);background-color:rgba(255,255,255,.12)!important}
@keyframes auroraDrift{to{transform:translate(14%,-8%) scale(1.14)}}

.tpl-neon-demo.user-configured{background:linear-gradient(180deg,#050711,#0b1024)!important;color:#e8f7ff!important;box-shadow:inset 0 0 0 1px rgba(91,247,255,.38),0 0 22px rgba(198,69,255,.24)}
.tpl-neon-demo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.5%,rgba(91,247,255,.11) 50%,transparent 50.5%),linear-gradient(transparent 49.5%,rgba(219,78,255,.08) 50%,transparent 50.5%);background-size:24px 24px;pointer-events:none}
.tpl-neon-demo .tpl-photo{margin:14px!important;width:calc(100% - 28px)!important;border-radius:18px!important;border:1px solid #5bf7ff;box-shadow:0 0 18px rgba(91,247,255,.35);background-color:#11162d!important}
.tpl-neon-demo .tpl-content>b{text-shadow:0 0 10px rgba(219,78,255,.72)}
.tpl-neon-demo .tpl-action{border-color:#5bf7ff!important;background:rgba(91,247,255,.06)!important;box-shadow:inset 0 0 10px rgba(91,247,255,.08)}

.tpl-luxe-demo.user-configured{background:linear-gradient(160deg,color-mix(in srgb,var(--thumb-bg) 62%,#050505),#090909)!important;color:#f3dfad!important;border:1px solid #caa85b}
.tpl-luxe-demo:before{content:"";position:absolute;inset:15px;border:1px solid rgba(202,168,91,.55);border-radius:18px;pointer-events:none}
.tpl-luxe-demo .tpl-photo{width:132px!important;height:132px!important;min-height:132px!important;flex-basis:132px!important;border-radius:50%!important;margin:30px auto 5px!important;border:2px solid #caa85b;background-color:#151515!important}
.tpl-luxe-demo .tpl-content{text-align:center!important;padding-left:28px!important;padding-right:28px!important}.tpl-luxe-demo .tpl-content>i{margin-left:auto!important;margin-right:auto!important;background:#caa85b!important}.tpl-luxe-demo .tpl-action{border-color:rgba(202,168,91,.72)!important;background:rgba(202,168,91,.08)!important}

.tpl-orbit-demo.user-configured{background:radial-gradient(circle at 50% 12%,color-mix(in srgb,var(--thumb-bg) 66%,#ffffff),var(--thumb-bg) 48%,color-mix(in srgb,var(--thumb-bg) 72%,#000000))!important}
.tpl-orbit-demo:before,.tpl-orbit-demo:after{content:"";position:absolute;left:50%;top:80px;border:1px solid currentColor;border-radius:50%;opacity:.22;pointer-events:none;transform:translate(-50%,-50%)}
.tpl-orbit-demo:before{width:190px;height:190px}.tpl-orbit-demo:after{width:235px;height:235px;opacity:.12}
.tpl-orbit-demo .tpl-photo{width:128px!important;height:128px!important;min-height:128px!important;flex-basis:128px!important;border-radius:50%!important;margin:26px auto 7px!important;z-index:1;border:4px solid rgba(255,255,255,.5)}
.tpl-orbit-demo .tpl-content{text-align:center!important}.tpl-orbit-demo .tpl-content>i{margin-left:auto!important;margin-right:auto!important}.tpl-orbit-demo .tpl-company-logo{left:50%!important;right:auto!important;transform:translateX(-50%)}

@media(max-width:430px){.build-badge{right:7px;bottom:7px}.motion-hint{font-size:8px}}

/* =========================================================
   v5.9 — HIGH-VISIBILITY EFFECTS
   Fix: effect templates must outrank .template-card.user-configured.
   Effects remain clearly visible even without motion sensors.
   ========================================================= */

/* HOLOGRAM — vivid spectrum + foil lines + moving specular sweep */
.template-card.tpl-hologram-demo.user-configured{
  --holo-x:50%;--holo-y:50%;
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at var(--holo-x) var(--holo-y),rgba(255,255,255,.98) 0 3%,rgba(255,255,255,.62) 5%,rgba(255,255,255,0) 20%),
    linear-gradient(125deg,
      #ff2fa3 0%,#ff814a 10%,#ffe85a 20%,#70ffb5 30%,#49e9ff 40%,
      #6686ff 50%,#b05cff 60%,#ff50db 70%,#8dfff1 82%,#fff186 91%,#ff2fa3 100%)!important;
  background-size:100% 100%,260% 260%!important;
  color:var(--thumb-text)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.75),
    inset 0 0 36px rgba(255,255,255,.26),
    0 15px 35px rgba(89,74,255,.22)!important;
  animation:holoSpectrum59 5.2s linear infinite!important;
}
.template-card.tpl-hologram-demo.user-configured::before{
  content:"";position:absolute;inset:-28%;z-index:1!important;pointer-events:none;
  background:
    repeating-linear-gradient(112deg,
      rgba(255,255,255,0) 0 8px,
      rgba(255,255,255,.58) 10px,
      rgba(124,255,248,.22) 12px,
      rgba(255,255,255,0) 18px),
    repeating-linear-gradient(28deg,
      rgba(255,60,194,.18) 0 2px,
      rgba(83,242,255,.16) 3px 5px,
      rgba(255,231,87,.14) 6px 8px,
      transparent 9px 18px);
  background-size:180px 180px,72px 72px;
  mix-blend-mode:screen;
  opacity:.9;
  transform:translate3d(0,0,0) rotate(-4deg);
  animation:holoFoil59 3.2s linear infinite;
}
.template-card.tpl-hologram-demo.user-configured::after{
  content:"";position:absolute;inset:-35%;z-index:2;pointer-events:none;
  background:linear-gradient(104deg,
    transparent 36%,rgba(255,255,255,.08) 43%,rgba(255,255,255,.88) 49%,rgba(151,255,247,.58) 52%,rgba(255,255,255,.08) 58%,transparent 65%);
  transform:translateX(-42%) rotate(4deg);
  mix-blend-mode:screen;
  filter:blur(1px);
  animation:holoSweep59 2.8s ease-in-out infinite;
}
.template-card.tpl-hologram-demo.user-configured > *{position:relative;z-index:3}
.template-card.tpl-hologram-demo.user-configured .tpl-photo{
  background-color:rgba(255,255,255,.16)!important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.7),inset 0 0 28px rgba(255,255,255,.18)!important;
  backdrop-filter:blur(3px) saturate(1.35)!important;
}
.template-card.tpl-hologram-demo.user-configured .tpl-content{
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(18,23,55,.18) 55%,rgba(255,255,255,.18))!important;
  backdrop-filter:blur(8px) saturate(1.35)!important;
}
.template-card.tpl-hologram-demo.user-configured .tpl-action{
  background:rgba(255,255,255,.24)!important;
  border-color:rgba(255,255,255,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 4px 14px rgba(41,38,115,.15)!important;
}
.template-card.tpl-hologram-demo.user-configured .tpl-qr{
  background:rgba(255,255,255,.84)!important;color:#17223d!important;opacity:1!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.5),0 7px 22px rgba(67,49,149,.18)!important;
}
@keyframes holoSpectrum59{
  0%{background-position:50% 50%,0% 45%}
  50%{background-position:50% 50%,100% 58%}
  100%{background-position:50% 50%,0% 45%}
}
@keyframes holoFoil59{
  from{background-position:0 0,0 0;transform:translate3d(-3%,-2%,0) rotate(-4deg)}
  to{background-position:180px 90px,-72px 72px;transform:translate3d(3%,2%,0) rotate(-4deg)}
}
@keyframes holoSweep59{
  0%,18%{transform:translateX(-58%) rotate(4deg);opacity:.35}
  50%{opacity:1}
  82%,100%{transform:translateX(58%) rotate(4deg);opacity:.35}
}

/* GLASS — animated reflection edge and brighter translucent panels */
.template-card.tpl-glass-demo.user-configured{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:
  radial-gradient(circle at 15% 12%,rgba(255,255,255,.48),transparent 28%),
  linear-gradient(145deg,color-mix(in srgb,var(--thumb-bg) 68%,#ffffff),color-mix(in srgb,var(--thumb-bg) 62%,#061c32))!important}
.template-card.tpl-glass-demo.user-configured::before{z-index:1!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(255,255,255,.2),0 14px 30px rgba(7,34,48,.12)!important}
.template-card.tpl-glass-demo.user-configured::after{content:"";position:absolute;inset:-30%;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.7) 49%,rgba(255,255,255,.12) 55%,transparent 65%);transform:translateX(-60%);animation:glassSweep59 4.4s ease-in-out infinite;mix-blend-mode:screen}
.template-card.tpl-glass-demo.user-configured>*{position:relative;z-index:3}
.template-card.tpl-glass-demo.user-configured .tpl-content{background:rgba(255,255,255,.24)!important;border-color:rgba(255,255,255,.6)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important}
@keyframes glassSweep59{0%,20%{transform:translateX(-65%)}70%,100%{transform:translateX(65%)}}

/* AURORA — stronger animated northern-light bands */
.template-card.tpl-aurora-demo.user-configured{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:
  radial-gradient(circle at 10% 5%,rgba(72,255,213,.9),transparent 33%),
  radial-gradient(circle at 92% 15%,rgba(117,91,255,.92),transparent 34%),
  radial-gradient(circle at 78% 82%,rgba(255,69,173,.8),transparent 37%),
  radial-gradient(circle at 18% 78%,rgba(91,180,255,.65),transparent 35%),
  linear-gradient(160deg,#071d39,#26134d 55%,#101b3d)!important}
.template-card.tpl-aurora-demo.user-configured::before{content:"";position:absolute;inset:-25%;z-index:1;pointer-events:none;background:conic-gradient(from 180deg at 50% 50%,rgba(44,255,213,.36),rgba(89,119,255,.12),rgba(255,76,188,.38),rgba(56,255,215,.30));filter:blur(22px);animation:auroraSpin59 8s linear infinite;mix-blend-mode:screen}
.template-card.tpl-aurora-demo.user-configured::after{z-index:2!important;background:radial-gradient(ellipse at 30% 60%,rgba(255,255,255,.5),transparent 42%)!important;filter:blur(18px)!important;animation:auroraDrift59 4.8s ease-in-out infinite alternate!important;mix-blend-mode:screen}
.template-card.tpl-aurora-demo.user-configured>*{position:relative;z-index:3}
@keyframes auroraSpin59{to{transform:rotate(360deg) scale(1.12)}}
@keyframes auroraDrift59{from{transform:translate(-8%,5%) scale(.96)}to{transform:translate(15%,-10%) scale(1.18)}}

/* NEON — visible pulse, moving grid and electric edge */
.template-card.tpl-neon-demo.user-configured{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:linear-gradient(180deg,#02030b,#091329 58%,#05040e)!important;box-shadow:inset 0 0 0 1px #52f5ff,0 0 24px rgba(82,245,255,.38),0 0 34px rgba(224,54,255,.3)!important;animation:neonPulse59 2.2s ease-in-out infinite alternate}
.template-card.tpl-neon-demo.user-configured::before{z-index:1!important;background:linear-gradient(90deg,transparent 48%,rgba(82,245,255,.24) 50%,transparent 52%),linear-gradient(transparent 48%,rgba(224,54,255,.2) 50%,transparent 52%)!important;background-size:24px 24px!important;animation:neonGrid59 5s linear infinite}
.template-card.tpl-neon-demo.user-configured::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#53f6ff,#d934ff,#53f6ff) top/100% 2px no-repeat,linear-gradient(90deg,#d934ff,#53f6ff,#d934ff) bottom/100% 2px no-repeat;filter:drop-shadow(0 0 8px #53f6ff);animation:neonEdge59 2.5s linear infinite}
.template-card.tpl-neon-demo.user-configured>*{position:relative;z-index:3}
.template-card.tpl-neon-demo.user-configured .tpl-content>b{text-shadow:0 0 8px #d934ff,0 0 18px rgba(83,246,255,.65)!important}
@keyframes neonGrid59{to{background-position:48px 0,0 48px}}
@keyframes neonPulse59{from{filter:saturate(1) brightness(.95)}to{filter:saturate(1.35) brightness(1.08)}}
@keyframes neonEdge59{to{filter:hue-rotate(360deg) drop-shadow(0 0 9px #53f6ff)}}

/* LUXE — animated champagne-metal sheen */
.template-card.tpl-luxe-demo.user-configured{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:linear-gradient(155deg,#050505 0%,#17130b 45%,#060606 100%)!important;color:#f7df9c!important;border-color:#e8c66a!important;box-shadow:inset 0 0 32px rgba(232,198,106,.08),0 16px 38px rgba(0,0,0,.22)!important}
.template-card.tpl-luxe-demo.user-configured::before{z-index:1!important;border-color:rgba(246,215,128,.78)!important;box-shadow:inset 0 0 16px rgba(232,198,106,.14)!important}
.template-card.tpl-luxe-demo.user-configured::after{content:"";position:absolute;inset:-35%;z-index:2;pointer-events:none;background:linear-gradient(108deg,transparent 40%,rgba(255,229,154,.04) 44%,rgba(255,236,177,.68) 50%,rgba(255,229,154,.08) 56%,transparent 62%);transform:translateX(-55%);mix-blend-mode:screen;animation:luxeSweep59 4.8s ease-in-out infinite}
.template-card.tpl-luxe-demo.user-configured>*{position:relative;z-index:3}
@keyframes luxeSweep59{0%,25%{transform:translateX(-58%)}75%,100%{transform:translateX(58%)}}

/* ORBIT — clearly animated rings */
.template-card.tpl-orbit-demo.user-configured{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:radial-gradient(circle at 50% 13%,color-mix(in srgb,var(--thumb-bg) 45%,#ffffff),var(--thumb-bg) 42%,color-mix(in srgb,var(--thumb-bg) 62%,#050516) 100%)!important}
.template-card.tpl-orbit-demo.user-configured::before{z-index:1!important;border:2px solid currentColor!important;opacity:.45!important;box-shadow:0 0 18px currentColor;animation:orbitOne59 7s linear infinite!important}
.template-card.tpl-orbit-demo.user-configured::after{z-index:1!important;border:1px dashed currentColor!important;opacity:.28!important;animation:orbitTwo59 10s linear infinite reverse!important}
.template-card.tpl-orbit-demo.user-configured>*{position:relative;z-index:3}
@keyframes orbitOne59{from{transform:translate(-50%,-50%) rotate(0deg) scale(.92)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.08)}to{transform:translate(-50%,-50%) rotate(360deg) scale(.92)}}
@keyframes orbitTwo59{from{transform:translate(-50%,-50%) rotate(0deg) scale(1.05)}to{transform:translate(-50%,-50%) rotate(360deg) scale(.9)}}

@media(prefers-reduced-motion:reduce){
  .template-card.tpl-hologram-demo.user-configured,
  .template-card.tpl-hologram-demo.user-configured::before,
  .template-card.tpl-hologram-demo.user-configured::after,
  .template-card.tpl-glass-demo.user-configured::after,
  .template-card.tpl-aurora-demo.user-configured::before,
  .template-card.tpl-aurora-demo.user-configured::after,
  .template-card.tpl-neon-demo.user-configured,
  .template-card.tpl-neon-demo.user-configured::before,
  .template-card.tpl-neon-demo.user-configured::after,
  .template-card.tpl-luxe-demo.user-configured::after,
  .template-card.tpl-orbit-demo.user-configured::before,
  .template-card.tpl-orbit-demo.user-configured::after{animation-duration:12s!important}
}

/* =========================================================
   v6.0 — PHYSICAL FOIL HOLOGRAM + VISIBLE OUTER ORBIT RING
   ========================================================= */

/* Hologram: metallic collectible-card foil. The base color remains present,
   while pearl/spectrum bands and a specular streak move over it. */
.template-card.tpl-hologram-demo.user-configured{
  --foil-x:var(--holo-x,50%);
  --foil-y:var(--holo-y,50%);
  background:
    radial-gradient(circle at var(--foil-x) var(--foil-y),rgba(255,255,255,1) 0 2.5%,rgba(255,255,255,.82) 4.5%,rgba(255,255,255,.12) 16%,transparent 28%),
    repeating-linear-gradient(90deg,
      rgba(255,64,179,.56) 0 7%,rgba(255,210,89,.58) 11%,rgba(103,255,203,.58) 17%,rgba(92,209,255,.64) 23%,rgba(139,102,255,.58) 29%,rgba(255,107,213,.58) 35%,
      rgba(255,64,179,.56) 42%),
    linear-gradient(135deg,
      color-mix(in srgb,var(--thumb-bg) 76%,#fff) 0%,
      color-mix(in srgb,var(--thumb-bg) 56%,#f3d9ff) 38%,
      color-mix(in srgb,var(--thumb-bg) 70%,#fff6c9) 68%,
      color-mix(in srgb,var(--thumb-bg) 74%,#d9fbff) 100%)!important;
  background-size:100% 100%,240% 100%,100% 100%!important;
  background-blend-mode:screen,color-dodge,normal!important;
  animation:foilSpectrum60 4.4s ease-in-out infinite alternate!important;
  filter:saturate(1.15) contrast(1.04);
}
.template-card.tpl-hologram-demo.user-configured::before{
  inset:-38%!important;
  background:
    repeating-linear-gradient(102deg,
      transparent 0 13px,
      rgba(255,255,255,.10) 14px 15px,
      rgba(255,255,255,.78) 17px,
      rgba(90,255,244,.38) 18px 20px,
      transparent 23px 37px),
    repeating-linear-gradient(26deg,
      rgba(255,87,204,.14) 0 2px,
      rgba(255,239,100,.13) 3px 5px,
      rgba(81,224,255,.15) 6px 8px,
      transparent 9px 20px)!important;
  background-size:230px 230px,88px 88px!important;
  mix-blend-mode:screen!important;
  opacity:.95!important;
  filter:contrast(1.1) saturate(1.4);
  animation:foilMicroLines60 3.6s linear infinite!important;
}
.template-card.tpl-hologram-demo.user-configured::after{
  inset:-45%!important;
  background:
    linear-gradient(100deg,
      transparent 33%,
      rgba(255,255,255,.08) 40%,
      rgba(255,255,255,.95) 47%,
      rgba(127,255,246,.70) 50%,
      rgba(255,171,239,.48) 53%,
      rgba(255,255,255,.13) 59%,
      transparent 67%)!important;
  filter:blur(.4px)!important;
  mix-blend-mode:screen!important;
  animation:foilSpecular60 2.65s ease-in-out infinite!important;
}
@keyframes foilSpectrum60{
  from{background-position:50% 50%,0% 50%,0 0}
  to{background-position:50% 50%,100% 50%,0 0}
}
@keyframes foilMicroLines60{
  from{background-position:0 0,0 0;transform:translate3d(-2%,-1%,0) rotate(-2deg)}
  to{background-position:230px 115px,-88px 88px;transform:translate3d(2%,1%,0) rotate(-2deg)}
}
@keyframes foilSpecular60{
  0%,14%{transform:translateX(-62%) rotate(5deg);opacity:.28}
  48%{opacity:1}
  86%,100%{transform:translateX(62%) rotate(5deg);opacity:.34}
}

/* Orbit: the OUTER ring itself visibly rotates. A conic-gradient arc gives the
   otherwise-symmetrical circle a visible direction of travel. */
.template-card.tpl-orbit-demo.user-configured::before{
  width:190px!important;height:190px!important;
  border:1px solid color-mix(in srgb,currentColor 48%,transparent)!important;
  opacity:.34!important;
  box-shadow:0 0 13px color-mix(in srgb,currentColor 28%,transparent)!important;
  animation:orbitInnerPulse60 3.5s ease-in-out infinite!important;
}
.template-card.tpl-orbit-demo.user-configured::after{
  width:246px!important;height:246px!important;
  border:0!important;
  opacity:.95!important;
  background:conic-gradient(from 0deg,
    transparent 0deg 34deg,
    color-mix(in srgb,currentColor 55%,#71f6ff) 42deg,
    #ffffff 55deg,
    color-mix(in srgb,currentColor 68%,#c170ff) 72deg,
    transparent 93deg 176deg,
    color-mix(in srgb,currentColor 46%,#ff73d0) 192deg,
    rgba(255,255,255,.92) 208deg,
    transparent 225deg 360deg)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px))!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px))!important;
  filter:drop-shadow(0 0 5px currentColor) drop-shadow(0 0 12px color-mix(in srgb,currentColor 48%,#71f6ff))!important;
  animation:orbitOuterRing60 3.2s linear infinite!important;
}
@keyframes orbitOuterRing60{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes orbitInnerPulse60{
  0%,100%{transform:translate(-50%,-50%) scale(.97);opacity:.26}
  50%{transform:translate(-50%,-50%) scale(1.035);opacity:.50}
}


/* =========================================================
   v6.1 — CREATION UX, BRANDED ACTIONS, LOGO HIERARCHY,
   THREE-LAYER HOLOGRAM PARALLAX + ATOMIC ORBIT
   ========================================================= */
.topbar{position:relative!important;top:auto!important;z-index:20!important}
.field-help{display:block;margin-top:5px;color:#71848a;font-size:9px;line-height:1.45;font-weight:650;letter-spacing:0;text-transform:none}
.evenshots-business-field input{font-size:13px}

/* Cleaner action rows: no box/arrow on the right. */
.template-card .tpl-action,.tpl-split-demo .tpl-action,.tpl-asymmetric-demo .tpl-action{grid-template-columns:22px minmax(0,1fr)!important;padding-right:10px!important}
.tpl-action-arrow{display:none!important}
.tpl-action-icon{display:grid!important;place-items:center!important;min-width:20px!important;font-weight:900!important}
.tpl-action-phone .tpl-action-icon{font-size:12px!important}
.tpl-action-website .tpl-action-icon{font-size:6px!important;letter-spacing:-.05em}
.tpl-action-linkedin .tpl-action-icon{font-size:8px!important;background:transparent!important;color:inherit;border-radius:0;width:17px;height:17px;justify-self:center}
.instagram-mark{width:17px;height:17px;border-radius:5px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 68% 72%,#ffd600 0 12%,#ff7a00 23%,#ff0169 48%,#d300c5 67%,#7638fa 100%);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.95)}
.instagram-mark:before{content:"";width:7px;height:7px;border:1.4px solid #fff;border-radius:50%}.instagram-mark:after{content:"";position:absolute;width:2.2px;height:2.2px;border-radius:50%;background:#fff;right:3px;top:3px}.instagram-mark i{display:none}

/* Every design shows the company logo, but with intentionally different hierarchy. */
.tpl-company-logo{z-index:30!important;display:block;background-color:rgba(255,255,255,.90)!important}
.tpl-company-logo.tpl-empty{display:none!important}
.tpl-signature-demo .tpl-company-logo,.tpl-editorial-demo .tpl-company-logo,.tpl-halo-demo .tpl-company-logo,.tpl-portrait-demo .tpl-company-logo,.tpl-frame-demo .tpl-company-logo,.tpl-bold-demo .tpl-company-logo,.tpl-monogram-demo .tpl-company-logo,.tpl-asymmetric-demo .tpl-company-logo,.tpl-neon-demo .tpl-company-logo,.tpl-aurora-demo .tpl-company-logo{width:62px!important;height:36px!important;right:10px!important;left:auto!important;top:10px!important;transform:none!important}
.tpl-minimal-demo .tpl-company-logo{width:78px!important;height:42px!important;left:50%!important;right:auto!important;top:8px!important;transform:translateX(-50%)!important}
.tpl-clean-demo .tpl-company-logo,.tpl-executive-demo .tpl-company-logo,.tpl-glass-demo .tpl-company-logo{width:112px!important;height:54px!important;left:50%!important;right:auto!important;top:12px!important;transform:translateX(-50%)!important;border-radius:11px!important}
.tpl-luxe-demo .tpl-company-logo{width:132px!important;height:62px!important;left:50%!important;right:auto!important;top:12px!important;transform:translateX(-50%)!important;background-color:#fffaf0!important;border-color:#caa85b!important}
.tpl-orbit-demo .tpl-company-logo{width:78px!important;height:42px!important;right:12px!important;left:auto!important;top:12px!important;transform:none!important}

/* Smaller, less clipped card carousel in the creator. */
.template-section{padding-left:18px!important;padding-right:18px!important;overflow:hidden}
.templates{gap:10px!important}
.template{padding:7px!important;border-radius:17px!important}
.template-card{width:min(100%,300px)!important;height:570px!important;min-height:570px!important;border-radius:23px!important}
.template-card .tpl-photo{height:158px!important;min-height:158px!important;flex-basis:158px!important}
.template-card .tpl-content{padding:13px 10px 11px!important}
.template-card .tpl-actions{gap:4px!important}
.template-card .tpl-action{min-height:26px!important;padding:4px 7px!important}
.template-card .tpl-bio{max-height:32px!important;font-size:6.9px!important;margin-bottom:5px!important}
.template-card .tpl-qr{width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;margin-top:8px!important}
.template-dots-wrap{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px auto 0;max-width:100%;min-width:0}
.template-dots{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;max-width:min(100%,430px)}
.template-dot{width:7px;height:7px;min-width:7px;border:0;border-radius:50%;padding:0;background:#b8c7ca;cursor:pointer;transition:transform .18s,background .18s,box-shadow .18s}.template-dot.active{background:#0aa7a7;transform:scale(1.45);box-shadow:0 0 0 3px rgba(10,167,167,.12)}
.template-position{font:800 9px Inter;color:#60757d;white-space:nowrap}
@media(max-width:700px){
 .template-section{padding-left:10px!important;padding-right:10px!important}
 .templates{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;gap:8px!important;padding:2px 4px 10px!important;scroll-padding-inline:4px;-webkit-overflow-scrolling:touch}
 .template{min-width:min(80vw,326px)!important;scroll-snap-align:center;padding:6px!important}
 .template-card{width:100%!important;height:560px!important;min-height:560px!important}
 .template-card .tpl-photo{height:150px!important;min-height:150px!important;flex-basis:150px!important}
 .template-card .tpl-qr{width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important}
}
@media(max-width:430px){.template{min-width:min(79vw,310px)!important}.templates{margin-inline:-2px!important}.template-card{height:552px!important;min-height:552px!important}}

/* Hologram: three physical layers at different virtual distances. */
.template-card.tpl-hologram-demo.user-configured{--holo-near-x:0px;--holo-near-y:0px;--holo-mid-x:0px;--holo-mid-y:0px;--holo-far-x:0px;--holo-far-y:0px;position:relative!important;isolation:isolate!important;transform:none!important;background:linear-gradient(135deg,color-mix(in srgb,var(--thumb-bg) 70%,#fff),color-mix(in srgb,var(--thumb-bg) 58%,#f4dcff) 35%,color-mix(in srgb,var(--thumb-bg) 64%,#fff3ad) 66%,color-mix(in srgb,var(--thumb-bg) 68%,#d9ffff))!important}
.template-card.tpl-hologram-demo.user-configured::before,.template-card.tpl-hologram-demo.user-configured::after{display:none!important}
.holo-parallax{position:absolute;inset:-8%;z-index:2;pointer-events:none;overflow:hidden;border-radius:inherit;mix-blend-mode:screen}
.holo-layer{position:absolute;inset:-12%;display:block;pointer-events:none;will-change:transform,background-position;transform:translate3d(0,0,0)}
.holo-far{background:repeating-linear-gradient(24deg,rgba(255,47,163,.20) 0 4px,rgba(255,232,90,.18) 5px 8px,rgba(73,233,255,.20) 9px 13px,transparent 14px 25px),repeating-linear-gradient(112deg,transparent 0 14px,rgba(255,255,255,.34) 15px 17px,transparent 18px 35px);opacity:.72;transform:translate3d(var(--holo-far-x),var(--holo-far-y),0);animation:holoFarDrift61 11s linear infinite}
.holo-mid{background:repeating-linear-gradient(90deg,rgba(255,48,169,.50) 0 7%,rgba(255,204,79,.50) 11%,rgba(96,255,196,.52) 17%,rgba(72,217,255,.58) 23%,rgba(142,102,255,.52) 29%,rgba(255,86,215,.54) 36%,rgba(255,48,169,.50) 43%);background-size:230% 100%;opacity:.78;mix-blend-mode:color-dodge;transform:translate3d(var(--holo-mid-x),var(--holo-mid-y),0);animation:holoMidBands61 5.8s ease-in-out infinite alternate}
.holo-near{background:radial-gradient(circle at var(--holo-x,50%) var(--holo-y,50%),rgba(255,255,255,1) 0 3%,rgba(255,255,255,.82) 5%,rgba(117,255,247,.46) 11%,rgba(255,135,231,.24) 17%,transparent 29%),linear-gradient(102deg,transparent 34%,rgba(255,255,255,.15) 41%,rgba(255,255,255,.92) 48%,rgba(130,255,247,.72) 51%,rgba(255,164,236,.52) 55%,transparent 65%);opacity:.95;transform:translate3d(var(--holo-near-x),var(--holo-near-y),0);animation:holoNearSweep61 3.1s ease-in-out infinite}
.tpl-hologram-demo .tpl-photo,.tpl-hologram-demo .tpl-content{position:relative;z-index:5!important}.tpl-hologram-demo .tpl-company-logo{z-index:30!important}
@keyframes holoFarDrift61{to{background-position:180px 120px,-210px 100px}}
@keyframes holoMidBands61{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes holoNearSweep61{0%,12%{background-position:50% 50%,-170px 0}55%{background-position:50% 50%,0 0}88%,100%{background-position:50% 50%,170px 0}}

/* Orbit: profile photo is the nucleus; two electrons orbit a 3D-looking atom. */
.tpl-orbit-demo::before,.tpl-orbit-demo::after{display:none!important}
.tpl-orbit-demo .tpl-photo{position:relative!important;overflow:visible!important;z-index:8!important;box-shadow:0 0 0 3px rgba(255,255,255,.28),0 0 26px rgba(107,128,255,.28)!important}
.orbit-system{position:absolute;left:50%;top:50%;width:235px;height:175px;transform:translate(-50%,-50%);pointer-events:none;overflow:visible;z-index:12;perspective:420px}
.orbit-ring{position:absolute;left:50%;top:50%;width:220px;height:82px;border:1px solid currentColor;border-radius:50%;opacity:.32;box-shadow:0 0 11px color-mix(in srgb,currentColor 25%,transparent)}
.orbit-ring-a{transform:translate(-50%,-50%) rotate(18deg)}.orbit-ring-b{transform:translate(-50%,-50%) rotate(78deg) scaleX(.94)}.orbit-ring-c{transform:translate(-50%,-50%) rotate(-42deg) scaleX(.92);opacity:.18}
.orbit-electron{position:absolute;left:50%;top:50%;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 5px #fff,0 0 13px #78efff,0 0 22px #bc65ff;will-change:transform,opacity,filter}
.orbit-electron-a{animation:electronOrbitA61 3.4s linear infinite}.orbit-electron-b{animation:electronOrbitB61 4.2s linear infinite reverse;background:#7ff7ff;box-shadow:0 0 5px #fff,0 0 14px #58efff,0 0 24px #ff70d7}
@keyframes electronOrbitA61{0%{transform:translate(-112px,-10px) scale(.7);opacity:.35;filter:blur(.8px)}24%{transform:translate(-8px,-48px) scale(.55);opacity:.28;filter:blur(1px)}50%{transform:translate(112px,8px) scale(1.32);opacity:1;filter:none}76%{transform:translate(8px,49px) scale(1.02);opacity:.82;filter:none}100%{transform:translate(-112px,-10px) scale(.7);opacity:.35;filter:blur(.8px)}}
@keyframes electronOrbitB61{0%{transform:translate(-42px,-78px) scale(.62);opacity:.30;filter:blur(.8px)}25%{transform:translate(86px,-8px) scale(1.18);opacity:1;filter:none}50%{transform:translate(42px,78px) scale(.98);opacity:.78;filter:none}75%{transform:translate(-86px,8px) scale(.54);opacity:.25;filter:blur(1px)}100%{transform:translate(-42px,-78px) scale(.62);opacity:.30;filter:blur(.8px)}}
@media(prefers-reduced-motion:reduce){.holo-layer,.orbit-electron{animation-duration:14s!important}.template-dot{transition:none}}

.tpl-initials{position:relative;z-index:14;display:block;color:inherit;font:inherit}
/* v6.1 carousel is one-dimensional on every screen so dot navigation always matches position. */
.templates{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scroll-padding-inline:4px;padding:2px 4px 12px!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.template{flex:0 0 min(300px,82vw)!important;min-width:min(300px,82vw)!important;scroll-snap-align:center}
@media(min-width:701px){.template{flex-basis:300px!important;min-width:300px!important}.templates{padding-left:2px!important;padding-right:2px!important}}


/* =========================================================
   v6.2 — profile photo background removal modes
   ========================================================= */
.photo-mode-panel{margin-top:12px;padding:12px;border:1px solid rgba(13,50,57,.12);border-radius:18px;background:rgba(255,255,255,.62)}
.photo-mode-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:9px}.photo-mode-head>span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#173f46}.photo-mode-head small{font-size:9px;line-height:1.35;color:#698087;text-align:right;max-width:270px}
.photo-mode-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.photo-mode-option{min-width:0;min-height:68px;border:1px solid #d9e4e5;border-radius:14px;padding:9px;display:flex;align-items:center;gap:8px;background:#fff;cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}.photo-mode-option input{position:absolute;opacity:0;pointer-events:none}.photo-mode-option.active{border-color:#13aaa6;background:#eefafa;box-shadow:0 0 0 2px rgba(19,170,166,.08)}.photo-mode-option.disabled{opacity:.45;cursor:not-allowed}.photo-mode-option:not(.disabled):hover{transform:translateY(-1px)}
.photo-mode-icon{width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:#edf3f3;display:grid;place-items:center;font-size:16px;font-weight:900;color:#173f46}.cutout-icon{background:linear-gradient(135deg,#dff8f6,#fff);border:1px dashed #13aaa6}.logo-bg-icon{background:linear-gradient(135deg,#173f46,#13aaa6);color:#fff}
.photo-mode-option span:last-child{min-width:0;display:grid;gap:2px}.photo-mode-option b{font-size:10px;color:#173f46}.photo-mode-option small{font-size:8px;line-height:1.25;color:#74888d}
.photo-mode-panel.processing .photo-mode-head small{color:#9b6b10}.photo-mode-panel.ready .photo-mode-head small{color:#0b8b68}.photo-mode-panel.error .photo-mode-head small{color:#b54747}
.template-card .tpl-photo.photo-mode-cutout{background-size:contain!important;background-position:center bottom!important;background-repeat:no-repeat!important}
.template-card .tpl-photo.photo-mode-logo{background-repeat:no-repeat!important;background-position:center bottom,center!important;background-size:contain,68% auto!important;background-color:color-mix(in srgb,var(--thumb-bg) 82%,#fff)!important}
@media(max-width:700px){.photo-mode-options{grid-template-columns:1fr}.photo-mode-option{min-height:58px}.photo-mode-head{align-items:flex-start;flex-direction:column}.photo-mode-head small{text-align:left;max-width:none}}

/* v15 compact solid colors + professional backgrounds */
#templateGrid .solid-heading{margin-top:26px}
#templateGrid .solid-template.compact-template{min-height:58px;padding:8px 34px 8px 8px;border-radius:12px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;background:#fff}
#templateGrid .solid-template.compact-template .solid-swatch{display:block;width:34px;height:34px;border-radius:8px;background:var(--solid-choice);border:1px solid rgba(11,34,48,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
#templateGrid .solid-template.compact-template>strong{margin:0!important;min-height:0!important;font-size:9px!important;line-height:1.25!important;overflow-wrap:anywhere}
#templateGrid .solid-template.compact-template .template-check{width:20px;height:20px;right:7px;top:50%;bottom:auto;transform:translateY(-50%) scale(.75);font-size:10px}
#templateGrid .solid-template.compact-template.active .template-check{transform:translateY(-50%) scale(1)}
.custom-hex-option{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 42px 130px auto;gap:10px;align-items:center;padding:14px;border:1px solid #dce3d7;border-radius:12px;background:#f7f9f3;margin-top:2px}.custom-hex-option>div{min-width:0}.custom-hex-option strong{display:block;font:600 11px Inter,sans-serif;color:#294d3b}.custom-hex-option small{display:block;margin-top:4px;font:400 9px/1.4 Inter,sans-serif;color:#788673}.custom-hex-swatch{width:42px;height:42px;border-radius:9px;border:1px solid #cfd9ca}.custom-hex-option input{min-width:0;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important}.custom-hex-option button{min-height:42px;border:0;border-radius:8px;padding:0 14px;background:#294d3b;color:#fff;font:600 10px Inter,sans-serif;cursor:pointer}.custom-hex-option p{grid-column:3/-1;margin:0;min-height:14px;font:500 9px Inter,sans-serif;color:#9b4a42}
@media(max-width:700px){.custom-hex-option{grid-template-columns:42px minmax(0,1fr) auto}.custom-hex-option>div{grid-column:1/-1}.custom-hex-option p{grid-column:1/-1}.custom-hex-option input{width:100%}}

/* v31.19 · final delivery + edit access */
.final-step-box{background:#fff;border:1px solid rgba(11,34,48,.09);border-radius:18px;padding:14px;margin:0 0 10px}
.delivery-box input{width:100%;min-height:48px;border:1px solid rgba(11,34,48,.14);border-radius:12px;padding:0 14px;font:600 14px Inter,Arial,sans-serif;color:var(--ink);background:#fff;box-sizing:border-box;outline:none}
.delivery-box input:focus{border-color:#6f8f7b;box-shadow:0 0 0 3px rgba(47,95,75,.09)}
.final-step-help{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.final-adjustments-box{display:flex;align-items:center;justify-content:space-between;gap:16px}
.final-adjustments-box>div{min-width:0}.final-adjustments-box .final-step-help{margin-top:5px}
#finalAdjustBtn{flex:0 0 auto;min-height:44px;border:1px solid #cfd8cb;border-radius:11px;background:#f3f6ef;color:#294d3b;padding:0 18px;font-weight:800;cursor:pointer}
#finalAdjustBtn:hover{filter:brightness(.97)}
@media(max-width:560px){.final-adjustments-box{align-items:stretch;flex-direction:column}#finalAdjustBtn{width:100%}}

/* studio.css */
/* Studio shell: isolated from the customer-facing card designs. */
.premium-studio{--ink:#202e29;--muted:#778078;--teal:#315d4e;--teal2:#abc4b1;--line:#e2e5dc;--paper:#f7f8f2;background:#f7f8f2;color:var(--ink);font-family:Inter,Arial,sans-serif}
.premium-studio .topbar{height:88px;padding:0 max(28px,calc((100vw - 1280px)/2));background:transparent;border-bottom:1px solid #dfe3d9;box-shadow:none}
.premium-studio .brand-word{font-size:23px;letter-spacing:-1px}.premium-studio .brand-word span{color:#6b7e6e}.premium-studio .brand-mark{background:#254a3c;border-radius:10px}
.premium-studio .lang-choice{margin-left:auto;background:#eceee6;border:1px solid #dce1d6;padding:4px;border-radius:9px}.premium-studio .lang-choice-btn{border-radius:6px;color:#637263;font-size:11px}.premium-studio .lang-choice-btn.active{background:#fff;color:#254a3c;box-shadow:0 1px 4px #233b2410}
.premium-studio .page{width:min(1280px,calc(100% - 64px));max-width:none;margin:auto;padding:54px 0 0}
.premium-studio .intro{max-width:850px;margin:0 0 38px}.premium-studio .eyebrow{color:#53715c;font-size:10px;font-weight:600;letter-spacing:.22em}
.premium-studio .intro h1{white-space:pre-line;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(42px,4.8vw,66px);line-height:1.02;font-weight:500;letter-spacing:-.045em;margin:16px 0 18px;color:#243e31}.premium-studio .intro p{max-width:565px;font-size:14px;line-height:1.8;font-weight:400;color:#758073}
.studio-steps{display:flex;gap:8px;border-top:1px solid #dfe3d9;padding:18px 0 25px;scroll-margin-top:20px}.studio-steps button{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:10px 22px 10px 0;color:#889084;cursor:pointer}.studio-steps button>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #dce1d6;border-radius:50%;font-size:10px}.studio-steps b{font-size:12px;font-weight:500}.studio-steps .active{color:#244d3b}.studio-steps .active>span{background:#244d3b;color:white;border-color:#244d3b}
.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:start}.premium-studio .editor{display:block;min-width:0}.premium-studio [hidden]{display:none!important}
.premium-studio .configure-section,.premium-studio .template-section,.premium-studio .payment-panel{padding:30px!important;background:#fff;border:1px solid #e0e5da;border-radius:16px;box-shadow:0 4px 20px #233b2403;overflow:visible}
.premium-studio .section-heading{display:block;margin-bottom:26px}.premium-studio .section-heading .step,.premium-studio .section-kicker{display:none}.premium-studio .section-heading h2{font-size:24px;letter-spacing:-.8px;font-weight:500;margin:0 0 10px}.premium-studio .section-heading p{max-width:480px;text-align:left;font-size:12px;line-height:1.7;font-weight:400;color:#7b8379;margin:0}
.premium-studio .control-card{border:0;box-shadow:none;padding:0;background:transparent}.premium-studio .control-kicker{font-size:9px;letter-spacing:.15em;font-weight:500;color:#71806f;margin-bottom:16px}
.premium-studio .photo-picker{background:#f7f8f3;border:1px dashed #cdd7c9;border-radius:10px;padding:14px;min-height:78px}.premium-studio .photo-picker>span{background:#e9eee3;color:#4c6849;border-radius:50%;width:36px;height:36px}.premium-studio .photo-picker b{font-size:11px;font-weight:500}.premium-studio .photo-picker small{font-size:9px;color:#8b9286}
.premium-studio .photo-mode-panel{background:#fafbf7;border-color:#e6eadd;border-radius:10px;margin:18px 0 24px}.premium-studio .photo-mode-option{background:#fff;border-color:#e1e7da;box-shadow:none}.premium-studio .photo-mode-option.active{border-color:#698666;background:#f0f4eb}.premium-studio .photo-mode-option b{font-size:10px}.premium-studio .photo-mode-option small{font-size:9px}
.premium-studio .fields{gap:19px 18px}.premium-studio .fields label>span,.premium-studio .designer-select-control>span{font-size:9px;letter-spacing:.08em;font-weight:600;color:#677563;margin-bottom:8px}.premium-studio input,.premium-studio textarea,.premium-studio select{background:#fff;border:1px solid #dfe5d8;border-radius:8px;padding:13px;font-size:12px;font-weight:400;color:#283d2f;box-shadow:0 1px 2px #233b2403}.premium-studio input::placeholder,.premium-studio textarea::placeholder{color:#a1a89a}.premium-studio input:focus,.premium-studio textarea:focus{border-color:#6c8c66;box-shadow:0 0 0 3px #577d5114}.premium-studio .field-help{font-size:10px;font-weight:400;line-height:1.6}
.studio-preview{position:sticky;top:24px;background:#e9eddf;border:1px solid #dce3d1;border-radius:16px;padding:25px 24px 28px;overflow:hidden}.studio-preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.studio-preview-head>span{font-size:9px;letter-spacing:.14em;color:#5b7051}.studio-preview-head small{font-size:9px;color:#687c5d}.studio-preview-head small:before{content:'';display:inline-block;width:5px;height:5px;background:#66874d;border-radius:50%;margin-right:5px}.studio-card-mount{width:300px;max-width:100%;margin:auto;filter:drop-shadow(0 20px 20px #25332422)}.studio-card-mount .template-card{display:block!important;width:100%!important;pointer-events:none}.studio-preview-caption{text-align:center;margin-top:26px}.studio-preview-caption h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;font-weight:500;letter-spacing:-.5px;margin:0 0 8px}.studio-preview-caption p{font-size:10px;color:#7c8870;margin:0}.studio-preview-caption button{border:0;border-bottom:1px solid #a2b093;background:none;color:#536e43;font-size:10px;padding:0 0 5px;margin-top:20px;cursor:pointer}
.studio-actions{display:flex;gap:16px;align-items:center;padding:24px 0}.studio-actions button{border-radius:8px;padding:15px 22px;font:500 12px Inter,Arial,sans-serif;cursor:pointer}.studio-next{background:#294d3b;color:#fff;border:1px solid #294d3b;margin-left:auto}.studio-back{background:transparent;color:#5d7156;border:1px solid #d8dfcf}.studio-progress{font-size:10px;color:#8c9783;letter-spacing:.1em}.studio-actions button:hover{filter:brightness(.94)}
.premium-studio .presentation-style-card{margin-bottom:20px}.premium-studio .interactive-preview-note{background:#f5f7ef;border-color:#e3e9d9;color:#71816a}.premium-studio .interactive-preview-icon{display:none}.premium-studio .interactive-preview-note small{font-weight:400}.premium-studio .visual-select-trigger{border-color:#dae2d2;border-radius:8px}.premium-studio .template{background:#f9faf6;border-color:#dfe5d7}.premium-studio .template.active{border-color:#547b47;background:#eff4e8;box-shadow:0 0 0 1px #547b47}.premium-studio .template-select{background:#fff;color:#34522c;border-color:#c9d7bf}.premium-studio .template-select.selected{background:#315633;color:#fff}.premium-studio .template-dot.active{background:#315633;box-shadow:0 0 0 3px #31563315}
.premium-studio .summary-line{padding:26px;background:#f4f6ee;border:1px solid #e0e6d7;border-radius:10px}.premium-studio .summary-line strong{font-weight:500;font-size:34px}.premium-studio .pay-option{padding:18px;border-radius:9px;background:#fff;border-color:#e0e5d8}.premium-studio .pay-option:has(input:checked){background:#f1f5ea;border-color:#6e8e5d;box-shadow:none}.premium-studio .pay-btn{border-radius:9px;background:#294d3b;font-size:13px;font-weight:500}.premium-studio .discount-box{background:#fff;border-color:#e1e6d9}.premium-studio #applyDiscount{background:#e8eddf;color:#405b35}.premium-studio .build-badge{display:none}
.studio-footer{display:flex;justify-content:space-between;border-top:1px solid #dfe4d7;padding:25px 0 32px;margin-top:40px;font-size:10px;color:#8c9684}.studio-footer span:first-child{font-weight:600;color:#617356}
.premium-studio button:focus-visible,.premium-studio a:focus-visible{outline:2px solid #547b47;outline-offset:4px}.premium-studio h2:focus{outline:none}
@media(max-width:1000px){.studio-layout{grid-template-columns:minmax(0,1fr) 330px;gap:20px}.studio-preview{padding:20px 14px}.premium-studio .configure-section,.premium-studio .template-section,.premium-studio .payment-panel{padding:22px!important}.premium-studio .photo-mode-options{grid-template-columns:1fr}.premium-studio .design-controls{grid-template-columns:1fr}}
@media(max-width:780px){.premium-studio .topbar{height:72px;padding:0 20px}.premium-studio .page{width:calc(100% - 32px);padding-top:32px}.premium-studio .intro{margin-bottom:26px}.premium-studio .intro p{font-size:12px}.studio-layout{grid-template-columns:1fr}.studio-preview{position:relative;top:0;max-width:420px;width:100%;margin:4px auto 0}.studio-steps{gap:0;justify-content:space-between;padding-bottom:20px}.studio-steps button{padding-right:5px;gap:7px}.studio-steps b{font-size:10px}.studio-steps button>span{width:26px;height:26px}.premium-studio .fields{grid-template-columns:1fr 1fr}.premium-studio .fields .wide{grid-column:1/-1}.studio-actions{padding-bottom:8px}.studio-footer{margin-top:28px}}
@media(max-width:430px){.premium-studio .fields{grid-template-columns:1fr}.premium-studio .media-picker-row{grid-template-columns:1fr}.premium-studio .intro h1{font-size:42px}.premium-studio .section-heading h2{font-size:22px}.studio-actions button{padding:14px 16px}}
@media(prefers-reduced-motion:reduce){.premium-studio *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.premium-studio .photo-mode-option{position:relative}.premium-studio .photo-mode-option input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:0;opacity:0;inset:0}.premium-studio .photo-mode-option:focus-within{outline:2px solid #547b47;outline-offset:2px}@media(max-width:360px){.premium-studio .topbar{padding:0 12px;gap:8px}.premium-studio .brand-word{font-size:18px}.premium-studio .brand-mark{width:22px}.premium-studio .lang-choice-btn{padding:0 6px;font-size:9px;min-width:0}.premium-studio .brand{gap:6px}}

/* v31.19 · payment-step additions */
.premium-studio .final-step-box{border-color:#e1e6d9;border-radius:10px}
.premium-studio .delivery-box input{border-radius:8px;border-color:#d9dfd3}
.premium-studio #finalAdjustBtn{border-radius:8px;background:#edf2e8;border-color:#d6dece;color:#294d3b;font-weight:700}

.studio-dimensions{display:grid;gap:6px;margin:16px 0;padding:12px;border:1px solid #cbd5c5;border-radius:10px;background:#ffffffb3;color:#24483b;font:12px/1.5 Inter,Arial,sans-serif;overflow-wrap:anywhere}.studio-dimensions strong{font-size:13px}.studio-dimensions small{font-size:11px}

/* backgrounds.css */
.tpl-fondo-01-demo,.tpl-fondo-01{--artwork:url('/static/backgrounds/fondo-01.webp');--art-panel:rgba(7,15,24,.82);}
.tpl-fondo-02-demo,.tpl-fondo-02{--artwork:url('/static/backgrounds/fondo-02.webp');--art-panel:rgba(7,15,24,.82);}
.tpl-fondo-03-demo,.tpl-fondo-03{--artwork:url('/static/backgrounds/fondo-03.webp');--art-panel:rgba(255,255,255,.88);}
.tpl-fondo-04-demo,.tpl-fondo-04{--artwork:url('/static/backgrounds/fondo-04.webp');--art-panel:rgba(255,255,255,.88);}
.tpl-fondo-05-demo,.tpl-fondo-05{--artwork:url('/static/backgrounds/fondo-05.webp');--art-panel:rgba(7,15,24,.82);}
.tpl-fondo-06-demo,.tpl-fondo-06{--artwork:url('/static/backgrounds/fondo-06.webp');--art-panel:rgba(255,255,255,.88);}
.tpl-fondo-07-demo,.tpl-fondo-07{--artwork:url('/static/backgrounds/fondo-07.webp');--art-panel:rgba(7,15,24,.82);}
.tpl-fondo-08-demo,.tpl-fondo-08{--artwork:url('/static/backgrounds/fondo-08.webp');--art-panel:rgba(7,15,24,.82);}
.tpl-fondo-09-demo,.tpl-fondo-09{--artwork:url('/static/backgrounds/fondo-09.webp');--art-panel:rgba(255,255,255,.88);}
.tpl-fondo-10-demo,.tpl-fondo-10{--artwork:url('/static/backgrounds/fondo-10.webp');--art-panel:rgba(7,15,24,.82);}
.tpl-fondo-11-demo,.tpl-fondo-11{--artwork:url('/static/backgrounds/fondo-11.webp');--art-panel:rgba(255,255,255,.88);}
.tpl-fondo-12-demo,.tpl-fondo-12{--artwork:url('/static/backgrounds/fondo-12.webp');--art-panel:rgba(255,255,255,.88);}
.tpl-fondo-13-demo,.tpl-fondo-13{--artwork:url('/static/backgrounds/fondo-13.webp');--art-panel:rgba(255,255,255,.88);}
.tpl-fondo-14-demo,.tpl-fondo-14{--artwork:url('/static/backgrounds/fondo-14.webp');--art-panel:rgba(7,15,24,.82);}
.tpl-fondo-15-demo,.tpl-fondo-15{--artwork:url('/static/backgrounds/fondo-15.webp');--art-panel:rgba(7,15,24,.82);}
.tpl-fondo-16-demo,.tpl-fondo-16{--artwork:url('/static/backgrounds/fondo-16.webp');--art-panel:rgba(7,15,24,.82);}
.tpl-fondo-17-demo,.tpl-fondo-17{--artwork:url('/static/backgrounds/fondo-17.webp');--art-panel:rgba(7,15,24,.82);}
.tpl-fondo-18-demo,.tpl-fondo-18{--artwork:url('/static/backgrounds/fondo-18.webp');--art-panel:rgba(255,255,255,.88);}
.tpl-fondo-19-demo,.tpl-fondo-19{--artwork:url('/static/backgrounds/fondo-19.webp');--art-panel:rgba(7,15,24,.82);}
.tpl-fondo-20-demo,.tpl-fondo-20{--artwork:url('/static/backgrounds/fondo-20.webp');--art-panel:rgba(7,15,24,.82);}
.tpl-fondo-21-demo,.tpl-fondo-21{--artwork:url('/static/backgrounds/fondo-21.webp');--art-panel:rgba(7,15,24,.82);}
.tpl-fondo-22-demo,.tpl-fondo-22{--artwork:url('/static/backgrounds/fondo-22.webp');--art-panel:rgba(7,15,24,.82);}
.tpl-fondo-23-demo,.tpl-fondo-23{--artwork:url('/static/backgrounds/fondo-23.webp');--art-panel:rgba(255,255,255,.88);}
.tpl-fondo-24-demo,.tpl-fondo-24{--artwork:url('/static/backgrounds/fondo-24.webp');--art-panel:rgba(7,15,24,.82);}
.tpl-fondo-25-demo,.tpl-fondo-25{--artwork:url('/static/backgrounds/fondo-25.webp');--art-panel:rgba(255,255,255,.88);}
.tpl-fondo-26-demo,.tpl-fondo-26{--artwork:url('/static/backgrounds/fondo-26.webp');--art-panel:rgba(7,15,24,.82);}
.tpl-fondo-27-demo,.tpl-fondo-27{--artwork:url('/static/backgrounds/fondo-27.webp');--art-panel:rgba(255,255,255,.88);}
.tpl-fondo-28-demo,.tpl-fondo-28{--artwork:url('/static/backgrounds/fondo-28.webp');--art-panel:rgba(7,15,24,.82);}
.tpl-fondo-29-demo,.tpl-fondo-29{--artwork:url('/static/backgrounds/fondo-29.webp');--art-panel:rgba(255,255,255,.88);}
.tpl-fondo-30-demo,.tpl-fondo-30{--artwork:url('/static/backgrounds/fondo-30.webp');--art-panel:rgba(7,15,24,.82);}
.tpl-fondo-31-demo,.tpl-fondo-31{--artwork:url('/static/backgrounds/fondo-31.webp');--art-panel:rgba(255,255,255,.88);}
.tpl-fondo-32-demo,.tpl-fondo-32{--artwork:url('/static/backgrounds/fondo-32.webp');--art-panel:rgba(7,15,24,.82);}
.tpl-fondo-33-demo,.tpl-fondo-33{--artwork:url('/static/backgrounds/fondo-33.webp');--art-panel:rgba(7,15,24,.82);}
.tpl-fondo-34-demo,.tpl-fondo-34{--artwork:url('/static/backgrounds/fondo-34.webp');--art-panel:rgba(255,255,255,.88);}
.tpl-fondo-35-demo,.tpl-fondo-35{--artwork:url('/static/backgrounds/fondo-35.webp');--art-panel:rgba(7,15,24,.82);}
.tpl-fondo-36-demo,.tpl-fondo-36{--artwork:url('/static/backgrounds/fondo-36.webp');--art-panel:rgba(7,15,24,.82);}
.tpl-fondo-37-demo,.tpl-fondo-37{--artwork:url('/static/backgrounds/fondo-37.webp');--art-panel:rgba(7,15,24,.82);}
/* Full-bleed artwork is shared by the editor and the published card. */
.template-card.artwork-card.user-configured,#card.artwork-card{background-image:var(--artwork)!important;background-size:cover!important;background-position:center!important;background-color:#102331!important;isolation:isolate}
.template-card.artwork-card:before,.template-card.artwork-card:after,#card.artwork-card:before,#card.artwork-card:after{display:none!important}
.premium-studio #templateGrid.artwork-gallery{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important;overflow:visible!important;padding:0!important;scroll-snap-type:none}
.premium-studio #templateGrid.artwork-gallery .template{width:auto!important;min-width:0!important;flex:none!important;padding:7px!important;scroll-snap-align:none}
.premium-studio #templateGrid.artwork-gallery .template-card{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:2/3;border-radius:9px!important;background-size:cover!important}
#templateGrid.artwork-gallery .tpl-photo,#templateGrid.artwork-gallery .tpl-content,#templateGrid.artwork-gallery .tpl-company-logo{display:none!important}
.premium-studio #templateGrid.artwork-gallery .template>strong{font:500 10px/1.5 Inter,sans-serif;margin:9px 2px 7px;min-height:30px}
.premium-studio #templateGrid.artwork-gallery .template-select{font-size:9px;padding:9px 3px;min-height:34px;white-space:normal}
.premium-studio #templateGrid.artwork-gallery .template-check{top:14px;right:14px;bottom:auto;background:#315d4e}
.premium-studio .template-dots-wrap,.premium-studio #interactivePreviewNote{display:none!important}
.premium-studio .designer-select-control:has(#bgColor){display:none!important}
.premium-studio .design-controls{grid-template-columns:1fr 1fr!important}
.studio-card-mount .artwork-card{position:relative!important;display:flex!important;flex-direction:column!important;padding:24px 16px!important;height:auto!important;min-height:570px!important;overflow:hidden!important;gap:16px}
.studio-card-mount .artwork-card .tpl-photo{position:relative!important;inset:auto!important;transform:none!important;align-self:center;width:104px!important;height:104px!important;min-height:104px!important;flex:0 0 104px!important;border-radius:50%!important;background-color:var(--art-panel)!important;border:1px solid #ffffff55;margin:8px auto!important;display:grid!important;place-items:center}
.studio-card-mount .artwork-card .tpl-initials{font:500 36px Georgia!important;color:var(--thumb-text)!important}
.studio-card-mount .artwork-card .tpl-content{position:relative!important;inset:auto!important;transform:none!important;display:block!important;background:var(--art-panel)!important;backdrop-filter:blur(10px);border:1px solid #ffffff30;border-radius:14px;padding:20px 15px!important;color:var(--thumb-text)!important;margin-top:auto;width:100%!important;min-height:0!important;overflow:visible!important}
.studio-card-mount .artwork-card .tpl-content>b{display:block!important;font-size:28px!important;line-height:1.2!important;overflow-wrap:anywhere}
.studio-card-mount .artwork-card .tpl-content>small{font:500 9px/1.5 Inter!important;letter-spacing:.1em}
.studio-card-mount .artwork-card .tpl-content>em{font:400 10px/1.5 Inter!important}
.studio-card-mount .artwork-card .tpl-bio{font:400 10px/1.6 Inter!important;max-height:none!important}
.studio-card-mount .artwork-card .tpl-action{background:#ffffff0c!important;border-color:currentColor!important;color:inherit!important;min-height:35px!important}
.studio-card-mount .artwork-card .tpl-company-logo{top:12px!important;right:12px!important;left:auto!important;width:60px!important;height:36px!important}
#card.artwork-card{padding:32px 20px!important;display:flex!important;flex-direction:column!important;gap:24px;min-height:720px;border-radius:24px;overflow:hidden;color:var(--text)!important}
#card.artwork-card .photo{position:relative!important;inset:auto!important;transform:none!important;width:140px!important;height:140px!important;min-height:140px!important;flex:0 0 140px!important;margin:12px auto!important;border-radius:50%!important;background-color:var(--art-panel)!important;display:grid!important;place-items:center;border:1px solid #ffffff44}
#card.artwork-card .content{position:relative!important;inset:auto!important;transform:none!important;background:var(--art-panel)!important;backdrop-filter:blur(10px);border:1px solid #ffffff30;border-radius:18px;padding:25px!important;margin-top:auto;color:var(--text)!important;width:100%!important}
#card.artwork-card .data-row{color:inherit!important;background:#ffffff0c!important;border-color:currentColor!important}
#card.artwork-card h1{overflow-wrap:anywhere;line-height:1.15!important}
@media(max-width:1000px){.premium-studio #templateGrid.artwork-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.premium-studio .design-controls{grid-template-columns:1fr!important}.premium-studio #templateGrid.artwork-gallery{gap:9px!important}#card.artwork-card{padding:22px 14px!important}}

.premium-studio #templateGrid.artwork-gallery{max-height:680px;overflow-y:auto!important;overscroll-behavior:contain;padding:4px!important;scrollbar-width:thin;scrollbar-color:#9bab8b transparent}.premium-studio .studio-actions{position:sticky;bottom:0;background:#f7f8f2;z-index:40;border-top:1px solid #e0e5d8}@media(max-width:780px){.premium-studio #templateGrid.artwork-gallery{max-height:65vh}}
.studio-card-mount .artwork-card .tpl-content{flex:0 0 auto!important;height:auto!important}.studio-card-mount .artwork-card .tpl-photo{background-image:none}.studio-card-mount .artwork-card .tpl-photo.photo-mode-original,.studio-card-mount .artwork-card .tpl-photo.photo-mode-cutout,.studio-card-mount .artwork-card .tpl-photo.photo-mode-logo{background-image:revert-layer}

.tpl-fondo-38-demo,.tpl-fondo-38{--artwork:url('/static/backgrounds/fondo-38.webp');--art-panel:rgba(7,15,24,.82);}

.tpl-fondo-39-demo,.tpl-fondo-39{--artwork:url('/static/backgrounds/fondo-39.webp');--art-panel:rgba(255,255,255,.88);}

.tpl-fondo-40-demo,.tpl-fondo-40{--artwork:url('/static/backgrounds/fondo-40.webp');--art-panel:rgba(255,255,255,.88);}

.tpl-fondo-41-demo,.tpl-fondo-41{--artwork:url('/static/backgrounds/fondo-41.webp');--art-panel:rgba(255,255,255,.88);}

.tpl-fondo-42-demo,.tpl-fondo-42{--artwork:url('/static/backgrounds/fondo-42.webp');--art-panel:rgba(7,15,24,.82);}

.tpl-fondo-43-demo,.tpl-fondo-43{--artwork:url('/static/backgrounds/fondo-43.webp');--art-panel:rgba(7,15,24,.82);}

/* v13 solid-color choices: no additional background image assets. */
.tpl-solid-demo,.tpl-solid{--artwork:none!important;background-image:none!important;background-color:var(--solid-choice,var(--thumb-bg,var(--bg,#1E3A4D)))!important}
.tpl-solid-demo>.artwork-background,.tpl-solid>.artwork-background{background-image:none!important;background-color:var(--solid-choice,var(--thumb-bg,var(--bg,#1E3A4D)))!important}
.solid-template .template-card{background-image:none!important;background-color:var(--solid-choice)!important}
.solid-template .template-card>.artwork-background{background-image:none!important;background-color:var(--solid-choice)!important}

/* v15 professional collection — lightweight vector backgrounds */
.tpl-pro-medical-demo,.tpl-pro-medical{--artwork:url('/static/backgrounds/professional/medical.svg?v=19');--art-panel:rgba(255,255,255,.86)}
.tpl-pro-law-demo,.tpl-pro-law{--artwork:url('/static/backgrounds/professional/law.svg?v=19');--art-panel:rgba(255,255,255,.86)}
.tpl-pro-architecture-demo,.tpl-pro-architecture{--artwork:url('/static/backgrounds/professional/architecture.svg?v=19');--art-panel:rgba(255,255,255,.86)}
.tpl-pro-tech-demo,.tpl-pro-tech{--artwork:url('/static/backgrounds/professional/tech.svg?v=19');--art-panel:rgba(7,15,24,.82)}
.tpl-pro-finance-demo,.tpl-pro-finance{--artwork:url('/static/backgrounds/professional/finance.svg?v=19');--art-panel:rgba(7,15,24,.82)}
.tpl-pro-photo-demo,.tpl-pro-photo{--artwork:url('/static/backgrounds/professional/photo.svg?v=19');--art-panel:rgba(7,15,24,.82)}
.tpl-pro-realestate-demo,.tpl-pro-realestate{--artwork:url('/static/backgrounds/professional/realestate.svg?v=19');--art-panel:rgba(255,255,255,.86)}
.tpl-pro-construction-demo,.tpl-pro-construction{--artwork:url('/static/backgrounds/professional/construction.svg?v=19');--art-panel:rgba(255,255,255,.86)}
.tpl-pro-beauty-demo,.tpl-pro-beauty{--artwork:url('/static/backgrounds/professional/beauty.svg?v=19');--art-panel:rgba(255,255,255,.86)}
.tpl-pro-gastronomy-demo,.tpl-pro-gastronomy{--artwork:url('/static/backgrounds/professional/gastronomy.svg?v=19');--art-panel:rgba(255,255,255,.86)}
.tpl-pro-engineering-demo,.tpl-pro-engineering{--artwork:url('/static/backgrounds/professional/engineering.svg?v=19');--art-panel:rgba(255,255,255,.86)}
.tpl-pro-creative-demo,.tpl-pro-creative{--artwork:url('/static/backgrounds/professional/creative.svg?v=19');--art-panel:rgba(7,15,24,.82)}

/* v16: consistent 50%-transparent identity mockup while choosing a background. */
#templateGrid .template-card .tpl-content{background:rgba(255,255,255,.50)!important;color:#173f46!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#templateGrid .template-card .tpl-content>small,#templateGrid .template-card .tpl-content>b,#templateGrid .template-card .tpl-content>em,#templateGrid .template-card .tpl-bio,#templateGrid .template-card .tpl-action{color:#173f46!important}
#templateGrid .template-card .tpl-photo{background-color:rgba(255,255,255,.50)!important;color:#173f46!important;border-color:rgba(23,63,70,.22)!important}
#templateGrid .template-card .tpl-qr{background:rgba(255,255,255,.50)!important;color:#173f46!important;border-color:rgba(23,63,70,.24)!important}

/* v28 — procedural mobile-phone inspired background (no extra image asset). */
.tpl-fondo-44-demo,.tpl-fondo-44{
  --artwork:
    radial-gradient(ellipse at 50% 4%,#151718 0 5.5%,transparent 5.8%),
    linear-gradient(90deg,transparent 0 4%,rgba(20,22,24,.96) 4% 7%,transparent 7% 93%,rgba(20,22,24,.96) 93% 96%,transparent 96%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(233,238,240,.96));
  --art-panel:rgba(255,255,255,.9);
}
.tpl-fondo-44-demo>.artwork-background,.tpl-fondo-44>.artwork-background{
  box-shadow:inset 0 0 0 10px #1c1d1f,inset 0 0 0 13px #bfc5c8,inset 0 0 36px rgba(16,24,32,.16);
  border-radius:32px!important;
}

/* appearance.css */
/* Artwork effects never transform text, contact links or the QR code. */
.template-card.artwork-card.has-appearance,#card.artwork-card.has-appearance{background-image:none!important;position:relative!important;isolation:isolate}
.artwork-background,.artwork-sheen{position:absolute!important;inset:0;pointer-events:none!important;display:block;z-index:-2;border-radius:inherit}
.artwork-background{background-image:var(--artwork);background-position:center;background-size:cover;background-repeat:no-repeat;transform-origin:center;will-change:auto}
.artwork-sheen{z-index:-1;opacity:0}
/* An artwork layer must remain visible when the card itself has no image. */
#card.artwork-card.has-appearance>.artwork-background{opacity:1!important;display:block!important}
.has-appearance[data-effect=float]>.artwork-background{inset:-5%;animation:artwork-float 14s ease-in-out infinite alternate;will-change:transform}
.has-appearance[data-effect=breathe]>.artwork-background{animation:artwork-breathe 9s ease-in-out infinite;will-change:transform}
.has-appearance[data-effect=tilt]>.artwork-background,.has-appearance[data-effect=hologram]>.artwork-background{inset:-5%;transform:perspective(700px) translate(var(--drift-x,0px),var(--drift-y,0px)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.05);transition:transform .18s ease-out;will-change:transform}
.has-appearance[data-effect=hologram]>.artwork-sheen{opacity:.3;background:radial-gradient(ellipse at var(--shine-x,50%) var(--shine-y,50%),#fff9,transparent 65%),linear-gradient(115deg,#ff8ff855,#7aeaff99,#ffe89a66,#f591f888);background-size:100% 100%,250% 250%;mix-blend-mode:screen;animation:artwork-holo 10s ease-in-out infinite alternate}
.has-appearance[data-effect=shimmer]>.artwork-sheen{opacity:.45;background:linear-gradient(110deg,transparent 35%,#ffffff77 48%,transparent 61%);background-size:300% 100%;animation:artwork-sheen 7s ease-in-out infinite}
.studio-card-mount .artwork-card.has-appearance .tpl-content,#card.artwork-card.has-appearance .content{background:rgba(var(--panel-rgb),var(--panel-opacity,.85))!important;backdrop-filter:blur(var(--panel-blur,8.5px))!important}
.studio-card-mount .artwork-card.has-appearance .tpl-content>b{font-size:calc(var(--name-size,40px)*.72)!important;line-height:1.18!important}
.studio-card-mount .artwork-card.has-appearance .tpl-content>small{font-size:calc(var(--role-size,13px)*.72)!important;line-height:1.5!important}
.studio-card-mount .artwork-card.has-appearance .tpl-content>em,.studio-card-mount .artwork-card.has-appearance .tpl-bio{font-size:calc(var(--body-size,14px)*.72)!important;line-height:1.5!important;max-height:none!important;overflow-wrap:anywhere}
.studio-card-mount .artwork-card.has-appearance .tpl-action-copy b{font-size:calc(var(--contact-size,13px)*.72)!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:anywhere}
#card.artwork-card.has-appearance h1{font-size:var(--name-size,40px)!important}
#card.artwork-card.has-appearance .content>small{font-size:var(--role-size,13px)!important}
#card.artwork-card.has-appearance .meta,#card.artwork-card.has-appearance #bio{font-size:var(--body-size,14px)!important;overflow-wrap:anywhere}
#card.artwork-card.has-appearance .data-copy b{font-size:var(--contact-size,13px)!important;white-space:normal!important;overflow-wrap:anywhere;line-height:1.5!important}
.premium-studio .effect-controls{margin-bottom:24px;padding:20px;background:#f5f7ef;border:1px solid #e0e6d8;border-radius:12px}
.effect-controls>label{display:block}.effect-controls select{width:100%;font-size:13px;cursor:pointer}
.effect-controls label>span{font-size:10px;color:#5d7155;margin-bottom:8px;letter-spacing:.08em}
.appearance-hint{font:400 11px/1.6 Inter,sans-serif;color:#78836e;margin:10px 0 0}
.premium-studio .personalize-style-card{margin:0 0 28px;padding:20px;background:#f7f9f2;border:1px solid #e1e6d8;border-radius:12px}
.appearance-sliders{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;margin:20px 0 0}
.appearance-slider{display:block;min-width:0}.appearance-slider>span{display:flex;justify-content:space-between;gap:8px;font-size:11px!important;letter-spacing:0!important;font-weight:500!important;margin-bottom:10px!important}
.appearance-slider output{font:500 11px Inter,sans-serif;color:#315d4e;white-space:nowrap}
.appearance-slider.panel-transparency{grid-column:1/-1}
.premium-studio input.appearance-range{appearance:auto;accent-color:#315d4e;display:block;width:100%;height:24px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer;touch-action:pan-y}
.premium-studio input.appearance-range:focus-visible{outline:2px solid #6b885d;outline-offset:3px}
.appearance-reset,.appearance-motion-button{border:1px solid #ccd8c2;background:#fff;color:#345b3e;border-radius:8px;padding:10px 14px;font:500 11px Inter,sans-serif;cursor:pointer}
.appearance-reset{margin-top:20px}.appearance-motion-button{margin-top:12px;max-width:100%}body>.appearance-motion-button{margin-bottom:24px}
#motionStatus{font-size:11px;line-height:1.6;color:#526b45;min-height:1em}.appearance-size-title{margin-top:24px!important}
#templateGrid .artwork-card.has-appearance>.artwork-background,#templateGrid .artwork-card.has-appearance>.artwork-sheen{animation:none!important;transform:none!important;inset:0!important;will-change:auto!important}
#templateGrid .artwork-card.has-appearance>.artwork-sheen{display:none}
@keyframes artwork-float{0%{transform:scale(1.05) translate(-1%,-1%)}100%{transform:scale(1.1) translate(1%,1%)}}
@keyframes artwork-breathe{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.07);filter:brightness(1.12)}}
@keyframes artwork-holo{from{background-position:50% 50%,0% 0%}to{background-position:50% 50%,100% 100%}}
@keyframes artwork-sheen{0%,20%{background-position:100% 0}80%,100%{background-position:0% 0}}
@media(max-width:600px){.appearance-sliders{grid-template-columns:1fr}.premium-studio .personalize-style-card{padding:16px}.studio-steps b{max-width:90px;text-align:left;line-height:1.4}}
@media(prefers-reduced-motion:reduce){.artwork-background,.artwork-sheen{animation:none!important;transform:none!important;transition:none!important;filter:none!important;will-change:auto!important}.artwork-sheen{opacity:0!important}}

/* v31 — at 100% transparency the information container leaves no visible panel trace. */
.studio-card-mount .artwork-card.has-appearance.panel-fully-transparent .tpl-content,
#card.artwork-card.has-appearance.panel-fully-transparent .content{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.profile-motion-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover;border-radius:inherit;display:block}

.qr-preview-image{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;image-rendering:pixelated}
.qr-has-background .qr-public-panel,.qr-has-background .tpl-qr-panel{background-color:var(--qr-paper,#FFFFFF)!important}

/* custom-background.css */
.custom-background-controls{padding:20px;border:1px solid #dbe3d2;border-radius:12px;background:#f7f9f2;margin-bottom:18px}
.custom-background-controls>h3{margin:0 0 14px;font:600 10px Inter,sans-serif;letter-spacing:.12em;color:#5d7155}
.custom-background-picker{display:flex;align-items:center;gap:12px;cursor:pointer;padding:16px;border:1px dashed #9caf90;border-radius:10px;background:white}
.custom-background-picker b{font-size:12px;font-weight:500}.custom-background-picker small{display:block;font-size:10px;color:#75856b;margin-top:5px}
.custom-background-picker .upload-symbol{font-size:24px;line-height:1;color:#315d4e;margin:0}
.custom-background-controls input[type=file]{position:absolute;width:1px;height:1px;padding:0;opacity:0}
.custom-background-picker:has(input:focus-visible){outline:2px solid #315d4e;outline-offset:3px}
#customBackgroundOptions{margin-top:16px}#customBackgroundOptions label{display:block}#backgroundFileName{display:block;overflow-wrap:anywhere;font-size:11px;color:#536a45;margin-bottom:12px}
#backgroundUploadStatus{font-size:11px;line-height:1.6;color:#526a45;margin:10px 0 0}#backgroundUploadStatus:empty{display:none}
.artwork-card[data-background-fit=contain]>.artwork-background{background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;inset:0!important}
.artwork-card[data-background-fit=repeat]>.artwork-background{background-size:40% auto!important;background-repeat:repeat!important;background-position:center!important}
.artwork-card[data-background-fit=stretch]>.artwork-background{background-size:100% 100%!important;background-repeat:no-repeat!important;inset:0!important}
.artwork-card[data-background-fit=cover]>.artwork-background{background-size:cover!important;background-repeat:no-repeat!important}
.artwork-card[data-background-fit=contain][data-effect=float]>.artwork-background,.artwork-card[data-background-fit=contain][data-effect=breathe]>.artwork-background{animation:custom-image-sway 12s ease-in-out infinite alternate!important}
.artwork-card[data-background-fit=contain][data-effect=tilt]>.artwork-background,.artwork-card[data-background-fit=contain][data-effect=hologram]>.artwork-background{transform:perspective(700px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(.95)!important}
@keyframes custom-image-sway{from{transform:scale(.96)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.artwork-card[data-background-fit]>.artwork-background{animation:none!important;transform:none!important}}

.tpl-custom-demo,.tpl-custom{--art-panel:rgba(7,15,24,.85)}

/* v15: full or partial custom image */
.custom-background-layout{display:grid;gap:12px;margin:14px 0 0}.custom-background-layout label>span,.custom-background-layout .custom-bg-size>span{display:block;margin-bottom:7px;font:600 9px Inter,sans-serif;letter-spacing:.08em;color:#677563}.custom-bg-partial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px;align-items:end}.custom-bg-size input{width:100%}.custom-bg-size>span{display:flex!important;justify-content:space-between;gap:10px}.custom-bg-size output{font-weight:700;color:#315d4e}
.tpl-custom-demo[data-background-usage=partial],.tpl-custom[data-background-usage=partial]{background-image:none!important;background-color:var(--surface-color,var(--thumb-bg,var(--bg,#1E3A4D)))!important}
.tpl-custom-demo[data-background-usage=partial]>.artwork-background,.tpl-custom[data-background-usage=partial]>.artwork-background{inset:auto!important;transform:none!important;animation:none!important;background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important;border-radius:inherit;z-index:-2}
.tpl-custom-demo[data-background-usage=partial][data-background-partial-position=top]>.artwork-background,.tpl-custom[data-background-usage=partial][data-background-partial-position=top]>.artwork-background{top:0!important;left:0!important;right:0!important;height:var(--background-partial-size,45%)!important;width:auto!important;border-bottom-left-radius:0;border-bottom-right-radius:0}
.tpl-custom-demo[data-background-usage=partial][data-background-partial-position=bottom]>.artwork-background,.tpl-custom[data-background-usage=partial][data-background-partial-position=bottom]>.artwork-background{bottom:0!important;left:0!important;right:0!important;height:var(--background-partial-size,45%)!important;width:auto!important;border-top-left-radius:0;border-top-right-radius:0}
.tpl-custom-demo[data-background-usage=partial][data-background-partial-position=left]>.artwork-background,.tpl-custom[data-background-usage=partial][data-background-partial-position=left]>.artwork-background{top:0!important;bottom:0!important;left:0!important;width:var(--background-partial-size,45%)!important;height:auto!important;border-top-right-radius:0;border-bottom-right-radius:0}
.tpl-custom-demo[data-background-usage=partial][data-background-partial-position=right]>.artwork-background,.tpl-custom[data-background-usage=partial][data-background-partial-position=right]>.artwork-background{top:0!important;bottom:0!important;right:0!important;width:var(--background-partial-size,45%)!important;height:auto!important;border-top-left-radius:0;border-bottom-left-radius:0}
@media(max-width:520px){.custom-bg-partial{grid-template-columns:1fr}}
.custom-bg-color{grid-column:1/-1}.custom-bg-color>div{display:flex;align-items:center;gap:10px}.custom-bg-color input[type=color]{position:static!important;width:46px!important;height:38px!important;opacity:1!important;padding:3px!important;border:1px solid #d7dfd2;border-radius:8px;background:#fff}.custom-bg-color output{font:600 10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#526a45}

/* v16: the slider represents the actual share of the card occupied by the custom image. */
.studio-card-mount .tpl-custom-demo[data-background-usage=partial]>.artwork-background,
#card.tpl-custom[data-background-usage=partial]>.artwork-background{z-index:0!important}
.studio-card-mount .tpl-custom-demo[data-background-usage=partial] .tpl-content,
#card.tpl-custom[data-background-usage=partial] .content{position:relative!important;z-index:1!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.studio-card-mount .tpl-custom-demo[data-background-usage=partial]>.artwork-sheen,
#card.tpl-custom[data-background-usage=partial]>.artwork-sheen{display:none!important}
.studio-card-mount .tpl-custom-demo[data-background-usage=partial] .tpl-photo,
#card.tpl-custom[data-background-usage=partial] .photo{background-color:transparent!important}

/* v28 — full-image mode has no remainder controls. */
.custom-bg-partial[hidden],.remainder-selector[hidden]{display:none!important}

/* v28 — professional-information panel keeps its selected color/transparency even with a partial custom image. */
.studio-card-mount .tpl-custom-demo.has-appearance[data-background-usage=partial] .tpl-content,
#card.tpl-custom.has-appearance[data-background-usage=partial] .content{
  background:rgba(var(--panel-rgb,255,255,255),var(--panel-opacity,.85))!important;
  backdrop-filter:blur(var(--panel-blur,8px))!important;
  -webkit-backdrop-filter:blur(var(--panel-blur,8px))!important;
}


/* v31.33 — "Solo una parte" must never inherit the full custom image on the card itself. */
.template-card.artwork-card.user-configured.tpl-custom-demo[data-background-usage="partial"],
.studio-card-mount .template-card.artwork-card.tpl-custom-demo[data-background-usage="partial"],
#card.artwork-card.tpl-custom[data-background-usage="partial"]{
  background-image:none!important;
  background-color:var(--thumb-bg,var(--bg,#1E3A4D))!important;
}

/* v31.34 — live preview must keep the partial custom-image layer visible.
   v28 hides artwork-background in the fixed preview so the full artwork can be
   painted on the card itself; partial mode is different because the image must
   live exclusively in this clipped layer. */
.studio-card-mount>.template-card.artwork-card.tpl-custom-demo[data-background-usage="partial"]>.artwork-background,
.studio-card-mount>.template-card.artwork-card.tpl-custom[data-background-usage="partial"]>.artwork-background,
#card.artwork-card.tpl-custom[data-background-usage="partial"]>.artwork-background{
  opacity:1!important;
  background-image:var(--artwork)!important;
}

/* refinements.css */
.premium-studio .designer-select-control:has(#bgColor){display:block!important}
.premium-studio .design-controls{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.tone-heading{grid-column:1/-1;margin:18px 0 4px;padding:10px 0 5px;border-top:1px solid #e0e5d8;font:600 11px Inter,sans-serif;letter-spacing:.08em;color:#5d7155}
.photo-layout-controls,.content-effects-control{margin:20px 0;padding:18px;background:#f5f7ef;border:1px solid #e0e6d8;border-radius:12px}
.photo-layout-controls h3{font:600 10px Inter,sans-serif;letter-spacing:.1em;color:#5d7155;margin:0 0 14px}
.photo-layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.photo-layout-grid label>span,.content-effects-control label>span{font-size:9px;font-weight:600;color:#637758}
#cutoutTransparencyControl{margin-top:20px}.content-effects-control select{width:100%}
.template-card.artwork-card.has-appearance,#card.artwork-card.has-appearance{background-color:var(--surface-color,#102331)!important}
.studio-card-mount .artwork-card.has-appearance .tpl-photo,#card.artwork-card.has-appearance .photo{background-color:rgba(var(--panel-rgb),.85)!important}
.studio-card-mount .artwork-card.has-appearance .tpl-photo.photo-mode-cutout,#card.artwork-card.has-appearance .photo.photo-mode-cutout{background-color:rgba(var(--panel-rgb),var(--photo-backdrop-opacity,0))!important;border-color:transparent!important;box-shadow:none!important}
.studio-card-mount .artwork-card.has-appearance[data-photo-shape=rectangle] .tpl-photo{width:132px!important;height:132px!important;min-height:132px!important;flex-basis:132px!important;border-radius:14px!important}
#card.artwork-card.has-appearance[data-photo-shape=rectangle] .photo{width:170px!important;height:170px!important;min-height:170px!important;flex-basis:170px!important;border-radius:18px!important}
.studio-card-mount .artwork-card.has-appearance[data-photo-shape=circle] .tpl-photo,#card.artwork-card.has-appearance[data-photo-shape=circle] .photo{border-radius:50%!important}
.studio-card-mount .artwork-card.has-appearance:not([data-photo-shape=full])[data-photo-align=left] .tpl-photo,#card.artwork-card.has-appearance:not([data-photo-shape=full])[data-photo-align=left] .photo{margin-left:0!important;margin-right:auto!important;align-self:flex-start!important}
.studio-card-mount .artwork-card.has-appearance:not([data-photo-shape=full])[data-photo-align=right] .tpl-photo,#card.artwork-card.has-appearance:not([data-photo-shape=full])[data-photo-align=right] .photo{margin-left:auto!important;margin-right:0!important;align-self:flex-end!important}
.studio-card-mount .artwork-card.has-appearance:not([data-photo-shape=full])[data-photo-align=center] .tpl-photo,#card.artwork-card.has-appearance:not([data-photo-shape=full])[data-photo-align=center] .photo{margin-left:auto!important;margin-right:auto!important;align-self:center!important}
.studio-card-mount .artwork-card.has-appearance[data-photo-shape=full] .tpl-photo{width:calc(100% + 32px)!important;height:210px!important;min-height:210px!important;flex-basis:210px!important;border-radius:0!important;margin:-24px -16px 0!important;align-self:stretch!important;border:0}
#card.artwork-card.has-appearance[data-photo-shape=full] .photo{width:calc(100% + 40px)!important;height:280px!important;min-height:280px!important;flex-basis:280px!important;border-radius:0!important;margin:-32px -20px 0!important;align-self:stretch!important;border:0}
.studio-card-mount .artwork-card.has-appearance .tpl-content,#card.artwork-card.has-appearance .content{isolation:isolate;transform-origin:center;overflow:visible!important}
.studio-card-mount .artwork-card.has-appearance[data-content-effect=float] .tpl-content,#card.artwork-card.has-appearance[data-content-effect=float] .content{animation:content-float 7s ease-in-out infinite}
.studio-card-mount .artwork-card.has-appearance[data-content-effect=breathe] .tpl-content,#card.artwork-card.has-appearance[data-content-effect=breathe] .content{animation:content-breathe 8s ease-in-out infinite}
.studio-card-mount .artwork-card.has-appearance[data-content-effect=tilt] .tpl-content,#card.artwork-card.has-appearance[data-content-effect=tilt] .content,.studio-card-mount .artwork-card.has-appearance[data-content-effect=hologram] .tpl-content,#card.artwork-card.has-appearance[data-content-effect=hologram] .content{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))!important;transition:transform .18s ease-out}
.studio-card-mount .artwork-card.has-appearance[data-content-effect=hologram] .tpl-content:before,#card.artwork-card.has-appearance[data-content-effect=hologram] .content:before,.studio-card-mount .artwork-card.has-appearance[data-content-effect=shimmer] .tpl-content:before,#card.artwork-card.has-appearance[data-content-effect=shimmer] .content:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(115deg,transparent,#a4dfff44,#eda7ef44,transparent);background-size:250% 100%;animation:artwork-sheen 8s ease-in-out infinite}
.studio-card-mount .artwork-card.has-appearance[data-content-effect=shimmer] .tpl-content:before,#card.artwork-card.has-appearance[data-content-effect=shimmer] .content:before{background-image:linear-gradient(115deg,transparent 30%,#ffffff55 50%,transparent 70%)}
@keyframes content-float{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes content-breathe{0%,100%{scale:1}50%{scale:1.012}}
@media(max-width:1000px){.premium-studio .design-controls{grid-template-columns:1fr!important}}
@media(max-width:780px){.studio-layout>.effect-controls{margin:4px 0 0;width:100%}.studio-layout>.effect-controls[hidden]{display:none!important}}
@media(max-width:430px){#card.artwork-card.has-appearance[data-photo-shape=full] .photo{width:calc(100% + 28px)!important;margin:-22px -14px 0!important}.photo-layout-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.studio-card-mount .artwork-card.has-appearance .tpl-content,#card.artwork-card.has-appearance .content{animation:none!important;transform:none!important;translate:none!important;scale:none!important;transition:none!important}.studio-card-mount .artwork-card.has-appearance .tpl-content:before,#card.artwork-card.has-appearance .content:before{animation:none!important;display:none!important}}


/* v31.1 — explicit profile size control. Full-width format keeps its own geometry. */
.studio-card-mount .artwork-card.has-appearance:not([data-photo-shape=full]) .tpl-photo,
#card.artwork-card.has-appearance:not([data-photo-shape=full]) .photo{
  width:var(--photo-size,42%)!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1/1!important;
  flex:0 0 auto!important;
}

/* contacts.css */
.logo-controls{display:flex;align-items:end;gap:16px;margin:14px 0 22px}.logo-controls label{flex:1;min-width:0;display:grid;gap:8px}.logo-controls select{width:100%;padding:12px;border:1px solid #cbd4cd;border-radius:12px;background:#fff;color:#173f36}.logo-controls button,.verification-control button{padding:11px 14px;border-radius:10px;border:1px solid #cbd4cd;background:#f6f7f2;color:#173f36;cursor:pointer}.logo-controls button:disabled{opacity:.45;cursor:default}.message-phones{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px;grid-column:1/-1}.message-phones label{min-width:0}.message-phones input{width:100%;min-width:0;box-sizing:border-box}.phone-help,.verification-control small{font-size:11px;line-height:1.5;color:#65746c}.verification-control{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.verification-control small{width:100%}.verification-control a{font-size:12px;color:#176d56;text-decoration:underline}.verification-control button{font-size:11px;padding:7px 10px}.verification-control [hidden]{display:none!important}.verification-control[data-state=invalid] small{color:#ad3434}.verification-control[data-state=confirmed] small{color:#176d56}
.artwork-card[data-logo-placement] .tpl-company-logo,.artwork-card[data-logo-placement] .company-logo{position:absolute!important;inset:auto!important;width:var(--logo-size,22%)!important;max-width:100%!important;height:auto!important;aspect-ratio:1/1!important;margin:0!important;z-index:8!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;border-radius:10px!important;transform:none!important;overflow:hidden!important}
.artwork-card[data-logo-placement][data-logo-shape=circle] .tpl-company-logo,.artwork-card[data-logo-placement][data-logo-shape=circle] .company-logo{border-radius:50%!important}
.artwork-card[data-logo-placement][data-logo-shape=square] .tpl-company-logo,.artwork-card[data-logo-placement][data-logo-shape=square] .company-logo{border-radius:10px!important}

.artwork-card[data-logo-placement][data-logo-shape=rectangle] .tpl-company-logo,.artwork-card[data-logo-placement][data-logo-shape=rectangle] .company-logo{aspect-ratio:3/2!important;border-radius:10px!important}
.artwork-card[data-logo-placement] .company-logo img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;border-radius:inherit!important;box-sizing:border-box!important}
.artwork-card[data-logo-placement^=top] .tpl-company-logo,.artwork-card[data-logo-placement^=top] .company-logo{top:16px!important}
.artwork-card[data-logo-placement^=bottom] .tpl-company-logo,.artwork-card[data-logo-placement^=bottom] .company-logo{bottom:12px!important}
.artwork-card[data-logo-placement$=left] .tpl-company-logo,.artwork-card[data-logo-placement$=left] .company-logo{left:16px!important}
.artwork-card[data-logo-placement$=right] .tpl-company-logo,.artwork-card[data-logo-placement$=right] .company-logo{right:16px!important}
.artwork-card[data-logo-placement=main] .tpl-company-logo,.artwork-card[data-logo-placement=main] .company-logo{display:none!important}
.artwork-card[data-logo-placement^=bottom] .tpl-content,.artwork-card[data-logo-placement^=bottom] .content{padding-bottom:76px!important}
.artwork-card .tpl-actions{display:flex!important;flex-wrap:wrap!important}.artwork-card .tpl-action{flex:1 1 100%;min-width:0}.artwork-card .tpl-action-whatsapp,.artwork-card .tpl-action-sms{flex:1 1 calc(50% - 10px)!important;max-width:calc(50% - 5px)}
.artwork-card .data-actions{display:flex;flex-wrap:wrap}.artwork-card #whatsapp,.artwork-card #sms{display:inline-flex;width:calc(50% - 8px);box-sizing:border-box;vertical-align:top}.artwork-card #whatsappValue,.artwork-card #smsValue{overflow-wrap:anywhere}.tpl-action-whatsapp .tpl-action-copy b,.tpl-action-sms .tpl-action-copy b{overflow-wrap:anywhere;white-space:normal!important}
@media(max-width:480px){.logo-controls{align-items:stretch;flex-direction:column}.message-phones{gap:10px}.message-phones input{font-size:13px}.logo-controls button{align-self:flex-start}}

.artwork-card .data-actions{gap:8px!important}.artwork-card .data-actions>.data-row{flex:1 1 100%}.artwork-card .data-actions>#whatsapp,.artwork-card .data-actions>#sms{flex:1 1 calc(50% - 8px);min-width:0}

.phone-input-row{display:flex;gap:6px;min-width:0}.phone-input-row .dial-code{width:66px!important;min-width:58px!important;flex:0 0 66px!important;padding:10px 6px!important;font-size:12px!important}.phone-input-row input:not(.dial-code){flex:1;width:0!important;min-width:0!important;font-size:13px!important;padding:10px 7px!important}
.studio-card-mount .artwork-card.has-appearance .tpl-action-phone .tpl-action-copy b,.studio-card-mount .artwork-card.has-appearance .tpl-action-whatsapp .tpl-action-copy b,.studio-card-mount .artwork-card.has-appearance .tpl-action-sms .tpl-action-copy b{font-size:9px!important;white-space:nowrap!important;overflow-wrap:normal!important;letter-spacing:-.2px!important}
#card.artwork-card.has-appearance #call .data-copy b,#card.artwork-card.has-appearance #whatsapp .data-copy b,#card.artwork-card.has-appearance #sms .data-copy b{font-size:11px!important;white-space:nowrap!important;overflow-wrap:normal!important;letter-spacing:-.25px!important}
.artwork-card .tpl-action-whatsapp,.artwork-card .tpl-action-sms{gap:4px!important;padding-left:5px!important;padding-right:5px!important}.artwork-card #whatsapp,.artwork-card #sms{gap:4px!important;padding-left:6px!important;padding-right:6px!important}.artwork-card #whatsapp .data-icon,.artwork-card #sms .data-icon{width:22px!important;min-width:22px!important;font-size:10px!important}
.studio-card-mount a{pointer-events:auto!important;cursor:pointer!important}.studio-card-mount a:focus-visible{outline:2px solid #6ee7b7;outline-offset:2px}
.social-picker-trigger{border:1px solid #cbd4cd;border-radius:10px;background:#edf3ef;color:#173f36;padding:10px 14px;grid-column:1/-1;text-align:left;cursor:pointer}
.social-picker{width:min(560px,calc(100vw - 32px));max-height:85vh;box-sizing:border-box;padding:24px;border:1px solid #d9e2db;border-radius:22px;color:#173f36;background:#fcfcf8;box-shadow:0 24px 90px #001e2855;font-family:Inter,sans-serif}.social-picker::backdrop{background:#08292399;backdrop-filter:blur(4px)}.social-picker-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.social-picker h2{font-size:23px;margin:0}.social-picker p{font-size:13px;line-height:1.6}.social-picker label{display:grid;gap:8px;margin:16px 0;font-size:12px}.social-picker input{box-sizing:border-box;width:100%;padding:12px;border:1px solid #cad6ce;border-radius:10px;font:inherit}.social-picker button{padding:11px 16px;border:1px solid #cbd4cd;border-radius:10px;cursor:pointer}.social-picker button:disabled{opacity:.45;cursor:default}.social-connect,.social-use{background:#173f36;color:white}.social-close{background:transparent;font-size:22px}.social-results{display:grid;gap:10px;max-height:250px;overflow:auto}.social-account{display:flex;gap:12px;align-items:center;text-align:left;background:white}.social-account[aria-pressed=true]{outline:2px solid #2f8b6c}.social-account small{display:block;color:#627469;margin-top:5px}.social-avatar{width:52px;height:52px;flex:0 0 52px;position:relative;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#e4ece6}.social-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.social-open{display:inline-block;margin:8px 16px 8px 0;color:#176d56}.social-open[hidden]{display:none}
@media(max-width:430px){.phone-input-row{gap:4px}.phone-input-row .dial-code{width:52px!important;min-width:52px!important;flex-basis:52px!important}.phone-input-row input:not(.dial-code){font-size:12px!important}#card.artwork-card.has-appearance #whatsapp .data-copy b,#card.artwork-card.has-appearance #sms .data-copy b{font-size:10px!important}}
.social-search-button{background:#173f36;color:white;width:100%}.social-result-row{display:grid;gap:5px}.social-result-row>.social-account{width:100%;min-width:0}.social-result-copy{min-width:0}.social-result-copy b,.social-result-copy small{overflow-wrap:anywhere}.social-result-row>a{font-size:11px;color:#176d56;justify-self:end}.social-source{color:#627469;font-size:11px!important}.social-manual{border-top:1px solid #d7e0d9;padding-top:16px;margin-top:16px}.social-manual summary{cursor:pointer;font-size:12px}.social-picker .social-use{width:100%}.social-picker .social-results{max-height:38vh}.social-picker button:focus-visible,.social-picker a:focus-visible{outline:3px solid #64a68a;outline-offset:2px}

.social-picker .social-account{height:auto!important;max-height:none!important;overflow:visible!important;white-space:normal!important;align-items:flex-start}.social-picker .social-result-copy{overflow:hidden}.social-picker .social-result-copy small:last-child{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.social-picker .social-results{overflow-x:hidden}

.social-picker .social-avatar{width:76px;height:76px;flex-basis:76px}.social-picker .social-account{align-items:flex-start}.social-picker .social-photo-status{font-size:11px}.social-picker .social-account{overflow:visible;max-height:none}

.contact-brand-icon{width:24px;height:24px;display:block;object-fit:contain}.tpl-action-evenshots .tpl-action-icon{font-size:8px;font-weight:900;border:1px solid currentColor;border-radius:7px}.tpl-action-evenshots{flex-basis:100%!important;max-width:none!important}

/* v31 — Facebook brand mark stays Facebook blue in preview and published card. */
.tpl-action-facebook .tpl-action-icon,
#facebook .data-icon{
  color:#1877F2!important;
}

/* v31.2 — logo format and size controls. */
.logo-presentation-fields{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(120px,.65fr);gap:10px;align-items:end}.logo-presentation-fields label{min-width:0}.logo-size-control{margin:10px 0 0!important;padding:10px 0 0!important;border-top:1px solid #e1e7de!important}.logo-size-control>span{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:5px!important}.logo-shape-icons{display:flex;gap:6px;margin-top:5px}@media(max-width:620px){.logo-presentation-fields{grid-template-columns:1fr 1fr}}

/* v31.28 — classic/one-column layout: WhatsApp and SMS each own a full row.
   Their copy starts after a dedicated icon column so enlarged icons never cover text. */
.studio-card-mount .artwork-card[data-contact-layout="classic"] .tpl-actions > .tpl-action-whatsapp,
.studio-card-mount .artwork-card[data-contact-layout="classic"] .tpl-actions > .tpl-action-sms{
  flex:0 0 100%!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 8px!important;
  align-items:center!important;
  column-gap:8px!important;
  padding-left:8px!important;
  padding-right:8px!important;
  box-sizing:border-box!important;
}
.studio-card-mount .artwork-card[data-contact-layout="classic"] .tpl-action-whatsapp .tpl-action-icon,
.studio-card-mount .artwork-card[data-contact-layout="classic"] .tpl-action-sms .tpl-action-icon{
  width:40px!important;
  min-width:40px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
.studio-card-mount .artwork-card[data-contact-layout="classic"] .tpl-action-whatsapp .tpl-action-copy,
.studio-card-mount .artwork-card[data-contact-layout="classic"] .tpl-action-sms .tpl-action-copy{
  min-width:0!important;
  padding-left:2px!important;
  overflow:hidden!important;
}

#card.artwork-card[data-contact-layout="classic"] .data-actions > #whatsapp,
#card.artwork-card[data-contact-layout="classic"] .data-actions > #sms{
  flex:0 0 100%!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:9px!important;
  padding-left:9px!important;
  padding-right:10px!important;
  box-sizing:border-box!important;
}
#card.artwork-card[data-contact-layout="classic"] #whatsapp .data-icon,
#card.artwork-card[data-contact-layout="classic"] #sms .data-icon{
  width:42px!important;
  min-width:42px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
#card.artwork-card[data-contact-layout="classic"] #whatsapp .data-copy,
#card.artwork-card[data-contact-layout="classic"] #sms .data-copy{
  min-width:0!important;
  padding-left:2px!important;
  overflow:hidden!important;
}
#card.artwork-card[data-contact-layout="classic"] #whatsapp .data-copy b,
#card.artwork-card[data-contact-layout="classic"] #sms .data-copy b{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* v31.30 — one-column alignment: every contact row uses the same icon column
   and copy start position as WhatsApp/SMS in v31.28. */
.studio-card-mount .artwork-card[data-contact-layout="classic"] .tpl-actions > .tpl-action{
  flex:0 0 100%!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 8px!important;
  align-items:center!important;
  column-gap:8px!important;
  padding-left:8px!important;
  padding-right:8px!important;
  box-sizing:border-box!important;
}
.studio-card-mount .artwork-card[data-contact-layout="classic"] .tpl-actions > .tpl-action .tpl-action-icon{
  width:40px!important;
  min-width:40px!important;
  justify-self:center!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  margin:0!important;
}
.studio-card-mount .artwork-card[data-contact-layout="classic"] .tpl-actions > .tpl-action .tpl-action-copy{
  min-width:0!important;
  padding-left:2px!important;
  margin-left:0!important;
  overflow:hidden!important;
  text-align:left!important;
}

#card.artwork-card[data-contact-layout="classic"] .data-actions > .data-row{
  flex:0 0 100%!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:9px!important;
  padding-left:9px!important;
  padding-right:10px!important;
  box-sizing:border-box!important;
}
#card.artwork-card[data-contact-layout="classic"] .data-actions > .data-row .data-icon{
  width:42px!important;
  min-width:42px!important;
  justify-self:center!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  margin:0!important;
}
#card.artwork-card[data-contact-layout="classic"] .data-actions > .data-row .data-copy{
  min-width:0!important;
  padding-left:2px!important;
  margin-left:0!important;
  overflow:hidden!important;
  text-align:left!important;
}
#card.artwork-card[data-contact-layout="classic"] .data-actions > .data-row .data-copy b{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* form-layout-v12.css */
/* v13: one field per row, contextual slider/button at right, no redundant slider labels. */
.premium-studio .fields{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
.editor-field-row{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:14px;align-items:start;width:100%;min-width:0;padding:0 0 12px;border-bottom:1px solid rgba(49,93,78,.08)}
.editor-field-row:last-child{border-bottom:0}.editor-field-main,.editor-field-aux{min-width:0}.editor-field-main>label{display:block;width:100%;margin:0}.editor-field-main>label.wide{grid-column:auto}
.editor-field-aux{padding-top:22px}.editor-field-slider{display:flex;align-items:center}.editor-field-connect{display:flex;align-items:flex-start}
.inline-size-control{width:100%;display:grid!important;grid-template-columns:minmax(0,1fr) 42px;gap:8px;align-items:center;margin:0!important;padding:0!important}.inline-size-control input[type=range]{width:100%;min-width:0;margin:0!important}.inline-size-control output{font:500 10px Inter,sans-serif;color:#315d4e;min-width:38px;text-align:right;white-space:nowrap}
.source-size-control{display:none!important}.appearance-sliders-after-move{grid-template-columns:1fr!important;margin-top:8px!important}.appearance-sliders-after-move .panel-transparency{grid-column:1!important}
.social-connect-inline{width:100%;min-height:40px;border:1px solid #bfcfc3;border-radius:8px;background:#edf3ef;color:#173f36;padding:10px 12px;font:600 11px Inter,sans-serif;cursor:pointer}.social-connect-inline:hover{background:#e2ece5}.social-connect-inline:disabled{opacity:.5;cursor:default}
.social-connect-details{display:grid;gap:7px;margin:7px 0 0}.social-connect-details>.social-connect-inline{display:none}.social-connect-status{font-size:10px;line-height:1.45;color:#718078}.social-connect-choices{display:grid;gap:6px}.social-connect-choices button{width:100%;padding:8px;border:1px solid #d6dfd8;border-radius:8px;background:#fff;color:#173f36;text-align:left;cursor:pointer}
.location-autocomplete{position:relative;display:grid;gap:6px;margin-top:7px}.location-autocomplete-status{font-size:10px;line-height:1.45;color:#718078}.location-autocomplete-results{display:grid;gap:5px;position:relative;z-index:80}.location-autocomplete-option{width:100%;padding:10px;border:1px solid #d9e2db;border-radius:8px;background:#fff;color:#294d3b;text-align:left;font:500 11px Inter,sans-serif;line-height:1.4;cursor:pointer}.location-autocomplete-option:hover,.location-autocomplete-option:focus{background:#f1f5ee}
.phone-input-row .dial-code[readonly]{width:44px!important;min-width:44px!important;flex:0 0 44px!important;padding:10px 3px!important;background:#eef3ec!important;color:#315d4e!important;font-weight:700!important;text-align:center;cursor:default}
.editor-field-description{grid-template-columns:1fr!important}.editor-field-description textarea{min-height:96px}.editor-field-row-wide{grid-template-columns:1fr!important}.editor-field-row-wide .editor-field-aux{display:none}
@media(max-width:680px){.editor-field-row{grid-template-columns:minmax(0,1fr) 138px;gap:9px}.editor-field-aux{padding-top:21px}.inline-size-control{grid-template-columns:minmax(0,1fr) 36px;gap:5px}.inline-size-control output{min-width:34px}.social-connect-inline{padding:10px 7px;font-size:10px}}
@media(max-width:430px){.editor-field-row{grid-template-columns:minmax(0,1fr) 112px;gap:7px;padding-bottom:10px}.editor-field-aux{padding-top:20px}.social-connect-inline{font-size:9px;letter-spacing:-.01em}.phone-input-row .dial-code{width:42px!important;min-width:42px!important;flex-basis:42px!important}.editor-field-description,.editor-field-row-wide{grid-template-columns:1fr!important}}

/* product-mode.css */
.product-mode-chooser{margin:0 0 18px;padding:18px;border:1px solid #dce3d7;border-radius:12px;background:#f7f9f3}.product-mode-head{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:12px}.product-mode-head small{font:600 9px Inter,sans-serif;letter-spacing:.12em;color:#6a7965}.product-mode-head strong{font:500 18px 'Cormorant Garamond',Georgia,serif;color:#294d3b}.product-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-mode{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid #dce3d7;border-radius:10px;background:#fff;padding:13px;color:#294d3b;cursor:pointer}.product-mode>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #d7dfd3;border-radius:50%;font:600 9px Inter,sans-serif;flex:0 0 auto}.product-mode b{display:block;font:600 12px Inter,sans-serif}.product-mode small{display:block;margin-top:4px;color:#7a8775;font:400 9px/1.4 Inter,sans-serif}.product-mode.active{border-color:#55785e;background:#edf3eb;box-shadow:0 0 0 1px #55785e22}.product-mode.active>span{background:#294d3b;color:#fff;border-color:#294d3b}
.landing-builder{margin-top:18px}.landing-builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.landing-builder-head h3{margin:5px 0 5px;font:500 22px 'Cormorant Garamond',Georgia,serif;color:#294d3b}.landing-builder-head p{margin:0;max-width:540px;font:400 10px/1.55 Inter,sans-serif;color:#798475}.landing-builder-head>button{border:1px solid #cdd8c8;border-radius:8px;background:#fff;color:#294d3b;padding:11px 14px;font:600 10px Inter,sans-serif;cursor:pointer;white-space:nowrap}.landing-builder-head>button:disabled{opacity:.45}.landing-pages-editor{display:grid;gap:12px}.landing-page-editor{border:1px solid #dfe5db;border-radius:10px;background:#fbfcf8;padding:14px}.landing-page-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.landing-page-title b{font:600 11px Inter,sans-serif;color:#294d3b}.landing-page-title button{border:0;background:transparent;color:#9b5a52;font:500 9px Inter,sans-serif;cursor:pointer}.landing-page-title button:disabled{opacity:.3;cursor:default}.landing-page-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.landing-page-fields label{display:block;min-width:0}.landing-page-fields label.wide{grid-column:1/-1}.landing-page-fields span{display:block;margin-bottom:6px;font:600 8px Inter,sans-serif;letter-spacing:.08em;color:#6e7c69}.landing-page-fields input,.landing-page-fields textarea{width:100%;box-sizing:border-box}
@media(max-width:620px){.product-mode-options{grid-template-columns:1fr}.product-mode-head{display:block}.product-mode-head strong{display:block;margin-top:5px}.landing-builder-head{display:block}.landing-builder-head>button{margin-top:12px;width:100%}.landing-page-fields{grid-template-columns:1fr}.landing-page-fields label.wide{grid-column:auto}}

/* card-layout.css */
.card-layout-card,.custom-sections-card{margin-top:18px}.card-layout-title,.custom-sections-title{margin:6px 0 14px;font:500 22px 'Cormorant Garamond',Georgia,serif;color:#294d3b}.card-layout-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card-layout-option{display:grid;grid-template-columns:74px minmax(0,1fr);gap:13px;align-items:center;text-align:left;border:1px solid #dce3d7;border-radius:12px;background:#fff;padding:12px;color:#294d3b;cursor:pointer}.card-layout-option.active{border-color:#55785e;background:#edf3eb;box-shadow:0 0 0 1px #55785e22}.card-layout-option b{display:block;font:600 12px Inter,sans-serif}.card-layout-option small{display:block;margin-top:4px;font:400 9px/1.45 Inter,sans-serif;color:#758272}.layout-preview{height:72px;border:1px solid #d7dfd3;border-radius:9px;background:#f8faf5;padding:9px;display:flex;flex-direction:column;gap:6px}.layout-preview>i{height:6px;border-radius:4px;background:#7f987c;opacity:.7}.layout-preview-classic>i:nth-child(1){width:68%}.layout-preview-classic>i:nth-child(2){width:86%}.layout-preview-classic>i:nth-child(3){width:78%}.layout-preview-classic>i:nth-child(4){width:90%}.layout-preview-compact>i:first-child{width:68%;height:7px}.layout-preview-compact>em{display:flex;gap:4px;margin:2px 0}.layout-preview-compact>em u{display:block;width:15px;height:15px;border-radius:50%;background:#56745e;text-decoration:none}.layout-preview-compact>i:last-child{width:90%;height:18px;opacity:.32}.custom-sections-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.custom-sections-head p{margin:0;max-width:560px;font:400 10px/1.55 Inter,sans-serif;color:#798475}.custom-sections-head>button{border:1px solid #cdd8c8;border-radius:9px;background:#fff;color:#294d3b;padding:11px 14px;font:600 10px Inter,sans-serif;cursor:pointer;white-space:nowrap}.custom-sections-editor{display:grid;gap:10px;margin-top:16px}.custom-section-editor{border:1px solid #dfe5db;border-radius:10px;background:#fbfcf8;padding:12px}.custom-section-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.custom-section-toolbar>b{font:700 9px Inter,sans-serif;color:#6d7b68}.custom-section-toolbar>div{display:flex;gap:4px}.custom-section-toolbar button{width:30px;height:30px;border:1px solid #d8e0d4;border-radius:7px;background:#fff;color:#46624b;cursor:pointer;font-size:14px}.custom-section-toolbar button:disabled{opacity:.3;cursor:default}.custom-section-toolbar button[data-remove]{color:#9b5a52}.custom-section-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.custom-section-fields label{display:block}.custom-section-fields label.wide{grid-column:1/-1}.custom-section-fields span{display:block;margin-bottom:6px;font:600 8px Inter,sans-serif;letter-spacing:.08em;color:#6e7c69}.custom-section-fields input,.custom-section-fields select,.custom-section-fields textarea{width:100%;box-sizing:border-box}
/* Compact contact layout in editor previews */
.template-card[data-contact-layout=compact] .tpl-actions{display:flex!important;flex-wrap:wrap;gap:6px;margin:9px 0 7px;padding:0!important}.template-card[data-contact-layout=compact] .tpl-action{display:grid!important;place-items:center;width:31px;height:31px;padding:0!important;border-radius:50%;grid-template-columns:1fr!important;background:rgba(255,255,255,.32)}.template-card[data-contact-layout=compact] .tpl-action-copy,.template-card[data-contact-layout=compact] .tpl-action-arrow{display:none!important}.template-card[data-contact-layout=compact] .tpl-action-icon{font-size:9px!important}.template-card[data-contact-layout=compact] .tpl-action-icon img{width:15px;height:15px}.tpl-custom-sections{display:grid;gap:7px;margin:8px 0}.tpl-custom-section{padding:7px 8px;border:1px solid currentColor;border-radius:8px;background:rgba(255,255,255,.12)}.tpl-custom-section b{display:block;font:800 6.5px/1.25 Inter;letter-spacing:.06em;text-transform:uppercase}.tpl-custom-section p{margin:3px 0 0;font:600 6.2px/1.4 Inter;white-space:pre-line}.template-card[data-contact-layout=compact] .tpl-bio.compact-bio-fallback{margin:7px 0!important}
/* Public card compact layout */
#card[data-contact-layout=compact] .content{display:flex;flex-direction:column}#card[data-contact-layout=compact] .data-actions{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 10px;order:0}#card[data-contact-layout=compact] .data-row{width:44px;height:44px;min-height:44px;padding:0!important;border-radius:50%;display:grid!important;place-items:center;grid-template-columns:1fr!important}#card[data-contact-layout=compact] .data-copy{display:none!important}#card[data-contact-layout=compact] .data-icon{font-size:13px!important;width:auto!important;height:auto!important}#card[data-contact-layout=compact] .data-icon img{width:21px;height:21px}#card[data-contact-layout=compact] .custom-public-sections{display:grid;gap:10px;margin:8px 0 14px}.custom-public-section{padding:12px 13px;border:1px solid currentColor;border-radius:12px;background:rgba(255,255,255,.10)}.custom-public-section h2{margin:0;font:700 10px/1.25 Inter;letter-spacing:.08em;text-transform:uppercase}.custom-public-section p{margin:6px 0 0;font:500 var(--body-size,14px)/1.55 Inter;white-space:pre-line}.custom-public-section.description-section p{font-style:normal}
@media(max-width:620px){.card-layout-options{grid-template-columns:1fr}.custom-sections-head{display:block}.custom-sections-head>button{width:100%;margin-top:12px}.custom-section-fields{grid-template-columns:1fr}.custom-section-fields label.wide{grid-column:auto}}

/* v17 — compact layout inspired by a small professional landing page */
/* Editor / live preview */
.studio-card-mount .template-card[data-contact-layout=compact]{
  min-height:700px!important;
}
.studio-card-mount .template-card[data-contact-layout=compact].artwork-card{
  padding:24px 16px!important;
  gap:0!important;
}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-company-logo{display:none!important}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-content{
  position:relative!important;
  inset:auto!important;
  width:calc(100% - 32px)!important;
  min-height:0!important;
  margin:0 16px 20px!important;
  padding:22px 18px!important;
  border-radius:20px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  text-align:center!important;
  overflow:visible!important;
}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-content>small{display:none!important}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-content>i{display:none!important}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-content>em{
  order:10;
  margin:0!important;
  font:700 19px/1.12 var(--chosen-font,'Cormorant Garamond'),Georgia,serif!important;
  letter-spacing:-.02em!important;
  opacity:1!important;
  text-align:center!important;
}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-content>b{
  order:20;
  margin:5px 0 0!important;
  font:500 9px/1.35 Inter,sans-serif!important;
  letter-spacing:0!important;
  opacity:.82;
  text-align:center!important;
}
.studio-card-mount .template-card[data-contact-layout=compact].compact-has-company .tpl-content>b::before{content:'by ';opacity:.72}
.studio-card-mount .template-card[data-contact-layout=compact]:not(.compact-has-company) .tpl-content>b{
  order:10;
  margin:0!important;
  font:600 22px/1.08 var(--chosen-font,'Cormorant Garamond'),Georgia,serif!important;
  opacity:1;
}
.studio-card-mount .template-card[data-contact-layout=compact]:not(.compact-has-company) .tpl-content>em{display:none!important}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-actions{
  order:40!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
  margin:12px 0 10px!important;
  padding:0!important;
  overflow:visible!important;
}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-action{
  flex:0 0 29px!important;
  width:29px!important;
  height:29px!important;
  min-height:29px!important;
  padding:0!important;
  border-radius:8px!important;
  display:grid!important;
  place-items:center!important;
  grid-template-columns:1fr!important;
  background:rgba(255,255,255,.16)!important;
  box-shadow:none!important;
}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-action-copy,
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-action-arrow{display:none!important}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-action-icon{font-size:8px!important;line-height:1!important}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-action-icon img{width:15px!important;height:15px!important}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-custom-sections{display:contents!important}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-custom-section{
  width:100%;
  margin:0!important;
  padding:10px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  text-align:left!important;
}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-custom-section>b{
  display:flex!important;
  align-items:center;
  gap:8px;
  margin:0 0 6px!important;
  color:inherit!important;
  font:800 7px/1.2 Inter,sans-serif!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  white-space:nowrap;
}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-custom-section>b::after{content:'';height:1px;flex:1;background:currentColor;opacity:.38}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-custom-section>p{margin:0!important;font:500 7.2px/1.5 Inter,sans-serif!important;white-space:pre-line!important;opacity:.9}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-custom-slogan{
  order:30!important;
  text-align:center!important;
  padding:14px 0 4px!important;
}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-custom-slogan>b{justify-content:center!important;font-size:7px!important}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-custom-slogan>b::before,
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-custom-slogan>b::after{content:'';height:1px;flex:1;background:currentColor;opacity:.42}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-custom-slogan>p{text-align:center!important;font:600 8px/1.45 var(--chosen-font,'Cormorant Garamond'),Georgia,serif!important;margin-top:5px!important}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-custom-description>b{justify-content:center!important}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-custom-description>b::before{content:'';height:1px;flex:1;background:currentColor;opacity:.38}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-bio.compact-bio-fallback{
  order:50!important;
  margin:0!important;
  padding:12px 0!important;
  max-height:none!important;
  overflow:visible!important;
  text-align:left!important;
  font:500 7.2px/1.5 Inter,sans-serif!important;
}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-bio.compact-bio-fallback::before{
  content:attr(data-section-label);
  display:block;
  margin:0 0 6px;
  border-bottom:1px solid currentColor;
  padding-bottom:5px;
  text-align:center;
  font:800 7px/1.2 Inter,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-qr{
  order:90!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  align-self:center!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  margin:16px auto 0!important;
}

/* Published compact card */
#card[data-contact-layout=compact]{
  display:flex!important;
  flex-direction:column!important;
  min-height:820px!important;
}
#card[data-contact-layout=compact] .company-logo{display:none!important}
#card[data-contact-layout=compact] .content{
  position:relative!important;
  width:calc(100% - 32px)!important;
  margin:0 16px 20px!important;
  padding:28px 24px!important;
  border-radius:24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  text-align:center!important;
  overflow:visible!important;
  background:rgba(var(--panel-rgb,255,255,255),var(--panel-opacity,.16));
  backdrop-filter:blur(var(--panel-blur,8px));
  border:1px solid rgba(255,255,255,.28);
}
#card[data-contact-layout=compact] #job{display:none!important}
#card[data-contact-layout=compact] .meta{
  order:10!important;
  display:block!important;
  margin:0!important;
  font:700 29px/1.06 inherit!important;
  letter-spacing:-.025em!important;
  text-align:center!important;
}
#card[data-contact-layout=compact] #name{
  order:20!important;
  margin:7px 0 0!important;
  font:500 13px/1.35 Inter,sans-serif!important;
  letter-spacing:0!important;
  text-align:center!important;
}
#card[data-contact-layout=compact].compact-has-company #name::before{content:'by ';opacity:.7}
#card[data-contact-layout=compact]:not(.compact-has-company) .meta{display:none!important}
#card[data-contact-layout=compact]:not(.compact-has-company) #name{
  order:10!important;
  margin:0!important;
  font:600 var(--name-size,40px)/1.06 inherit!important;
}
#card[data-contact-layout=compact] .data-actions{
  order:40!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  margin:18px 0 12px!important;
  overflow-x:auto!important;
  padding:2px 0 6px!important;
  scrollbar-width:none;
}
#card[data-contact-layout=compact] .data-actions::-webkit-scrollbar{display:none}
#card[data-contact-layout=compact] .data-row{
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  grid-template-columns:1fr!important;
  background:rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}
#card[data-contact-layout=compact] .data-copy{display:none!important}
#card[data-contact-layout=compact] .data-icon{font-size:12px!important;width:auto!important;height:auto!important}
#card[data-contact-layout=compact] .data-icon img{width:22px!important;height:22px!important}
#card[data-contact-layout=compact] .custom-public-sections{display:contents!important}
#card[data-contact-layout=compact] .custom-public-section{
  width:100%;
  margin:0!important;
  padding:16px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  text-align:left!important;
}
#card[data-contact-layout=compact] .custom-public-section h2{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 9px!important;
  font:800 10px/1.25 Inter,sans-serif!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  white-space:nowrap;
}
#card[data-contact-layout=compact] .custom-public-section h2::after{content:'';height:1px;flex:1;background:currentColor;opacity:.4}
#card[data-contact-layout=compact] .custom-public-section p{
  margin:0!important;
  font:500 var(--body-size,14px)/1.65 Inter,sans-serif!important;
  white-space:pre-line!important;
}
#card[data-contact-layout=compact] .custom-kind-slogan{
  order:30!important;
  padding:19px 0 4px!important;
  text-align:center!important;
}
#card[data-contact-layout=compact] .custom-kind-slogan h2{justify-content:center!important;margin-bottom:8px!important}
#card[data-contact-layout=compact] .custom-kind-slogan h2::before,
#card[data-contact-layout=compact] .custom-kind-slogan h2::after{content:'';height:1px;flex:1;background:currentColor;opacity:.42}
#card[data-contact-layout=compact] .custom-kind-slogan p{text-align:center!important;font-family:inherit!important;font-size:calc(var(--body-size,14px) * 1.08)!important;font-weight:600!important}
#card[data-contact-layout=compact] .custom-kind-description h2{justify-content:center!important}
#card[data-contact-layout=compact] .custom-kind-description h2::before{content:'';height:1px;flex:1;background:currentColor;opacity:.4}
#card[data-contact-layout=compact] #bio.compact-bio-fallback{
  order:50!important;
  margin:0!important;
  padding:16px 0!important;
  text-align:left!important;
  font:500 var(--body-size,14px)/1.65 Inter,sans-serif!important;
}
#card[data-contact-layout=compact] #bio.compact-bio-fallback::before{
  content:attr(data-section-label);
  display:block;
  margin:0 0 10px;
  border-bottom:1px solid currentColor;
  padding-bottom:8px;
  text-align:center;
  font:800 10px/1.25 Inter,sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
}
#card[data-contact-layout=compact] .qr{
  order:90!important;
  width:100%!important;
  margin:18px 0 0!important;
  padding-top:18px!important;
  justify-content:center!important;
  text-align:left!important;
}
#card[data-contact-layout=compact] .qr img{width:82px!important}
#card[data-contact-layout=compact] footer{order:100!important;text-align:center!important}

@media(max-width:430px){
  #card[data-contact-layout=compact]{min-height:100svh!important}
  #card[data-contact-layout=compact] .content{width:calc(100% - 20px)!important;margin-inline:10px!important;padding:24px 18px!important}
  #card[data-contact-layout=compact] .meta{font-size:25px!important}
  #card[data-contact-layout=compact] .data-actions{justify-content:flex-start!important}
}

/* v28 — company logo remains visible in compact layouts. */
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-company-logo:not(.tpl-empty){display:block!important}
#card[data-contact-layout=compact] .company-logo:not([style*="display: none"]){display:flex!important}
#card[data-contact-layout=compact] .company-logo{z-index:12!important}

/* v28 — collapsible custom sections. */
.tpl-custom-section.collapsible-section,
.custom-public-section.collapsible-section{display:block!important}
.tpl-custom-section.collapsible-section>summary,
.custom-public-section.collapsible-section>summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;
  font-family:var(--section-font,Inter,sans-serif);font-size:var(--section-title,16px);font-weight:800;
  text-align:var(--section-align,left);user-select:none
}
.tpl-custom-section.collapsible-section>summary::-webkit-details-marker,
.custom-public-section.collapsible-section>summary::-webkit-details-marker{display:none}
.tpl-custom-section.collapsible-section>summary::after,
.custom-public-section.collapsible-section>summary::after{content:'+';margin-left:auto;font:700 1.15em/1 Inter,sans-serif;opacity:.7}
.tpl-custom-section.collapsible-section[open]>summary::after,
.custom-public-section.collapsible-section[open]>summary::after{content:'−'}
.tpl-custom-section.collapsible-section>p,
.custom-public-section.collapsible-section>p{margin-top:8px!important}

/* In compact mode the summary follows the same divider treatment as section titles. */
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-custom-section>summary,
#card[data-contact-layout=compact] .custom-public-section>summary{
  display:flex!important;align-items:center;gap:8px;margin:0!important;padding:0 0 6px!important;
  font:800 7px/1.2 Inter,sans-serif!important;letter-spacing:.08em!important;text-transform:uppercase!important
}
#card[data-contact-layout=compact] .custom-public-section>summary{font-size:10px!important;gap:12px!important;padding-bottom:9px!important}

/* v29 — compact contact rows, save-contact CTA and clearly separated custom sections. */
.tpl-save-contact,.save-contact-button{
  display:flex;align-items:center;justify-content:center;width:100%;min-height:38px;margin:9px 0 10px;padding:9px 14px;
  border:1px solid currentColor;border-radius:11px;background:color-mix(in srgb,currentColor 10%,transparent);color:inherit;
  font:800 9px/1 Inter,sans-serif;letter-spacing:.035em;text-transform:none;cursor:pointer;text-decoration:none;
}
.tpl-save-contact:hover,.save-contact-button:hover{background:color-mix(in srgb,currentColor 16%,transparent)}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-save-contact{order:30!important;margin:9px 0 4px!important;min-height:32px!important;padding:7px 10px!important;font-size:7px!important}
#card[data-contact-layout=compact] .save-contact-button{order:30!important;margin:12px 0 2px!important;min-height:44px!important;font-size:11px!important}

.premium-contact-row-break{display:none!important;flex:0 0 100%!important;width:100%!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;pointer-events:none!important}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-actions,
#card[data-contact-layout=compact] .data-actions{flex-wrap:wrap!important;overflow:visible!important}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-actions>.premium-contact-row-break:not([hidden]),
#card[data-contact-layout=compact] .data-actions>.premium-contact-row-break:not([hidden]){display:block!important}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-actions.premium-contact-two-rows{row-gap:7px!important}
#card[data-contact-layout=compact] .data-actions.premium-contact-two-rows{row-gap:9px!important}

/* Each custom section remains a visibly independent card, including compact mode. */
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-custom-sections{
  order:80!important;display:grid!important;width:100%!important;gap:8px!important;margin:8px 0 10px!important;
}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-custom-section{
  width:100%!important;margin:0!important;padding:9px 10px!important;border:1px solid color-mix(in srgb,currentColor 28%,transparent)!important;
  border-radius:9px!important;background:rgba(255,255,255,.13)!important;
}
#card[data-contact-layout=compact] .custom-public-sections{
  order:80!important;display:grid!important;width:100%!important;gap:12px!important;margin:10px 0 14px!important;
}
#card[data-contact-layout=compact] .custom-public-section{
  width:100%!important;margin:0!important;padding:14px 15px!important;border:1px solid color-mix(in srgb,currentColor 28%,transparent)!important;
  border-radius:13px!important;background:rgba(255,255,255,.12)!important;
}
/* Keep separation even when global block reordering is active. */
.premium-reordered .tpl-custom-section,.premium-reordered .custom-public-section{margin-bottom:8px!important}
.tpl-save-contact-wrap,.save-contact-wrap{width:100%}
.tpl-save-contact-wrap .tpl-save-contact,.save-contact-wrap .save-contact-button{margin-left:0!important;margin-right:0!important}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-save-contact-wrap{order:30!important;width:100%!important}
#card[data-contact-layout=compact] .save-contact-wrap{order:30!important;width:100%!important}

/* v30 — icon-only alignment controls everywhere a left/center/right selector exists. */
.alignment-icon-select-source{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.alignment-icon-buttons{display:flex;align-items:center;gap:5px;margin-top:6px}
.alignment-icon-button{width:34px;height:30px;display:grid;place-items:center;padding:0!important;border:1px solid #dbe3d7!important;border-radius:7px!important;background:#fff!important;color:#526957!important;cursor:pointer}
.alignment-icon-button svg{width:18px;height:16px;display:block}
.alignment-icon-button.active{background:#315d4e!important;color:#fff!important;border-color:#315d4e!important}
.custom-section-fields .alignment-icon-buttons{margin-top:0}

/* v30 — custom sections are a visually separate content panel in both layouts. */
.studio-card-mount .tpl-custom-sections{
  display:grid!important;gap:8px!important;width:100%!important;margin:16px 0 10px!important;padding:10px!important;
  border:1px solid color-mix(in srgb,currentColor 26%,transparent)!important;border-radius:12px!important;
  background:rgba(255,255,255,.16)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;
}
#card .custom-public-sections{
  display:grid!important;gap:12px!important;width:100%!important;margin:20px 0 14px!important;padding:14px!important;
  border:1px solid color-mix(in srgb,currentColor 24%,transparent)!important;border-radius:16px!important;
  background:rgba(255,255,255,.12)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;
}
.studio-card-mount .tpl-custom-section,#card .custom-public-section{margin:0!important}

/* v30 — the phone frame stays fixed; overflowing preview content scrolls inside it. */
.studio-card-mount>.template-card,
.studio-card-mount>.template-card[data-contact-layout=compact]{
  overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin!important;
  scrollbar-color:rgba(49,93,78,.65) rgba(255,255,255,.18)!important;
}
.studio-card-mount>.template-card::-webkit-scrollbar{width:6px}
.studio-card-mount>.template-card::-webkit-scrollbar-track{background:rgba(255,255,255,.14);border-radius:8px}
.studio-card-mount>.template-card::-webkit-scrollbar-thumb{background:rgba(49,93,78,.65);border-radius:8px}

/* v30 — close the professional-information panel before custom sections. */
.tpl-additional-panel,
.additional-content-panel{
  position:relative;box-sizing:border-box;width:100%;flex:0 0 auto;align-self:stretch;
  border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:14px;
  background:rgba(var(--panel-rgb,255,255,255),var(--panel-opacity,.82));
  backdrop-filter:blur(var(--panel-blur,8px));-webkit-backdrop-filter:blur(var(--panel-blur,8px));
}
.studio-card-mount .tpl-additional-panel{padding:10px;margin:0!important;color:inherit}
#card .additional-content-panel{padding:16px;margin:0 0 20px;color:inherit;grid-column:1/-1}
.studio-card-mount .tpl-additional-panel .tpl-custom-sections,
#card .additional-content-panel .custom-public-sections{
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.studio-card-mount .tpl-additional-panel .tpl-qr{
  position:relative!important;inset:auto!important;right:auto!important;bottom:auto!important;transform:none!important;
  display:grid!important;margin:10px auto 0!important;width:48px!important;height:48px!important;place-items:center!important;
}
#card .additional-content-panel .qr{margin-top:14px!important}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-additional-panel,
#card[data-contact-layout=compact] .additional-content-panel{margin-top:12px!important}


/* v30 — both visual effects live in the Effect accordion, never in the preview column. */
.personalize-style-card .effect-controls{
  margin:0 0 10px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
}
.personalize-style-card .effect-controls>label,.personalize-style-card .content-effects-control>label{display:block!important}
.personalize-style-card .effect-controls select,.personalize-style-card .content-effects-control select{min-height:42px!important}
.personalize-style-card .effect-controls .appearance-hint,.personalize-style-card .content-effects-control .appearance-hint{margin:6px 0 0!important}
.studio-preview>.effect-controls,.studio-preview>.preview-effect-controls{display:none!important}
.evenshots-business-field[hidden]{display:none!important}

/* v31 — global width and horizontal position for every internal data block. */
.block-layout-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;margin-top:16px;padding-top:15px;border-top:1px solid #e1e6dd}
.block-width-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;align-items:center;min-width:0}
.block-width-control>span,.block-align-control>span{font:600 8px Inter,sans-serif;letter-spacing:.08em;color:#6e7c69}
.block-width-control output{font:700 10px Inter,sans-serif;color:#315d4e;text-align:right}
.block-width-control input{grid-column:1/-1;width:100%;accent-color:#315d4e}
.block-align-control{min-width:118px}.block-align-control .alignment-icon-buttons{margin-top:7px}
@media(max-width:620px){.block-layout-controls{grid-template-columns:1fr}.block-align-control{min-width:0}}

.studio-card-mount .template-card[data-block-align] .tpl-content,
.studio-card-mount .template-card[data-block-align] .tpl-additional-panel,
.studio-card-mount .template-card[data-block-align] .tpl-calendar-panel,
#card[data-block-align] .content,
#card[data-block-align] .additional-content-panel,
#card[data-block-align] .calendar-public-panel,
.studio-card-mount .template-card[data-block-align] .tpl-qr-panel,
#card[data-block-align] .qr-public-panel{
  box-sizing:border-box!important;
  width:var(--data-block-width-px,var(--data-block-width,90%))!important;
  max-width:var(--data-block-width-px,var(--data-block-width,90%))!important;
  flex-basis:auto!important;
}
.studio-card-mount .template-card[data-block-align="left"] .tpl-content,
.studio-card-mount .template-card[data-block-align="left"] .tpl-additional-panel,
.studio-card-mount .template-card[data-block-align="left"] .tpl-calendar-panel,
#card[data-block-align="left"] .content,
#card[data-block-align="left"] .additional-content-panel,
#card[data-block-align="left"] .calendar-public-panel,
.studio-card-mount .template-card[data-block-align="left"] .tpl-qr-panel,
#card[data-block-align="left"] .qr-public-panel{margin-left:0!important;margin-right:auto!important}
.studio-card-mount .template-card[data-block-align="center"] .tpl-content,
.studio-card-mount .template-card[data-block-align="center"] .tpl-additional-panel,
.studio-card-mount .template-card[data-block-align="center"] .tpl-calendar-panel,
#card[data-block-align="center"] .content,
#card[data-block-align="center"] .additional-content-panel,
#card[data-block-align="center"] .calendar-public-panel,
.studio-card-mount .template-card[data-block-align="center"] .tpl-qr-panel,
#card[data-block-align="center"] .qr-public-panel{margin-left:auto!important;margin-right:auto!important}
.studio-card-mount .template-card[data-block-align="right"] .tpl-content,
.studio-card-mount .template-card[data-block-align="right"] .tpl-additional-panel,
.studio-card-mount .template-card[data-block-align="right"] .tpl-calendar-panel,
#card[data-block-align="right"] .content,
#card[data-block-align="right"] .additional-content-panel,
#card[data-block-align="right"] .calendar-public-panel,
.studio-card-mount .template-card[data-block-align="right"] .tpl-qr-panel,
#card[data-block-align="right"] .qr-public-panel{margin-left:auto!important;margin-right:0!important}


/* v31.1 — Acomodo changes contact presentation only; profile placement stays user-controlled. */
.studio-card-mount .template-card[data-contact-layout=compact].artwork-card:not([data-photo-shape=full]) .tpl-photo,
#card[data-contact-layout=compact].artwork-card:not([data-photo-shape=full]) .photo{
  width:var(--photo-size,42%)!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1/1!important;
  flex:0 0 auto!important;
}
.studio-card-mount .template-card[data-contact-layout=compact].artwork-card[data-photo-shape=circle] .tpl-photo,
#card[data-contact-layout=compact].artwork-card[data-photo-shape=circle] .photo{border-radius:50%!important}
.studio-card-mount .template-card[data-contact-layout=compact].artwork-card[data-photo-shape=rectangle] .tpl-photo{border-radius:14px!important}
#card[data-contact-layout=compact].artwork-card[data-photo-shape=rectangle] .photo{border-radius:18px!important}
.studio-card-mount .template-card[data-contact-layout=compact].artwork-card:not([data-photo-shape=full])[data-photo-align=left] .tpl-photo,
#card[data-contact-layout=compact].artwork-card:not([data-photo-shape=full])[data-photo-align=left] .photo{margin-left:0!important;margin-right:auto!important;align-self:flex-start!important}
.studio-card-mount .template-card[data-contact-layout=compact].artwork-card:not([data-photo-shape=full])[data-photo-align=center] .tpl-photo,
#card[data-contact-layout=compact].artwork-card:not([data-photo-shape=full])[data-photo-align=center] .photo{margin-left:auto!important;margin-right:auto!important;align-self:center!important}
.studio-card-mount .template-card[data-contact-layout=compact].artwork-card:not([data-photo-shape=full])[data-photo-align=right] .tpl-photo,
#card[data-contact-layout=compact].artwork-card:not([data-photo-shape=full])[data-photo-align=right] .photo{margin-left:auto!important;margin-right:0!important;align-self:flex-end!important}
.studio-card-mount .template-card[data-contact-layout=compact].artwork-card[data-photo-shape=full] .tpl-photo{
  width:calc(100% + 32px)!important;height:210px!important;min-height:210px!important;flex:0 0 210px!important;border-radius:0!important;margin:-24px -16px 0!important;align-self:stretch!important;border:0!important
}
#card[data-contact-layout=compact].artwork-card[data-photo-shape=full] .photo{
  width:calc(100% + 40px)!important;height:280px!important;min-height:280px!important;flex:0 0 280px!important;border-radius:0!important;margin:-32px -20px 0!important;align-self:stretch!important;border:0!important
}
@media(max-width:430px){#card[data-contact-layout=compact].artwork-card[data-photo-shape=full] .photo{width:calc(100% + 28px)!important;margin:-22px -14px 0!important}}


/* v31.2 — data-block vertical position and sequential section flow. */
.data-block-y-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #e1e6dd}.data-block-y-control>span{font:600 8px Inter,sans-serif;letter-spacing:.08em;color:#6e7c69}.data-block-y-control output{font:700 10px Inter,sans-serif;color:#315d4e;text-align:right}.data-block-y-control input{grid-column:1/-1;width:100%;accent-color:#315d4e}
.studio-card-mount .artwork-card.has-appearance .tpl-content,#card.artwork-card.has-appearance .content{margin-top:var(--data-block-y,0px)!important}
.studio-card-mount .artwork-card.has-appearance>.tpl-additional-panel,.studio-card-mount .artwork-card.has-appearance>.tpl-calendar-panel,.studio-card-mount .artwork-card.has-appearance>.tpl-qr-panel,#card.artwork-card.has-appearance>.additional-content-panel,#card.artwork-card.has-appearance>.calendar-public-panel,#card.artwork-card.has-appearance>.qr-public-panel{position:relative;inset:auto;transform:none;float:none;clear:both;flex:0 0 auto}

/* QR is its own block. In the editor it can be detached and dragged anywhere. */
.tpl-qr-panel,.qr-public-panel{box-sizing:border-box;position:relative;z-index:6;display:flex;align-items:center;justify-content:center;padding:8px 10px;margin:0 0 12px;background:transparent;border:0;min-height:58px}
.studio-card-mount .tpl-qr-panel .tpl-qr{position:relative!important;inset:auto!important;right:auto!important;bottom:auto!important;transform:none!important;display:grid!important;margin:0!important;width:48px!important;height:48px!important;place-items:center!important}
#card .qr-public-panel .qr{margin:0!important;padding:0!important;border-top:0!important;width:auto!important;max-width:100%;justify-content:center}
.artwork-card.qr-floating>.tpl-qr-panel,#card.artwork-card.qr-floating>.qr-public-panel{position:absolute!important;left:var(--qr-x,50%)!important;top:var(--qr-y,82%)!important;right:auto!important;bottom:auto!important;width:auto!important;max-width:min(92%,330px)!important;min-height:0!important;margin:0!important;padding:7px!important;transform:translate(-50%,-50%)!important;z-index:40!important;background:rgba(var(--panel-rgb,255,255,255),var(--panel-opacity,.84));border:1px solid color-mix(in srgb,currentColor 24%,transparent);border-radius:12px;backdrop-filter:blur(5px)}
.premium-qr-draggable .tpl-qr{cursor:grab;touch-action:none;user-select:none}.premium-qr-draggable .tpl-qr:hover{outline:1px dashed currentColor;outline-offset:2px}.premium-qr-dragging .tpl-qr{cursor:grabbing!important;outline:2px solid currentColor!important;outline-offset:2px}

.artwork-card.panel-fully-transparent.qr-floating>.tpl-qr-panel,#card.artwork-card.panel-fully-transparent.qr-floating>.qr-public-panel{background:transparent!important;border-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Keep design catalog thumbnails unchanged; the independent QR is editor/published-card content. */
#templateGrid .tpl-qr-panel{display:none!important}

/* v31.24 — QR block: compact height and larger QR without changing its function. */
.tpl-qr-panel,
.qr-public-panel{
  min-height:0!important;
  padding:4px 6px!important;
  margin-bottom:8px!important;
}
.studio-card-mount .tpl-qr-panel .tpl-qr{
  width:68px!important;
  height:68px!important;
  min-width:68px!important;
  min-height:68px!important;
  margin:0!important;
}
#card .qr-public-panel .qr{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  border-top:0!important;
  width:100%!important;
  max-width:340px!important;
  min-height:0!important;
}
#card .qr-public-panel .qr img{
  width:clamp(138px,46%,178px)!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  flex:0 0 auto!important;
  padding:6px!important;
  border-radius:14px!important;
}
#card .qr-public-panel .qr>div{
  min-width:0!important;
  max-width:130px!important;
  text-align:left!important;
}
#card .qr-public-panel .qr b{font-size:11px!important;line-height:1.2!important}
#card .qr-public-panel .qr small{font-size:9px!important;line-height:1.3!important;margin-top:3px!important}
.artwork-card.qr-floating>.tpl-qr-panel,
#card.artwork-card.qr-floating>.qr-public-panel{
  min-height:0!important;
  padding:4px!important;
  border-radius:10px!important;
}
@media(max-width:360px){
  #card .qr-public-panel .qr{gap:7px!important}
  #card .qr-public-panel .qr img{width:clamp(128px,48%,160px)!important}
  #card .qr-public-panel .qr>div{max-width:105px!important}
}

/* v31.94: logo positioned in top/bottom center without becoming the profile photo. */
.studio-card-mount .template-card.artwork-card[data-logo-placement$="center"] .tpl-company-logo{left:50%!important;right:auto!important;transform:translateX(-50%)!important;}
#card#card.artwork-card[data-logo-placement$="center"] .company-logo{left:50%!important;right:auto!important;transform:translateX(-50%)!important;}

/* premium.css */
/* v18 — calm spacing, precise image coverage and direct manipulation. */
.control-card{border-radius:20px!important;border-color:#e0e5df!important;box-shadow:0 8px 26px #233a2d05;padding:26px!important}.control-kicker{letter-spacing:.16em!important;font-size:9px!important}.card-layout-title,.custom-sections-title{font-size:26px!important;line-height:1.15}.editor-field-row{padding:14px 0 18px;gap:20px}.editor-field-main input,.editor-field-main textarea,.custom-section-fields input,.custom-section-fields select,.custom-section-fields textarea{border-radius:10px!important;border-color:#dce3dc!important;background:#fcfdfb!important}.editor-field-main label>span{font-weight:600;letter-spacing:.06em}.editor-field-aux{padding-top:25px}.custom-section-editor{padding:20px!important;border-radius:16px!important;background:#fff!important;box-shadow:0 4px 20px #18372905}.custom-section-fields{gap:16px!important}.custom-section-fields span{font-size:9px!important}.custom-section-toolbar{padding-bottom:12px;border-bottom:1px solid #edf0eb;margin-bottom:18px}.custom-sections-hint{font-size:12px!important;line-height:1.65;color:#718075}.custom-sections-head>button{padding:12px 16px;border-radius:10px}.remainder-selector{grid-column:1/-1}.remainder-selector select{width:100%}.remainder-selector small{display:block;margin-top:8px;font-size:11px;color:#66776b}
.premium-remainder{position:absolute;inset:0;z-index:-3;background-size:cover;background-position:center;pointer-events:none;border-radius:inherit}
/* A full-card background layer holds the image and clips it to the exact percentage.
   This avoids percentage height resolving against a flex child's inner height. */
.artwork-card.has-appearance[data-background-usage=partial]>.artwork-background{inset:0!important;width:100%!important;height:100%!important;max-height:none!important;border-radius:inherit!important;transform:none!important;animation:none!important;background-size:cover!important;z-index:0!important}
.artwork-card.has-appearance[data-background-usage=partial][data-background-partial-position=top]>.artwork-background{clip-path:inset(0 0 calc(100% - var(--background-partial-size)) 0);background-size:100% auto!important;background-position:center top!important}
.artwork-card.has-appearance[data-background-usage=partial][data-background-partial-position=bottom]>.artwork-background{clip-path:inset(calc(100% - var(--background-partial-size)) 0 0 0);background-size:100% auto!important;background-position:center bottom!important}
.artwork-card.has-appearance[data-background-usage=partial][data-background-partial-position=left]>.artwork-background{clip-path:inset(0 calc(100% - var(--background-partial-size)) 0 0)}
.artwork-card.has-appearance[data-background-usage=partial][data-background-partial-position=right]>.artwork-background{clip-path:inset(0 0 0 calc(100% - var(--background-partial-size)))}
.artwork-card.has-appearance[data-background-usage=partial]>.premium-remainder{z-index:-1}
.premium-hidden{display:none!important}
.premium-editable{position:relative;outline-offset:4px}.premium-editable:hover,.premium-editable:focus-within{outline:1px dashed #8cac9b;border-radius:8px}.premium-block-tools{position:absolute;top:-13px;right:0;z-index:40;display:flex;gap:3px;opacity:0;transition:opacity .15s;background:#fff;border:1px solid #dce3dc;border-radius:8px;padding:3px;box-shadow:0 4px 12px #0002}.premium-editable:hover>.premium-block-tools,.premium-editable:focus-within>.premium-block-tools{opacity:1}.premium-block-tools button{border:0;background:#fff;color:#254537;width:27px;height:27px;display:grid;place-items:center;border-radius:5px;cursor:pointer;font:18px sans-serif}.premium-block-tools button:hover{background:#edf3ed}.premium-block-tools .premium-drag{cursor:grab;touch-action:none}.premium-dragging{outline:2px solid #789b8c!important}.premium-drop{box-shadow:0 -3px #ccac69!important}.premium-restore{margin:8px 0 18px;padding:9px 14px;border:1px solid #cdd8ce;border-radius:9px;background:#fff;color:#315d4e;font-size:11px}.premium-restore[hidden]{display:none}
.premium-reordered .tpl-content,.premium-reordered .content{display:flex!important;flex-direction:column!important;gap:10px}.premium-reordered .tpl-actions,.premium-reordered .data-actions,.premium-reordered .tpl-custom-sections,.premium-reordered .custom-public-sections{display:contents!important}.premium-reordered .premium-moved{position:relative!important;inset:auto!important;margin-top:0!important;margin-bottom:0!important;transform:none!important}.premium-reordered .tpl-photo.premium-moved,.premium-reordered #photo.premium-moved{align-self:center!important;flex-shrink:0}.premium-reordered .tpl-action.premium-moved,.premium-reordered .data-actions>a.premium-moved{width:100%!important}
.premium-section{--section-scale:1;text-align:var(--section-align)!important;font-family:var(--section-font)!important}.studio-card-mount .premium-section{--section-scale:.72}.premium-section>b,.premium-section>h2{font-family:var(--section-font)!important;font-size:calc(var(--section-title)*var(--section-scale))!important;text-align:var(--section-align)!important;display:block!important;text-transform:none!important;letter-spacing:normal!important;line-height:1.35!important}.premium-section>p{font-family:var(--section-font)!important;font-size:calc(var(--section-body)*var(--section-scale))!important;text-align:var(--section-align)!important;line-height:1.55!important}.premium-section>b::after,.premium-section>h2::after{display:none!important}
@media(hover:none){.premium-block-tools{opacity:1;top:0;right:-7px;transform:scale(.85);transform-origin:right top}}
@media(max-width:600px){.control-card{padding:18px!important;border-radius:16px!important}.editor-field-row{gap:10px}.custom-section-fields{grid-template-columns:1fr 1fr!important}.custom-section-fields .wide{grid-column:1/-1!important}.custom-section-editor{padding:14px!important}}

#card.artwork-card.has-appearance [data-block].premium-hidden,.studio-card-mount .artwork-card.has-appearance [data-block].premium-hidden{display:none!important}
#card.artwork-card.has-appearance .premium-section>p,.studio-card-mount .template-card.has-appearance[data-contact-layout] .premium-section>p{font-family:var(--section-font)!important;font-size:calc(var(--section-body)*var(--section-scale))!important;text-align:var(--section-align)!important}
#card.artwork-card.has-appearance .premium-section>h2,.studio-card-mount .template-card.has-appearance[data-contact-layout] .premium-section>b{font-family:var(--section-font)!important;font-size:calc(var(--section-title)*var(--section-scale))!important;text-align:var(--section-align)!important;display:block!important}

/* v29 — contact groups must stay flex containers so user-selected rows remain intact. */
.premium-reordered .tpl-actions,.premium-reordered .data-actions{display:flex!important}
.premium-reordered .tpl-custom-sections,.premium-reordered .custom-public-sections{display:grid!important}
.premium-contact-row-one-target{outline:1px dashed rgba(49,93,78,.5)!important;outline-offset:3px}
.premium-contact-row-two-target{box-shadow:inset 0 -2px 0 rgba(49,93,78,.45)!important}

/* calendar.css */
/* 08 · Calendario — editor + card viewer */
.calendar-editor-head h3{margin:0 0 6px;font:500 21px 'Cormorant Garamond',Georgia,serif;color:#294d3b}.calendar-editor-head p{margin:0;color:#788477;font:400 10px/1.55 Inter,sans-serif}.calendar-year-control{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 12px}.calendar-year-control>span{font:700 8px Inter,sans-serif;letter-spacing:.08em;color:#738174}.calendar-year-control>div{display:flex;align-items:center;gap:6px}.calendar-year-control button{width:34px;height:34px;border:1px solid #d8e0d4;border-radius:8px;background:#fff;color:#315d4e;cursor:pointer}.calendar-year-control input{width:82px;height:34px;box-sizing:border-box;border:1px solid #d8e0d4;border-radius:8px;background:#fff;color:#294d3b;text-align:center;font:700 12px Inter,sans-serif}
.annual-calendar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.annual-calendar-month{min-width:0;border:1px solid #e1e6dd;border-radius:10px;background:rgba(255,255,255,.72);padding:8px}.annual-calendar-month-name{display:block;margin-bottom:6px;text-align:center;font:700 9px Inter,sans-serif;color:inherit}.annual-calendar-weekdays,.annual-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.annual-calendar-weekdays span{display:grid;place-items:center;min-height:14px;font:700 6px Inter,sans-serif;opacity:.55}.annual-calendar-day,.annual-calendar-blank{aspect-ratio:1;min-width:0}.annual-calendar-day{position:relative;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:inherit;padding:0;font:600 7px/1 Inter,sans-serif;cursor:pointer}.annual-calendar-day:disabled{cursor:default;opacity:.45}.annual-calendar-day.has-calendar-items{box-shadow:inset 0 0 0 1px currentColor;font-weight:800;opacity:1}.annual-calendar-day.has-calendar-items::after{content:'';position:absolute;bottom:1px;width:2px;height:2px;border-radius:50%;background:currentColor}.annual-calendar-day.selected{background:#315d4e!important;color:#fff!important;box-shadow:none}.annual-calendar-day:focus-visible{outline:2px solid #8cad9a;outline-offset:1px}
.calendar-day-editor{margin-top:12px;border-top:1px solid #e2e8df;padding-top:12px}.calendar-selected-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.calendar-selected-head span{font:700 8px Inter,sans-serif;letter-spacing:.08em;color:#738174}.calendar-selected-head strong{text-align:right;font:600 10px/1.35 Inter,sans-serif;color:#294d3b}.calendar-entry-fields{display:grid;grid-template-columns:minmax(110px,.65fr) minmax(0,1.35fr);gap:9px}.calendar-entry-fields label span{display:block;margin-bottom:5px;font-size:8px}.calendar-entry-fields .wide{grid-column:1/-1}.calendar-entry-fields input,.calendar-entry-fields select,.calendar-entry-fields textarea{width:100%;box-sizing:border-box}.calendar-add-entry{grid-column:1/-1;justify-self:end;border:1px solid #315d4e;border-radius:8px;background:#315d4e;color:#fff;padding:9px 12px;font:700 9px Inter,sans-serif;cursor:pointer}.calendar-day-items{display:grid;gap:7px;margin-top:10px}.calendar-day-empty{margin:0;color:#7b877b;font:500 9px/1.5 Inter,sans-serif}.calendar-day-item{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;border:1px solid #e1e6dd;border-radius:9px;background:#fafbf8;padding:9px}.calendar-day-item small{display:block;color:#748276;font:700 7px Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em}.calendar-day-item b{display:block;margin-top:3px;color:#294d3b;font:700 10px/1.35 Inter,sans-serif}.calendar-day-item p{margin:3px 0 0;color:#657166;font:500 9px/1.45 Inter,sans-serif;white-space:pre-line}.calendar-day-item button{width:28px;height:28px;flex:0 0 auto;border:1px solid #ead7d3;border-radius:7px;background:#fff;color:#9b5a52;cursor:pointer}
.calendar-viewer{color:inherit}.calendar-viewer-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.calendar-viewer-head strong{font:700 11px/1.2 Inter,sans-serif}.calendar-viewer-head small{max-width:55%;text-align:right;font:500 7px/1.35 Inter,sans-serif;opacity:.68}.calendar-viewer-grid.annual-calendar{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.calendar-viewer-grid .annual-calendar-month{padding:6px;border-color:currentColor;background:rgba(255,255,255,.08);opacity:.88}.calendar-viewer-grid .annual-calendar-month-name{font-size:7px}.calendar-viewer-grid .annual-calendar-weekdays span{font-size:5px}.calendar-viewer-grid .annual-calendar-day{font-size:5.5px}.calendar-viewer-details{display:grid;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid currentColor}.calendar-viewer-date{font:700 8px/1.35 Inter,sans-serif;text-transform:capitalize}.calendar-viewer-item{padding:7px 8px;border:1px solid currentColor;border-radius:8px;background:rgba(255,255,255,.10)}.calendar-viewer-item small{display:block;font:700 5.5px Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;opacity:.65}.calendar-viewer-item b{display:block;margin-top:2px;font:700 7px/1.3 Inter,sans-serif}.calendar-viewer-item p{margin:3px 0 0;font:500 6.5px/1.45 Inter,sans-serif;white-space:pre-line}.tpl-calendar-panel,.calendar-public-panel{border:1px solid currentColor;border-radius:12px;background:rgba(var(--panel-rgb,255,255,255),var(--panel-opacity,.78));backdrop-filter:blur(var(--panel-blur,4px));position:relative;z-index:2}.tpl-calendar-panel{margin:10px 12px 14px;padding:11px}.calendar-public-panel{margin:0 0 20px;padding:16px;color:inherit;grid-column:1/-1}.calendar-public-panel .calendar-viewer-head strong{font-size:16px}.calendar-public-panel .calendar-viewer-head small{font-size:10px}.calendar-public-panel .calendar-viewer-grid.annual-calendar{gap:8px}.calendar-public-panel .annual-calendar-month{padding:8px}.calendar-public-panel .annual-calendar-month-name{font-size:10px}.calendar-public-panel .annual-calendar-weekdays span{font-size:7px;min-height:16px}.calendar-public-panel .annual-calendar-day{font-size:8px}.calendar-public-panel .calendar-viewer-date{font-size:11px}.calendar-public-panel .calendar-viewer-item small{font-size:8px}.calendar-public-panel .calendar-viewer-item b{font-size:11px}.calendar-public-panel .calendar-viewer-item p{font-size:10px}
@media(max-width:720px){.annual-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-entry-fields{grid-template-columns:1fr}.calendar-entry-fields label,.calendar-entry-fields .wide,.calendar-add-entry{grid-column:1}.calendar-viewer-grid.annual-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.calendar-editor-card .annual-calendar{grid-template-columns:1fr 1fr}.calendar-viewer-head{display:block}.calendar-viewer-head small{display:block;max-width:none;text-align:left;margin-top:3px}.calendar-public-panel{padding:12px}}

/* Keep the annual calendar out of design thumbnails; the live phone preview receives it from the active template clone. */
#templateGrid .tpl-calendar-panel{display:none!important}

/* v31 — calendar displays one month at a time with backward/forward navigation. */
.calendar-month-nav{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;margin:12px 0 10px}
.calendar-month-nav button,.calendar-month-arrow{width:40px;height:36px;border:1px solid #d7e0d3;border-radius:9px;background:#fff;color:#315d4e;cursor:pointer;font:700 16px Inter,sans-serif}
.calendar-month-nav strong{min-width:0;text-align:center;color:#294d3b;font:700 13px/1.3 Inter,sans-serif;text-transform:capitalize}
.calendar-editor-grid.annual-calendar,.calendar-viewer-grid.annual-calendar{grid-template-columns:1fr!important;gap:0!important}
.single-month-calendar .annual-calendar-month{width:100%;max-width:none}
.single-month-calendar .annual-calendar-month-name{display:none}
.calendar-month-viewer-head{display:block!important;margin-bottom:10px!important}
.calendar-viewer-month-nav{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:7px;width:100%;min-width:0}
.calendar-viewer-month-nav strong{min-width:0;text-align:center!important;max-width:none!important;font:700 11px/1.25 Inter,sans-serif!important;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-viewer-month-nav .calendar-month-arrow{width:34px;height:31px;border-color:currentColor;background:rgba(255,255,255,.12);color:inherit;font-size:13px}
.calendar-month-viewer-head>small{display:block;max-width:100%!important;margin:7px auto 0!important;padding:0 5px;text-align:center!important;font:500 7px/1.4 Inter,sans-serif!important;box-sizing:border-box}
.calendar-public-panel .calendar-viewer-month-nav{grid-template-columns:40px minmax(0,1fr) 40px;gap:9px}
.calendar-public-panel .calendar-viewer-month-nav strong{font-size:15px!important}.calendar-public-panel .calendar-viewer-month-nav .calendar-month-arrow{width:40px;height:36px;font-size:16px}
.calendar-public-panel .calendar-month-viewer-head>small{font-size:10px!important;margin-top:9px!important}
@media(max-width:420px){.calendar-viewer-month-nav{grid-template-columns:36px minmax(0,1fr) 36px}.calendar-month-viewer-head>small{max-width:100%!important;text-align:center!important}}
.single-month-calendar .annual-calendar-weekdays span{min-height:22px;font-size:8px}
.single-month-calendar .annual-calendar-day{font-size:10px}
.calendar-viewer-grid.single-month-calendar .annual-calendar-weekdays span{font-size:7px;min-height:18px}
.calendar-viewer-grid.single-month-calendar .annual-calendar-day{font-size:8px}
.calendar-public-panel .calendar-viewer-grid.single-month-calendar .annual-calendar-weekdays span{font-size:10px;min-height:24px}
.calendar-public-panel .calendar-viewer-grid.single-month-calendar .annual-calendar-day{font-size:12px}


/* v31.1 — centered calendar, marked-day detail tooltips and collapsible viewer. */
.calendar-month-nav,.calendar-editor-grid,.calendar-viewer-grid{width:100%;margin-left:auto!important;margin-right:auto!important}
.calendar-editor-grid .single-calendar-month,.calendar-viewer-grid .single-calendar-month{margin-inline:auto!important}
.calendar-editor-grid .annual-calendar-weekdays,.calendar-editor-grid .annual-calendar-days,
.calendar-viewer-grid .annual-calendar-weekdays,.calendar-viewer-grid .annual-calendar-days{width:100%;margin-inline:auto}
.calendar-viewer-head,.calendar-month-viewer-head{text-align:center}
.annual-calendar-day .calendar-day-tooltip{
  position:absolute;z-index:50;left:50%;bottom:calc(100% + 7px);width:max-content;max-width:min(230px,72vw);
  transform:translate(-50%,4px);opacity:0;visibility:hidden;pointer-events:none;
  border:1px solid rgba(49,93,78,.22);border-radius:8px;background:#fff;color:#294d3b;
  padding:7px 8px;box-shadow:0 8px 22px rgba(28,48,36,.16);white-space:pre-line;text-align:left;
  font:600 9px/1.4 Inter,sans-serif;letter-spacing:0;text-transform:none;transition:opacity .14s ease,transform .14s ease,visibility .14s ease
}
.annual-calendar-day.has-calendar-items:hover .calendar-day-tooltip,
.annual-calendar-day.has-calendar-items:focus-visible .calendar-day-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}
.annual-calendar-day[data-column="0"] .calendar-day-tooltip{left:0;transform:translate(0,4px)}
.annual-calendar-day[data-column="0"]:hover .calendar-day-tooltip,.annual-calendar-day[data-column="0"]:focus-visible .calendar-day-tooltip{transform:translate(0,0)}
.annual-calendar-day[data-column="6"] .calendar-day-tooltip{left:auto;right:0;transform:translate(0,4px)}
.annual-calendar-day[data-column="6"]:hover .calendar-day-tooltip,.annual-calendar-day[data-column="6"]:focus-visible .calendar-day-tooltip{transform:translate(0,0)}
.calendar-viewer-tools{display:flex;justify-content:center;margin-top:8px}
.calendar-collapse-toggle{min-height:30px;border:1px solid currentColor;border-radius:8px;background:rgba(255,255,255,.12);color:inherit;padding:6px 10px;cursor:pointer;font:700 8px/1 Inter,sans-serif}
.calendar-public-panel .calendar-collapse-toggle{font-size:10px;min-height:34px;padding:7px 12px}
.calendar-viewer.is-collapsed .calendar-viewer-head{margin-bottom:0!important}
.calendar-viewer.is-collapsed .calendar-viewer-tools{margin-top:6px}
@media(hover:none){.annual-calendar-day .calendar-day-tooltip{display:none}}

/* v31.2 — Microsoft Calendar OAuth controls */
.calendar-sync-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 14px;padding:12px;border:1px solid #dce4d7;border-radius:12px;background:#f7f9f3}
.calendar-sync-panel>div:first-child{min-width:0;display:grid;gap:3px}.calendar-sync-title{font:700 11px/1.25 Inter,sans-serif;color:#315d4e}.calendar-sync-panel small{font:500 9px/1.35 Inter,sans-serif;color:#667a70;overflow-wrap:anywhere}
.calendar-sync-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.calendar-sync-actions button{min-height:34px;border:1px solid #bccbbd;border-radius:9px;background:#fff;color:#315d4e;padding:7px 10px;font:700 9px Inter,sans-serif;cursor:pointer}.calendar-sync-actions button:hover{background:#edf4eb}.calendar-sync-actions button:disabled{opacity:.55;cursor:wait}
.calendar-day-item.calendar-remote-item{border-style:dashed}.calendar-day-item.calendar-remote-item small{color:#315d4e}
@media(max-width:520px){.calendar-sync-panel{align-items:stretch;flex-direction:column}.calendar-sync-actions{justify-content:flex-start}.calendar-sync-actions button{flex:1 1 auto}}

/* v19.css */
/* v19 interaction and layout refinements */
.preview-effect-controls{margin:0 0 18px!important;padding:12px!important;border-radius:10px!important;background:rgba(255,255,255,.56)!important;border:1px solid #d7dfcf!important}.preview-effect-controls select{padding:10px!important;background:#fff!important}.preview-effect-controls .appearance-hint{margin-top:6px!important;font-size:9px!important}.effect-always-note{display:block;margin-top:7px;font:500 8px/1.4 Inter,sans-serif;color:#70806b}
/* The custom image is a real catalogue item and scrolls with all backgrounds. */
#templateGrid .custom-image-template{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(120px,190px) minmax(0,1fr);gap:14px;align-items:start;padding:12px!important;background:#f7f9f4!important}#templateGrid .custom-image-template>.template-card{display:block!important;aspect-ratio:2/3!important;min-height:0!important;background:linear-gradient(145deg,#e8ece4,#cfd9cf)!important}#templateGrid .custom-image-template .custom-background-controls{margin:0!important;padding:14px!important;background:#fff!important;border-radius:10px!important;min-width:0}#templateGrid .custom-image-template .template-check{display:none!important}@media(max-width:620px){#templateGrid .custom-image-template{grid-template-columns:1fr!important}#templateGrid .custom-image-template>.template-card{display:none!important}}
.remainder-selector{grid-column:1/-1}.remainder-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.remainder-choice button{min-height:42px;border:1px solid #d7dfd1;border-radius:8px;background:#fff;color:#35553f;font:600 10px Inter,sans-serif;cursor:pointer}.remainder-choice button.active{background:#315d4e;color:#fff;border-color:#315d4e}.remainder-selector small{display:block;margin-top:8px}.template.remainder-selected{outline:3px solid #c5a75f!important;outline-offset:2px}.custom-bg-partial[data-remainder-mode=catalog] .custom-bg-color{display:none!important}
/* Professional vector themes can be recolored without adding raster files. */
.template-card[class*="tpl-pro-"],#card[class*="tpl-pro-"],.landing-sheet[class*="tpl-pro-"]{background-image:none!important;background-color:var(--pro-bg,#E9EFEA)!important}.template-card[class*="tpl-pro-"]>.artwork-background,#card[class*="tpl-pro-"]>.artwork-background,.landing-sheet[class*="tpl-pro-"]>.artwork-background{background-image:none!important;background-color:transparent!important}.pro-artwork-mask{position:absolute;inset:0;z-index:-2;display:block!important;pointer-events:none;background:var(--pro-line,#315D4E);opacity:.95;mask-image:var(--pro-mask);-webkit-mask-image:var(--pro-mask);mask-size:cover;-webkit-mask-size:cover;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.tpl-pro-medical-demo,.tpl-pro-medical{--pro-mask:url('/static/backgrounds/professional/masks/medical.svg?v=19')}.tpl-pro-law-demo,.tpl-pro-law{--pro-mask:url('/static/backgrounds/professional/masks/law.svg?v=19')}.tpl-pro-architecture-demo,.tpl-pro-architecture{--pro-mask:url('/static/backgrounds/professional/masks/architecture.svg?v=19')}.tpl-pro-tech-demo,.tpl-pro-tech{--pro-mask:url('/static/backgrounds/professional/masks/tech.svg?v=19')}.tpl-pro-finance-demo,.tpl-pro-finance{--pro-mask:url('/static/backgrounds/professional/masks/finance.svg?v=19')}.tpl-pro-photo-demo,.tpl-pro-photo{--pro-mask:url('/static/backgrounds/professional/masks/photo.svg?v=19')}.tpl-pro-realestate-demo,.tpl-pro-realestate{--pro-mask:url('/static/backgrounds/professional/masks/realestate.svg?v=19')}.tpl-pro-construction-demo,.tpl-pro-construction{--pro-mask:url('/static/backgrounds/professional/masks/construction.svg?v=19')}.tpl-pro-beauty-demo,.tpl-pro-beauty{--pro-mask:url('/static/backgrounds/professional/masks/beauty.svg?v=19')}.tpl-pro-gastronomy-demo,.tpl-pro-gastronomy{--pro-mask:url('/static/backgrounds/professional/masks/gastronomy.svg?v=19')}.tpl-pro-engineering-demo,.tpl-pro-engineering{--pro-mask:url('/static/backgrounds/professional/masks/engineering.svg?v=19')}.tpl-pro-creative-demo,.tpl-pro-creative{--pro-mask:url('/static/backgrounds/professional/masks/creative.svg?v=19')}
.professional-color-toggle{width:100%;min-height:32px;margin:2px 0 5px;border:1px solid #d7dfd2;border-radius:7px;background:#fff;color:#36523f;font:600 9px Inter,sans-serif;cursor:pointer}.professional-color-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:7px;border:1px solid #e1e6dc;border-radius:7px;background:#fff}.professional-color-controls[hidden]{display:none!important}.professional-color-controls label{display:flex;align-items:center;justify-content:space-between;gap:4px;font:600 8px Inter,sans-serif;color:#667663}.professional-color-controls input[type=color]{width:30px;height:26px;padding:2px!important;border-radius:5px!important}
/* New continuous background animation. */
.has-appearance[data-effect=ambient]>.artwork-background{inset:-12%!important;animation:artwork-ambient 18s linear infinite!important;will-change:transform}.has-appearance[data-effect=ambient]>.pro-artwork-mask{inset:-10%;animation:artwork-ambient 20s linear infinite;mask-size:110% 110%;-webkit-mask-size:110% 110%}@keyframes artwork-ambient{0%{transform:translate3d(-2%,-1%,0) scale(1.06)}25%{transform:translate3d(2%,-2%,0) scale(1.1)}50%{transform:translate3d(3%,2%,0) scale(1.07)}75%{transform:translate3d(-2%,3%,0) scale(1.1)}100%{transform:translate3d(-2%,-1%,0) scale(1.06)}}
/* Personalize step behaves like a calm accordion instead of one long form. */
.configure-controls>.control-card{position:relative;margin:0 0 12px!important;padding:18px!important;border:1px solid #e0e5da!important;border-radius:14px!important;background:#fff!important}.editor-accordion-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:transparent;color:#294d3b;padding:0 0 14px;margin:0 0 16px;border-bottom:1px solid #edf0e9;cursor:pointer;text-align:left}.editor-accordion-toggle>span{display:flex;align-items:center;gap:10px}.editor-accordion-toggle small{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#edf2e9;font:600 8px Inter,sans-serif}.editor-accordion-toggle b{font:600 12px Inter,sans-serif}.editor-accordion-toggle i{font-style:normal;transition:transform .18s}.editor-accordion-collapsed{padding-bottom:10px!important}.editor-accordion-collapsed>.editor-accordion-toggle{margin:0;padding-bottom:8px;border-bottom:0}.editor-accordion-collapsed>.editor-accordion-toggle i{transform:rotate(-90deg)}.editor-accordion-collapsed> :not(.editor-accordion-toggle){display:none!important}.custom-section-collapsible.section-collapsed .custom-section-fields{display:none!important}.custom-section-collapsible.section-collapsed{padding-bottom:10px!important}.custom-section-toolbar{cursor:pointer}.custom-section-collapsible.section-collapsed .custom-section-toolbar{margin-bottom:0!important;border-bottom:0!important}
/* Block manipulation is always reachable and no longer appears as a hover popup over the content. */
.premium-editable{padding-right:0}.premium-block-tools{top:4px!important;right:-30px!important;display:grid!important;gap:4px!important;opacity:.72!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;pointer-events:auto!important}.premium-block-tools button{width:29px!important;height:29px!important;border:1px solid #cad6c8!important;background:#f8faf6!important;border-radius:50%!important;color:#35523f!important;box-shadow:0 2px 6px #0001}.premium-block-tools button:hover,.premium-block-tools button:focus-visible{opacity:1;background:#fff!important}.premium-editable:hover>.premium-block-tools,.premium-editable:focus-within>.premium-block-tools{opacity:1!important}.studio-preview{overflow:visible!important}.studio-card-mount{padding-right:28px;box-sizing:content-box}
/* Product choice and landing editor */
.product-mode-title{margin:0 0 14px;font:500 22px/1.2 'Cormorant Garamond',Georgia,serif;color:#294d3b}.product-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-mode{display:flex;gap:10px;align-items:flex-start;text-align:left;border:1px solid #dce3d7;border-radius:10px;background:#fff;padding:13px;color:#294d3b;cursor:pointer}.product-mode>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d7dfd3;border-radius:50%;font:600 8px Inter,sans-serif;flex:0 0 auto}.product-mode b{display:block;font:600 11px Inter,sans-serif}.product-mode small{display:block;margin-top:4px;color:#7a8775;font:400 9px/1.45 Inter,sans-serif}.product-mode.active{border-color:#55785e;background:#edf3eb}.product-mode.active>span{background:#294d3b;color:#fff}.evenshots-business-field.landing-included{padding:14px;border:1px solid #b9cfba;border-radius:10px;background:#f2f7ef}.landing-builder-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.landing-builder-head h3{margin:0 0 6px;font:500 21px 'Cormorant Garamond',Georgia,serif}.landing-builder-head p{margin:0;font:400 10px/1.55 Inter,sans-serif;color:#788477}.landing-builder-head>button{border:1px solid #cdd8c8;border-radius:8px;background:#fff;color:#294d3b;padding:10px 12px;font:600 9px Inter,sans-serif}.landing-pages-editor{display:grid;gap:10px;margin-top:14px}.landing-page-editor{border:1px solid #e0e6dc;border-radius:10px;background:#fbfcf8;padding:10px}.landing-page-summary{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;text-align:left;color:#294d3b;padding:4px;cursor:pointer}.landing-page-summary span{display:grid}.landing-page-summary small{font:600 7px Inter,sans-serif;letter-spacing:.1em;color:#83907f}.landing-page-summary b{font:600 11px Inter,sans-serif;margin-top:3px}.landing-page-summary i{font-style:normal}.landing-page-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.landing-page-fields[hidden]{display:none!important}.landing-page-fields .wide{grid-column:1/-1}.landing-page-fields label span{display:block;margin-bottom:5px;font-size:8px}.remove-landing-page{grid-column:1/-1;justify-self:end;border:0;background:transparent;color:#a15f55;font:600 9px Inter,sans-serif;cursor:pointer}
/* Added sections and EvenShots CTA sit immediately above the QR. */
.tpl-landing-evenshots,.landing-evenshots-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:12px 0 6px;padding:12px 14px;border:1px solid currentColor;border-radius:11px;color:inherit;text-decoration:none;background:rgba(255,255,255,.08);font-family:Inter,sans-serif}.tpl-landing-evenshots span,.landing-evenshots-button small{display:block;font-size:7px;letter-spacing:.1em;opacity:.72}.tpl-landing-evenshots b,.landing-evenshots-button b{font-size:10px}.tpl-landing-evenshots i,.landing-evenshots-button i{font-style:normal}
@media(max-width:780px){.studio-card-mount{padding-right:28px}.premium-block-tools{right:-30px!important}.product-mode-options{grid-template-columns:1fr}.landing-builder-head{display:block}.landing-builder-head>button{width:100%;margin-top:10px}.landing-page-fields{grid-template-columns:1fr}.landing-page-fields .wide{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.has-appearance[data-effect=ambient]>.artwork-background,.has-appearance[data-effect=ambient]>.pro-artwork-mask{animation:none!important}}
/* Latest placement rule: user-added sections stay together immediately above the QR. */
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-custom-section{order:80!important}
#card[data-contact-layout=compact] .custom-public-section{order:80!important}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-landing-evenshots{order:70!important}
#card[data-contact-layout=compact] .landing-evenshots-button{order:70!important}
.artwork-card.has-appearance[data-background-usage=partial][data-effect=ambient]>.artwork-background{inset:0!important;transform:none!important;animation:partial-background-ambient 15s ease-in-out infinite alternate!important;background-size:112% auto!important}
@keyframes partial-background-ambient{0%{background-position:45% 45%}100%{background-position:58% 56%}}

/* v20.css */
/* v20 accumulated editor refinements */
/* Your own image: balanced premium control layout with no dead space. */
#templateGrid .custom-image-template .custom-background-controls{display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);grid-template-areas:'title title' 'picker options' 'status options';gap:12px 16px;align-items:start;padding:16px!important}
#templateGrid .custom-image-template .custom-background-controls>h3{grid-area:title;margin:0!important}
#templateGrid .custom-image-template .custom-background-picker{grid-area:picker;min-height:112px;box-sizing:border-box;align-self:stretch;justify-content:center;flex-direction:column;text-align:center;padding:18px 14px!important}
#templateGrid .custom-image-template #customBackgroundOptions{grid-area:options;margin:0!important;padding:0!important;display:grid;gap:10px;min-width:0}
#templateGrid .custom-image-template #backgroundUploadStatus{grid-area:status;margin:0!important;align-self:start}
#templateGrid .custom-image-template .custom-background-controls:has(#customBackgroundOptions[hidden]) .custom-background-picker{grid-column:1/-1;min-height:96px;flex-direction:row;text-align:left;justify-content:flex-start}
#templateGrid .custom-image-template .custom-background-controls:has(#customBackgroundOptions[hidden]) #backgroundUploadStatus{grid-column:1/-1}
#templateGrid .custom-image-template .custom-background-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 10px;margin-top:0}
#templateGrid .custom-image-template .custom-background-layout>label,#templateGrid .custom-image-template .custom-bg-full{min-width:0}
#templateGrid .custom-image-template .custom-bg-partial{grid-column:1/-1;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:9px 10px;padding:10px;border:1px solid #e4e9df;border-radius:9px;background:#fafbf7}
#templateGrid .custom-image-template .custom-bg-partial .remainder-selector{grid-column:1/-1}
#templateGrid .custom-image-template #backgroundFileName{margin:0;padding:7px 9px;border-radius:7px;background:#f3f6ef;font-size:9px}
#templateGrid .custom-image-template #removeBackground{justify-self:start;margin-top:0!important}
@media(max-width:760px){#templateGrid .custom-image-template .custom-background-controls{grid-template-columns:1fr;grid-template-areas:'title' 'picker' 'options' 'status'}#templateGrid .custom-image-template .custom-background-layout{grid-template-columns:1fr}#templateGrid .custom-image-template .custom-bg-partial{grid-template-columns:1fr}}

/* Style section: shorter, denser, still comfortable. */
.configure-controls>.personalize-style-card{padding:14px!important}
.personalize-style-card .editor-accordion-toggle{padding-bottom:9px!important;margin-bottom:10px!important}
.personalize-style-card .design-controls{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.personalize-style-card .designer-select-control>span,.personalize-style-card .content-effects-control span{margin-bottom:5px!important;font-size:8px!important}
.personalize-style-card select{padding:9px 10px!important;min-height:38px!important}
.personalize-style-card>.appearance-hint{margin:6px 0!important;font-size:8px!important;line-height:1.35!important}
.personalize-style-card .appearance-sliders-after-move{margin:5px 0 0!important}
.personalize-style-card .panel-transparency{padding:8px 0!important}
.personalize-style-card .content-effects-control{margin:5px 0 0!important;padding-top:7px!important}
.personalize-style-card .content-effects-control .appearance-hint{display:none!important}
.personalize-style-card .appearance-reset{margin-top:7px!important;padding:8px 10px!important;font-size:9px!important}
@media(max-width:680px){.personalize-style-card .design-controls{grid-template-columns:1fr!important}}

/* Separate profile image and company logo sections. */
.profile-image-card .profile-image-slot,.company-logo-card .company-logo-slot{display:grid;gap:10px}
.profile-image-card .photo-picker,.company-logo-card .photo-picker{min-height:62px!important;padding:11px!important}
.profile-image-card .photo-mode-panel{margin:0!important;padding:9px!important}
.profile-image-card .photo-mode-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px!important}
.profile-image-card .photo-mode-head small{font-size:8px!important;margin:0!important}
.profile-image-card .photo-mode-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
.profile-image-card .photo-mode-option{min-height:42px!important;padding:7px 8px!important;display:flex!important;gap:7px!important;align-items:center!important}
.profile-image-card .photo-mode-option .photo-mode-icon{width:24px!important;height:24px!important;min-width:24px!important;font-size:10px!important}
.profile-image-card .photo-mode-option b{font-size:9px!important;line-height:1.2!important}
.profile-image-card .photo-mode-option small{display:none!important}
.profile-image-card .photo-layout-controls,.company-logo-card .logo-layout-controls{margin:0!important;padding:10px!important;border:1px solid #e3e8de!important;border-radius:10px!important;background:#fafbf8!important}
.profile-image-card .photo-layout-controls h3,.company-logo-card .logo-layout-controls h3{margin:0 0 8px!important;font-size:8px!important}
.profile-image-card .photo-layout-grid,.company-logo-card .logo-layout-grid{gap:8px!important}
.company-logo-card .logo-controls{display:grid!important;gap:9px!important}
.company-logo-card .logo-controls>button{justify-self:start;margin:0!important;padding:8px 10px!important;border-radius:7px!important;font-size:9px!important}
@media(max-width:620px){.profile-image-card .photo-mode-options{grid-template-columns:1fr!important}}

/* Type cards: price always visible in upper-right corner. */
.product-mode{position:relative!important;padding-right:94px!important;min-height:82px}
.product-mode-price{position:absolute;top:10px;right:11px;font:700 11px/1 Inter,sans-serif;color:#294d3b;white-space:nowrap}
.product-mode.active .product-mode-price{color:#294d3b}
@media(max-width:430px){.product-mode{padding-right:82px!important}.product-mode-price{font-size:10px}}

/* Preview block editing: center delete, border drag affordance, no floating toolbar. */
.premium-editable{position:relative!important;pointer-events:auto!important;outline:1px solid transparent;outline-offset:2px;transition:outline-color .12s ease,background-color .12s ease}
.premium-editable>.premium-block-tools{display:none!important}
.premium-center-remove{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) scale(.92)!important;z-index:60!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid rgba(255,255,255,.7)!important;border-radius:50%!important;background:rgba(25,39,32,.78)!important;color:#fff!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important;opacity:0!important;pointer-events:none!important;transition:opacity .12s ease,transform .12s ease!important}
.premium-center-hot>.premium-center-remove,.premium-center-remove:focus-visible{opacity:1!important;pointer-events:auto!important;transform:translate(-50%,-50%) scale(1)!important}
.premium-border-hot{outline:2px dashed rgba(45,79,59,.78)!important;cursor:grab!important}
.premium-dragging{outline:2px dashed #294d3b!important;cursor:grabbing!important;opacity:.72!important}
.premium-drop-before,.premium-drop-after{position:relative!important}
.premium-drop-before::after,.premium-drop-after::after{content:'';position:absolute;z-index:70;background:var(--drop-indicator-color,#294d3b);border-radius:3px;pointer-events:none}
.premium-drop-before::after{left:0;right:0;top:-5px;height:3px}
.premium-drop-after::after{left:0;right:0;bottom:-5px;height:3px}
.tpl-actions>.premium-drop-before::after,.data-actions>.premium-drop-before::after{top:0;bottom:0;left:-5px;right:auto;width:3px;height:auto}
.tpl-actions>.premium-drop-after::after,.data-actions>.premium-drop-after::after{top:0;bottom:0;right:-5px;left:auto;width:3px;height:auto}

/* Desktop preview: never crop the card. JS applies a preview-only zoom to fit viewport. */
@media(min-width:781px){.studio-preview{overflow:visible!important;display:flex;flex-direction:column;max-height:calc(100vh - 36px)}.studio-card-mount{transform-origin:top center;flex:0 0 auto}.studio-preview-caption{flex:0 0 auto}.preview-effect-controls{flex:0 0 auto}}

/* Compact layout hierarchy: person's name is the protagonist; company sits beneath it. */
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-content>b{order:10!important;margin:0!important;font-family:var(--chosen-font,'Cormorant Garamond'),Georgia,serif!important;font-size:calc(var(--name-size,40px)*.72)!important;font-weight:600!important;line-height:1.06!important;letter-spacing:-.025em!important;opacity:1!important;text-align:center!important;overflow-wrap:anywhere}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-content>em{order:20!important;margin:6px 0 0!important;font-family:Inter,sans-serif!important;font-size:calc(var(--body-size,14px)*.72)!important;font-weight:600!important;line-height:1.3!important;letter-spacing:.01em!important;opacity:.84!important;text-align:center!important}
.studio-card-mount .template-card[data-contact-layout=compact].compact-has-company .tpl-content>b::before{content:none!important}
.studio-card-mount .template-card[data-contact-layout=compact]:not(.compact-has-company) .tpl-content>em{display:none!important}
#card[data-contact-layout=compact] #name{order:10!important;margin:0!important;font-size:var(--name-size,40px)!important;font-weight:600!important;line-height:1.06!important;letter-spacing:-.025em!important;text-align:center!important}
#card[data-contact-layout=compact] .meta{order:20!important;display:block!important;margin:7px 0 0!important;font-family:Inter,sans-serif!important;font-size:var(--body-size,14px)!important;font-weight:600!important;line-height:1.35!important;letter-spacing:.01em!important;text-align:center!important;opacity:.86}
#card[data-contact-layout=compact].compact-has-company #name::before{content:none!important}
#card[data-contact-layout=compact]:not(.compact-has-company) .meta{display:none!important}

/* Inline text-size controls stay clearly interactive. */
.inline-size-control{opacity:1!important;pointer-events:auto!important}.appearance-range-inline{cursor:pointer!important}

/* v21.css */
/* v21 — custom background uploader cleanup */
#templateGrid .custom-image-template{
  grid-column:1/-1!important;
  width:100%;
  box-sizing:border-box;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:1fr;
  gap:14px;
  align-items:stretch;
  background:#f7f9f4!important;
}
#templateGrid .custom-image-template>.template-card{
  display:none!important;
}
#templateGrid .custom-image-template .custom-background-controls{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-areas:'picker'!important;
  gap:0!important;
  min-width:0;
}
#templateGrid .custom-image-template .custom-background-controls>h3,
#templateGrid .custom-image-template #customBackgroundOptions,
#templateGrid .custom-image-template #backgroundUploadStatus{
  display:none!important;
}
#templateGrid .custom-image-template .custom-background-picker{
  grid-area:picker!important;
  width:100%;
  min-height:78px!important;
  box-sizing:border-box;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:18px 22px!important;
  border:1px dashed #9caf90!important;
  border-radius:12px!important;
  background:#fff!important;
  text-align:center!important;
}
#templateGrid .custom-image-template .custom-background-picker>div{display:block}
#templateGrid .custom-image-template .custom-background-picker b{font-size:12px!important}
#templateGrid .custom-image-template .custom-background-picker small{display:none!important}

/* Once an image exists, use the whole row: image on the left, controls on the right. */
#templateGrid .custom-image-template.v21-has-image{
  grid-template-columns:minmax(180px,230px) minmax(0,1fr)!important;
  gap:18px!important;
  padding:16px!important;
}
#templateGrid .custom-image-template.v21-has-image>.template-card{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:260px!important;
  aspect-ratio:auto!important;
  border-radius:12px!important;
  overflow:hidden!important;
  position:relative!important;
  align-self:stretch!important;
  background:#e9eee7!important;
  box-shadow:none!important;
}
#templateGrid .custom-image-template.v21-has-image>.template-card .tpl-photo,
#templateGrid .custom-image-template.v21-has-image>.template-card .tpl-content,
#templateGrid .custom-image-template.v21-has-image>.template-card>.artwork-sheen{
  display:none!important;
}
#templateGrid .custom-image-template.v21-has-image .custom-background-controls{
  padding:14px!important;
  border:1px solid #e0e6dc!important;
  border-radius:12px!important;
  background:#fff!important;
  grid-template-areas:'title' 'options' 'status'!important;
  grid-template-rows:auto 1fr auto!important;
  gap:11px!important;
  align-content:stretch!important;
  min-height:260px!important;
}
#templateGrid .custom-image-template.v21-has-image .custom-background-controls>h3{
  grid-area:title!important;
  display:block!important;
  margin:0!important;
}
#templateGrid .custom-image-template.v21-has-image .custom-background-picker{
  display:none!important;
}
#templateGrid .custom-image-template.v21-has-image #customBackgroundOptions{
  grid-area:options!important;
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  min-width:0;
  align-content:start;
}
#templateGrid .custom-image-template.v21-has-image #backgroundUploadStatus{
  grid-area:status!important;
  display:block!important;
  margin:0!important;
}
#templateGrid .custom-image-template.v21-has-image #backgroundUploadStatus:empty{display:none!important}
#templateGrid .custom-image-template.v21-has-image #backgroundFileName{
  display:block!important;
  margin:0!important;
  padding:7px 9px!important;
  border-radius:8px!important;
  background:#f4f7f1!important;
  font-size:9px!important;
  line-height:1.3!important;
}
#templateGrid .custom-image-template.v21-has-image .custom-background-layout{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px 12px!important;
  align-content:start!important;
  margin:0!important;
}
#templateGrid .custom-image-template.v21-has-image .custom-bg-partial{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;
  gap:10px 12px!important;
  padding:10px!important;
  border:1px solid #e4e9df!important;
  border-radius:10px!important;
  background:#fafbf7!important;
}
#templateGrid .custom-image-template.v21-has-image .custom-bg-partial .remainder-selector{grid-column:1/-1!important}
#templateGrid .custom-image-template.v21-has-image #removeBackground{display:none!important}

/* Trash appears only when hovering/focusing the image itself. */
#templateGrid .custom-image-template .v21-custom-trash{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%) scale(.92)!important;
  width:44px!important;
  height:44px!important;
  border:1px solid rgba(255,255,255,.75)!important;
  border-radius:50%!important;
  background:rgba(24,33,29,.78)!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:20!important;
  transition:opacity .14s ease,transform .14s ease!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
}
#templateGrid .custom-image-template>.template-card:hover .v21-custom-trash,
#templateGrid .custom-image-template>.template-card:focus-within .v21-custom-trash,
#templateGrid .custom-image-template .v21-custom-trash:focus-visible{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate(-50%,-50%) scale(1)!important;
}
#templateGrid .custom-image-template .v21-custom-trash svg{width:19px;height:19px;display:block}

/* Design tiles are selected by clicking the tile itself; no redundant CTA text. */
#templateGrid .template-select{display:none!important}

@media(max-width:760px){
  #templateGrid .custom-image-template.v21-has-image{grid-template-columns:1fr!important}
  #templateGrid .custom-image-template.v21-has-image>.template-card{min-height:220px!important;height:220px!important}
  #templateGrid .custom-image-template.v21-has-image .custom-background-layout{grid-template-columns:1fr!important}
  #templateGrid .custom-image-template.v21-has-image .custom-bg-partial{grid-template-columns:1fr!important}
}

/* v22.css */
/* v22 — compact editor hierarchy and direct-manipulation refinements */

/* Section 2 no longer sits inside a large decorative box. */
.premium-studio .configure-section{
  padding:6px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.premium-studio .configure-title{margin:0 0 10px!important;padding:0 4px!important}
.premium-studio .configure-grid{gap:8px!important}

/* The old Style section is now an Effect-only section. */
.configure-controls>.personalize-style-card{padding:12px 14px!important}
.personalize-style-card>.control-kicker{margin-bottom:8px!important}
.personalize-style-card .content-effects-control{margin:0!important;padding:0!important;border:0!important}
.personalize-style-card .content-effects-control label{margin:0!important}
.personalize-style-card .content-effects-control select{min-height:38px!important;padding:8px 10px!important}

/* Typography and color controls live above Full name in Professional information. */
.professional-visual-settings{
  grid-column:1/-1;
  display:grid;
  gap:9px;
  margin:0 0 8px;
  padding:10px;
  border:1px solid #e2e8df;
  border-radius:11px;
  background:#f8faf6;
}
.professional-visual-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.professional-visual-head>span{font:700 8px/1.2 Inter,sans-serif;letter-spacing:.11em;color:#5b705f}
.professional-visual-head>small{font:500 8px/1.2 Inter,sans-serif;color:#869286}
.professional-visual-settings .design-controls{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
.professional-visual-settings .designer-select-control>span{font-size:7px!important;margin-bottom:4px!important}
.professional-visual-settings .visual-select-trigger,.professional-visual-settings select{min-height:34px!important;padding:7px 9px!important;font-size:10px!important}
.professional-visual-settings .appearance-sliders-after-move{margin:0!important;display:block!important}
.professional-visual-settings .appearance-sliders-after-move .panel-transparency{padding:4px 0 0!important}
.professional-visual-settings .appearance-reset{justify-self:start;margin:0!important;padding:7px 9px!important;font-size:8px!important}

/* Photo vertical-position control. */
.photo-y-control{margin-top:4px!important;padding:9px 10px!important;border:1px solid #e0e6dc;border-radius:10px;background:#fafbf8}
.photo-y-control .appearance-hint{margin-top:3px!important;font-size:8px!important}
.studio-card-mount .artwork-card.has-appearance .tpl-photo{translate:0 var(--photo-y,0px)!important}
#card.artwork-card.has-appearance .photo{translate:0 var(--photo-y,0px)!important}

/* Custom image delete belongs only to the editor thumbnail, never the live preview. */
.studio-card-mount .v21-custom-trash{display:none!important}

/* Remaining area of a partial custom image can use any solid palette color. */
.remainder-solid-palette{grid-column:1/-1;display:grid;gap:7px;padding:9px;border:1px solid #e4e9df;border-radius:9px;background:#fff}
.remainder-solid-palette>span{font:700 7px Inter,sans-serif;letter-spacing:.1em;color:#68786b}
.remainder-solid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(24px,1fr));gap:5px;max-height:74px;overflow:auto;padding:2px}
.remainder-solid-swatch{aspect-ratio:1;border:1px solid #d7ddd5;border-radius:6px;cursor:pointer;min-width:22px;padding:0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.remainder-solid-swatch.selected{outline:2px solid #315d4e;outline-offset:1px}

/* Compact mode: Name remains protagonist, Job is visible, Company follows below. */
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-content>small{
  display:block!important;order:15!important;margin:5px 0 0!important;text-align:center!important;
  font:600 calc(var(--role-size,13px)*.72)/1.3 Inter,sans-serif!important;letter-spacing:.04em!important;opacity:.78!important;
}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-content>b{order:10!important}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-content>em{order:20!important}
#card[data-contact-layout=compact] #name{order:10!important;font-size:var(--name-size,40px)!important;font-family:inherit!important;font-weight:600!important}
#card[data-contact-layout=compact] #job{display:block!important;order:15!important;margin:6px 0 0!important;text-align:center!important;font:600 var(--role-size,13px)/1.3 Inter,sans-serif!important;letter-spacing:.04em!important;opacity:.8}
#card[data-contact-layout=compact] .meta{order:20!important;font:600 var(--body-size,14px)/1.35 Inter,sans-serif!important;margin:6px 0 0!important;opacity:.85!important}
#card[data-contact-layout=compact] #name::before{content:none!important}

/* Reordering: vertical blocks stay vertical; contact icons keep their horizontal row. */
.premium-reordered .tpl-actions,.premium-reordered .data-actions{display:flex!important}
.premium-reordered .tpl-custom-sections,.premium-reordered .custom-public-sections{display:block!important}
.premium-contact-editable{position:relative!important;pointer-events:auto!important;cursor:grab!important;touch-action:none}
.premium-contact-dragging{opacity:.65!important;cursor:grabbing!important}
.premium-contact-drop-before::before,.premium-contact-drop-after::after{content:'';position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--drop-indicator-color,#315d4e);border-radius:2px;z-index:50}
.premium-contact-drop-before::before{left:-5px}.premium-contact-drop-after::after{right:-5px}
.premium-editable{pointer-events:auto!important}

/* Landing type adds a compact EvenShots album icon to the actions row. */
.tpl-action-evenshots .tpl-action-icon{font-weight:800!important;letter-spacing:-.05em}
.evenshots-action[aria-disabled="true"]{opacity:.55;pointer-events:none}
.evenshots-album-mark{position:relative;display:block!important;width:20px!important;height:18px!important;border:1.5px solid currentColor;border-radius:3px!important}
.evenshots-album-mark:before,.evenshots-album-mark:after,.evenshots-album-mark i{content:'';position:absolute;left:3px;right:3px;height:1.5px;background:currentColor;border-radius:2px}
.evenshots-album-mark:before{top:4px}.evenshots-album-mark i{top:8px}.evenshots-album-mark:after{top:12px}

/* Background effects may move only the background layer inside the phone preview. */
.studio-preview,.studio-card-mount,.studio-card-mount>.template-card{transform:none!important}
.studio-card-mount>.template-card>.artwork-background,.studio-card-mount>.template-card>.artwork-sheen{transform-origin:center!important}

/* Logo placement is always inside a fixed mobile-size preview; moving the logo never resizes the frame. */
@media(min-width:781px){
  .studio-card-mount{width:300px!important;max-width:300px!important;box-sizing:border-box!important}
  .studio-card-mount>.template-card{width:300px!important;max-width:300px!important;box-sizing:border-box!important}
}
.studio-card-mount .tpl-company-logo{position:absolute!important;box-sizing:border-box!important}

/* Package prices sit in the upper corner and always include the currency code. */
.product-mode{position:relative!important;padding-right:92px!important}
.product-mode-price{position:absolute!important;right:10px!important;top:10px!important;margin:0!important;font:700 9px/1.2 Inter,sans-serif!important;white-space:nowrap;color:#315d4e!important}

@media(max-width:760px){
  .professional-visual-settings .design-controls{grid-template-columns:1fr!important}
  .product-mode{padding-right:78px!important}
  .product-mode-price{font-size:8px!important}
}
.custom-bg-partial[data-remainder-mode="catalog"] .remainder-solid-palette{display:none!important}
.studio-card-mount .template-card[data-contact-layout=compact] .tpl-content>small.tpl-empty{display:none!important}
#card[data-contact-layout=compact] #job:empty{display:none!important}


/* v23 — fixed phone preview frame regardless of information layout. */
.studio-card-mount{
  width:min(300px,100%)!important;
  aspect-ratio:300/570!important;
  height:auto!important;
  max-width:300px!important;
  box-sizing:border-box!important;
}
.studio-card-mount>.template-card,
.studio-card-mount>.template-card[data-contact-layout=compact]{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
@media(min-width:781px){
  .studio-card-mount{width:300px!important;max-width:300px!important;}
}

/* With a custom image active, use the inverse of the old v23 catalogue:
   keep standard fondo-* artwork visible and hide professional/full-layout and
   solid catalogue tiles. Solid colours remain available in the remainder picker. */
#templateGrid.custom-image-compatible-only>.professional-template,
#templateGrid.custom-image-compatible-only>.solid-template,
#templateGrid.custom-image-compatible-only>.professional-heading,
#templateGrid.custom-image-compatible-only>.solid-heading{display:none!important}
#templateGrid.custom-image-compatible-only>.template-dots-wrap{display:none!important}


/* v26 — mobile-proportioned preview and exact custom-image coverage.
   The outer preview always represents a modern phone viewport (390 x 844). */
.studio-card-mount{
  width:min(300px,100%)!important;
  max-width:300px!important;
  aspect-ratio:390/844!important;
  height:auto!important;
  box-sizing:border-box!important;
}
.studio-card-mount>.template-card,
.studio-card-mount>.template-card[data-contact-layout=compact]{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
@media(min-width:781px){
  .studio-card-mount{width:300px!important;max-width:300px!important;}
}

/* Partial custom images are always a full-card layer clipped to the requested
   percentage. This makes 75% visually equal to 75% of the card area. */
.studio-card-mount .tpl-custom-demo[data-background-usage=partial]>.artwork-background,
#card.tpl-custom[data-background-usage=partial]>.artwork-background{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  transform:none!important;
  animation:none!important;
}

/* v27 — professional text alignment controls. */
.professional-align-control{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;padding-top:7px;border-top:1px solid #edf1eb}
.professional-align-label{font:700 7px/1 Inter,sans-serif;letter-spacing:.1em;color:#758176}
.professional-align-buttons{display:flex;gap:4px}
.professional-align-button{width:28px;height:25px;padding:0!important;border:1px solid #dbe3d7;border-radius:6px;background:#fff;color:#526957;font:700 12px/1 Inter,sans-serif;cursor:pointer}
.professional-align-button.active{background:#315d4e;color:#fff;border-color:#315d4e}

/* The color selector inside Professional information colors only the inner
   information panel. The phone/background keeps the color chosen in step 1. */
.studio-card-mount .artwork-card.has-appearance,
#card.artwork-card.has-appearance{background-color:var(--thumb-bg,var(--bg,#1E3A4D))!important}
.studio-card-mount .tpl-custom-demo[data-background-usage=partial],
#card.tpl-custom[data-background-usage=partial]{background-color:var(--thumb-bg,var(--bg,#1E3A4D))!important}

/* EvenShots is a full-width CTA row, never one of the horizontal contact icons. */
.tpl-landing-evenshots,.landing-evenshots-button{display:flex!important;width:100%!important;min-height:42px!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;box-sizing:border-box!important}
.tpl-landing-evenshots>b,.landing-evenshots-button>b{flex:1;text-align:left!important}
.tpl-landing-evenshots>i,.landing-evenshots-button>i{margin-left:auto}
.tpl-landing-evenshots[aria-disabled="true"],.landing-evenshots-button[aria-disabled="true"]{opacity:.55;cursor:default;pointer-events:none}

/* Desktop preview is always fully contained by the large preview panel. */
.studio-card-mount{padding-right:0!important;transform-origin:top center!important}
@media(min-width:781px){
 .studio-preview{overflow:hidden!important;box-sizing:border-box!important}
 .studio-card-mount{flex:0 0 auto!important;margin-left:auto!important;margin-right:auto!important}
}


/* v31.2 — every small contact button can float or snap back into an aligned row. */
.premium-contact-floating,.premium-social-floating{position:absolute!important;left:var(--contact-x,var(--social-x,50%))!important;top:var(--contact-y,var(--social-y,50%))!important;transform:translate(-50%,-50%)!important;margin:0!important;z-index:95!important;box-sizing:border-box!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;grid-template-columns:1fr!important}
.template-card .premium-contact-floating .tpl-action-copy,.template-card .premium-social-floating .tpl-action-copy,#card .premium-contact-floating .data-copy,#card .premium-social-floating .data-copy{display:none!important}
.studio-card-mount .premium-contact-editable,.studio-card-mount .premium-contact-free{cursor:grab!important;touch-action:none!important;pointer-events:auto!important}
.studio-card-mount .premium-contact-editable.premium-contact-dragging{cursor:grabbing!important;opacity:.82!important;outline:2px dashed var(--drop-indicator-color,#315d4e)!important;outline-offset:2px}
.studio-card-mount .tpl-actions.premium-contact-dock-target{outline:1px dashed var(--drop-indicator-color,#315d4e)!important;outline-offset:5px;border-radius:10px}
.studio-card-mount .tpl-actions.premium-contact-dock-target[data-dock-row="1"]{box-shadow:inset 0 2px 0 var(--drop-indicator-color,#315d4e)}
.studio-card-mount .tpl-actions.premium-contact-dock-target[data-dock-row="2"]{box-shadow:inset 0 -2px 0 var(--drop-indicator-color,#315d4e)}

/* v31.2 — profile background color + detachable information segments */
.photo-background-color-control{display:grid;gap:6px;margin-top:12px;min-width:0}
.photo-background-color-control>span{font:700 9px/1.2 Inter,sans-serif;letter-spacing:.08em;color:#637758}
.photo-background-color-control select{width:100%;min-height:40px;border:1px solid #d8dfd1;border-radius:10px;padding:8px 10px;font:600 12px Inter,sans-serif;box-sizing:border-box}
.photo-background-color-control[hidden]{display:none!important}
.studio-card-mount .artwork-card.has-appearance .tpl-photo.photo-mode-cutout,
#card.artwork-card.has-appearance .photo.photo-mode-cutout{background-color:var(--photo-cutout-background-color,transparent)!important}
.studio-card-mount .artwork-card.has-appearance .tpl-photo.photo-mode-logo,
#card.artwork-card.has-appearance .photo.photo-mode-logo{background-color:var(--photo-background-color,#fff)!important}

.premium-detached-panel{box-sizing:border-box;position:relative;z-index:3;width:var(--data-block-width-px,var(--data-block-width,90%));max-width:100%;margin:10px auto;padding:12px;border:1px solid color-mix(in srgb,currentColor 58%,transparent);border-radius:14px;background:rgba(var(--panel-rgb,255,255,255),var(--panel-opacity,.78));backdrop-filter:blur(var(--panel-blur,4px));-webkit-backdrop-filter:blur(var(--panel-blur,4px));color:inherit;overflow:visible}
.premium-detached-panel>[data-detached-inner],.premium-detached-panel>.tpl-actions,.premium-detached-panel>.data-actions{width:100%!important;max-width:100%!important;margin:0!important;position:relative!important;inset:auto!important;transform:none!important}
.premium-detached-panel>.tpl-actions,.premium-detached-panel>.data-actions{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important}
.premium-detached-panel>.tpl-custom-section,.premium-detached-panel>.custom-public-section{box-sizing:border-box}
.artwork-card.panel-fully-transparent>.premium-detached-panel{background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.artwork-card[data-block-align="left"]>.premium-detached-panel{margin-left:0!important;margin-right:auto!important}
.artwork-card[data-block-align="center"]>.premium-detached-panel{margin-left:auto!important;margin-right:auto!important}
.artwork-card[data-block-align="right"]>.premium-detached-panel{margin-left:auto!important;margin-right:0!important}
.studio-card-mount .premium-detach-target{outline:2px dashed var(--drop-indicator-color,#fff);outline-offset:-8px}
.studio-card-mount .tpl-content.premium-attach-target{outline:2px dashed var(--drop-indicator-color,#fff)!important;outline-offset:-5px}
.studio-card-mount .premium-detached-panel.premium-editable{cursor:grab}.studio-card-mount .premium-detached-panel.premium-dragging{cursor:grabbing}
#templateGrid .premium-detached-panel{display:none!important}
@media(max-width:430px){.premium-detached-panel{padding:10px;border-radius:12px}}


/* v31.3 — independent contacts, icon themes, custom-section navigation and visual content. */
.phone-input-row .dial-code{width:76px!important;min-width:76px!important}
.premium-contact-hidden{display:none!important}
.premium-contact-editable{overflow:visible!important}
.premium-contact-remove{position:absolute!important;top:-9px!important;right:-9px!important;width:22px!important;height:22px!important;padding:0!important;border:1px solid #d6ded7!important;border-radius:50%!important;background:#fff!important;color:#7b302d!important;display:grid!important;place-items:center!important;z-index:80!important;opacity:0;transition:opacity .15s;box-shadow:0 3px 10px #0002;cursor:pointer!important}
.premium-contact-remove svg{width:12px!important;height:12px!important}.premium-contact-editable:hover>.premium-contact-remove,.premium-contact-editable:focus-within>.premium-contact-remove{opacity:1}@media(hover:none){.premium-contact-remove{opacity:1}}
/* 20% larger small icons. */
.studio-card-mount .tpl-action-icon,#card .data-icon{width:29px!important;min-width:29px!important;height:29px!important;font-size:15px!important;display:grid!important;place-items:center!important}
.studio-card-mount .contact-brand-icon,#card .contact-brand-icon{width:29px!important;height:29px!important}
.phone-modern-svg,.facebook-modern-svg,.location-modern-svg{width:29px!important;height:29px!important;display:block}
/* In classic mode, a single WhatsApp/SMS action fills its row. */
.artwork-card[data-contact-layout="classic"] .tpl-actions.premium-single-message>.tpl-action-whatsapp,
.artwork-card[data-contact-layout="classic"] .tpl-actions.premium-single-message>.tpl-action-sms{flex:1 1 100%!important;max-width:100%!important;width:100%!important}
#card.artwork-card[data-contact-layout="classic"] .data-actions.premium-single-message>#whatsapp,
#card.artwork-card[data-contact-layout="classic"] .data-actions.premium-single-message>#sms{flex:1 1 100%!important;max-width:100%!important;width:100%!important}
/* Icon themes. */
.artwork-card[data-icon-style="neon"] .tpl-action-icon,.artwork-card[data-icon-style="neon"] .data-icon{color:#eafffb!important;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 4px #2bffd2) drop-shadow(0 0 10px #00d6a7)!important}
.artwork-card[data-icon-style="neon"] .contact-brand-icon{filter:brightness(1.35) saturate(.75) drop-shadow(0 0 1px #fff) drop-shadow(0 0 4px #2bffd2) drop-shadow(0 0 10px #00d6a7)!important}
.artwork-card[data-icon-style="neon"] .facebook-icon-bg,.artwork-card[data-icon-style="neon"] .location-icon-pin{fill:#dffff8!important}
.artwork-card[data-icon-style="minimal"] .tpl-action-icon,.artwork-card[data-icon-style="minimal"] .data-icon{color:currentColor!important;opacity:.78!important;filter:grayscale(1)!important}
.artwork-card[data-icon-style="minimal"] .contact-brand-icon{filter:grayscale(1)!important;opacity:.78!important}
.artwork-card[data-icon-style="minimal"] .facebook-icon-bg,.artwork-card[data-icon-style="minimal"] .location-icon-pin{fill:currentColor!important}
.artwork-card[data-icon-style="pastel"] .tpl-action-icon,.artwork-card[data-icon-style="pastel"] .data-icon{color:#86a9b6!important}
.artwork-card[data-icon-style="pastel"] .contact-brand-icon{filter:saturate(.55) brightness(1.15)!important;opacity:.92!important}
.artwork-card[data-icon-style="pastel"] .facebook-icon-bg,.artwork-card[data-icon-style="pastel"] .location-icon-pin{fill:#86a9b6!important}
/* Custom sections are a horizontal mini-site navigation: one panel at a time. */
.tpl-custom-sections.custom-section-tabs,.custom-public-sections.custom-section-tabs{display:block!important;width:100%;min-width:0;overflow:visible}
.custom-section-tabbar{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:2px 1px 7px;white-space:nowrap;-webkit-overflow-scrolling:touch}
.custom-section-tab{appearance:none;border:1px solid color-mix(in srgb,currentColor 28%,transparent);background:rgba(var(--panel-rgb,255,255,255),.48);color:inherit;border-radius:999px;padding:8px 13px;min-height:34px;font:700 10px/1.1 Inter,sans-serif;cursor:pointer;flex:0 0 auto;transition:.15s}
.custom-section-tab.active{background:#315d4e;color:#fff;border-color:#315d4e}
.custom-section-tabstage{min-width:0}.custom-section-tabpanel{padding:12px 2px 4px!important;margin:0!important;border:0!important;background:transparent!important}.custom-section-tabpanel[hidden]{display:none!important}
.custom-section-tab{color:var(--section-text-color,inherit)!important}
.custom-section-tabtext{color:var(--section-text-color,inherit)!important}
.custom-section-tabtext{white-space:pre-wrap;margin:0!important}
.custom-section-visuals{display:flex;align-items:center;justify-content:var(--section-align,left);gap:10px;flex-wrap:wrap;margin-top:10px}
.custom-section-visual-image{display:block;max-width:min(100%,320px);max-height:220px;object-fit:contain;border-radius:10px}.studio-card-mount .custom-section-visual-image{max-height:130px}
.custom-section-visual-icon{font-size:32px;line-height:1}.custom-section-visual-divider{border:0;border-top:1px solid currentColor;opacity:.3;width:100%;margin:4px 0}
.custom-section-visual-editor{border-top:1px solid #e6ebe5;padding-top:10px}.custom-section-visual-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.custom-section-visual-head>span{font:700 8px/1.2 Inter,sans-serif;letter-spacing:.1em;color:#5b705f}.custom-section-visual-head button,.custom-section-visual-row button{border:1px solid #dce3dc;background:#fff;color:#315d4e;border-radius:8px;padding:7px 9px;cursor:pointer}.custom-section-visual-list{display:grid;gap:7px;margin-top:8px}.custom-section-visual-row{display:grid;grid-template-columns:minmax(100px,.65fr) minmax(0,1.35fr) 32px;gap:6px;align-items:center}.custom-section-visual-row select,.custom-section-visual-row input{min-width:0;padding:8px!important;font-size:10px!important}
.icon-style-control{display:grid!important}
@media(max-width:480px){.custom-section-tab{padding:8px 11px}.custom-section-visual-row{grid-template-columns:1fr 1.4fr 30px}}


/* v31.4 — compact icon proportions, borderless small actions, lean custom sections, QR vertical drag and icon-style previews. */
/* Small/icon-only contact buttons: no visible outer box. */
.studio-card-mount .template-card[data-contact-layout="compact"] .tpl-action,
#card[data-contact-layout="compact"] .data-row{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
/* Give the marks more visual weight while keeping the call handset slightly smaller. */
.studio-card-mount .template-card[data-contact-layout="compact"] .tpl-action-icon,
#card[data-contact-layout="compact"] .data-icon{
  width:34px!important;min-width:34px!important;height:34px!important;
  font-size:18px!important;line-height:1!important;
}
.studio-card-mount .template-card[data-contact-layout="compact"] .contact-brand-icon,
#card[data-contact-layout="compact"] .contact-brand-icon,
.studio-card-mount .template-card[data-contact-layout="compact"] .facebook-modern-svg,
#card[data-contact-layout="compact"] .facebook-modern-svg,
.studio-card-mount .template-card[data-contact-layout="compact"] .location-modern-svg,
#card[data-contact-layout="compact"] .location-modern-svg{
  width:33px!important;height:33px!important;
}
.studio-card-mount .template-card[data-contact-layout="compact"] .phone-modern-svg,
#card[data-contact-layout="compact"] .phone-modern-svg{
  width:25px!important;height:25px!important;
}
.studio-card-mount .template-card[data-contact-layout="compact"] .tpl-action{
  width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
}
#card[data-contact-layout="compact"] .data-row{
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
}
/* Custom sections: remove the large outer frame and sharply reduce outside spacing. */
.studio-card-mount .tpl-custom-sections.custom-section-tabs,
#card .custom-public-sections.custom-section-tabs{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:2px 0!important;
  margin:5px 0 7px!important;
}
.studio-card-mount .tpl-custom-sections.custom-section-tabs .custom-section-tabbar,
#card .custom-public-sections.custom-section-tabs .custom-section-tabbar{
  padding:0 0 5px!important;
}
.studio-card-mount .tpl-custom-sections.custom-section-tabs .custom-section-tabpanel,
#card .custom-public-sections.custom-section-tabs .custom-section-tabpanel{
  padding:7px 0 2px!important;
}
/* If sections are wrapped in the generic extra-content panel, do not recreate an outer frame around them. */
.studio-card-mount .tpl-additional-panel:has(> .tpl-custom-sections.custom-section-tabs),
#card .additional-content-panel:has(> .custom-public-sections.custom-section-tabs){
  border:0!important;background:transparent!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  padding:0!important;margin:5px 0 7px!important;
}
/* QR can be grabbed from its whole transparent panel, making vertical movement practical on touch screens. */
.studio-card-mount .premium-qr-draggable{cursor:grab!important;touch-action:none!important;user-select:none!important}
.studio-card-mount .premium-qr-dragging{cursor:grabbing!important}
/* Icon style dropdown: every row previews representative contact icons. */
.visual-iconstyle .visual-select-option{justify-content:space-between!important;gap:12px!important;min-height:52px!important}
.icon-style-option-preview{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:116px}
.icon-style-option-preview i{font-style:normal;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font:800 11px/1 Inter,sans-serif;transition:.15s}
.icon-style-option-preview .mini-wa{background:#25d366;color:white;font-size:10px}
.icon-style-option-preview .mini-mail{border:1px solid #53676d;color:#33474e;background:#fff;border-radius:6px}
.icon-style-option-preview .mini-pin{position:relative;color:transparent;background:#ef3340;width:17px;height:22px;border-radius:10px 10px 12px 12px;clip-path:polygon(50% 100%,3% 45%,7% 22%,20% 8%,38% 1%,62% 1%,80% 8%,93% 22%,97% 45%)}
.icon-style-option-preview .mini-pin::after{content:'';width:6px;height:6px;border-radius:50%;background:#fff;position:absolute;left:50%;top:38%;transform:translate(-50%,-50%)}
.icon-style-option-preview .mini-fb{background:#1877f2;color:#fff;font-family:Arial,sans-serif;font-size:14px}
.icon-style-preview-neon i{background:#08221d!important;color:#effffb!important;border-color:#dffff8!important;box-shadow:0 0 2px #fff,0 0 6px #2bffd2,0 0 12px #00d6a7!important;text-shadow:0 0 2px #fff,0 0 5px #2bffd2!important}
.icon-style-preview-neon .mini-pin{background:#dffff8!important;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px #2bffd2) drop-shadow(0 0 11px #00d6a7)!important}.icon-style-preview-neon .mini-pin::after{background:#08221d!important}
.icon-style-preview-minimal i{background:transparent!important;color:#2f3f44!important;border:0!important;box-shadow:none!important;filter:grayscale(1)!important}
.icon-style-preview-minimal .mini-wa,.icon-style-preview-minimal .mini-fb{border:1px solid #7c888c!important}
.icon-style-preview-minimal .mini-pin{background:#2f3f44!important}.icon-style-preview-minimal .mini-pin::after{background:#fff!important}
.icon-style-preview-pastel .mini-wa{background:#9fd9bd!important}.icon-style-preview-pastel .mini-mail{background:#d9e7ee!important;color:#6e8790!important;border-color:#bfd2db!important}.icon-style-preview-pastel .mini-pin{background:#e8a8ae!important}.icon-style-preview-pastel .mini-fb{background:#a9bee6!important}


/* v31.5 — normalize compact marks to Facebook's visual diameter. */
.studio-card-mount .template-card[data-contact-layout="compact"] .tpl-action-icon,
#card[data-contact-layout="compact"] .data-icon{
  width:34px!important;min-width:34px!important;height:34px!important;
  padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
.studio-card-mount .template-card[data-contact-layout="compact"] .facebook-modern-svg,
#card[data-contact-layout="compact"] .facebook-modern-svg,
.studio-card-mount .template-card[data-contact-layout="compact"] .whatsapp-modern-svg,
#card[data-contact-layout="compact"] .whatsapp-modern-svg,
.studio-card-mount .template-card[data-contact-layout="compact"] .email-modern-svg,
#card[data-contact-layout="compact"] .email-modern-svg,
.studio-card-mount .template-card[data-contact-layout="compact"] .website-modern-svg,
#card[data-contact-layout="compact"] .website-modern-svg,
.studio-card-mount .template-card[data-contact-layout="compact"] .location-modern-svg,
#card[data-contact-layout="compact"] .location-modern-svg,
.studio-card-mount .template-card[data-contact-layout="compact"] .contact-brand-icon,
#card[data-contact-layout="compact"] .contact-brand-icon{
  width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;
  display:block!important;object-fit:contain!important;overflow:visible!important;
}
/* Social marks use the same Facebook-sized visual box too. */
.studio-card-mount .template-card[data-contact-layout="compact"] .instagram-mark,
#card[data-contact-layout="compact"] .instagram-mark,
.studio-card-mount .template-card[data-contact-layout="compact"] .linkedin-mark,
#card[data-contact-layout="compact"] .linkedin-mark{
  width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;
  box-sizing:border-box!important;
}
#card[data-contact-layout="compact"] .linkedin-mark,
.studio-card-mount .template-card[data-contact-layout="compact"] .linkedin-mark{
  display:grid!important;place-items:center!important;border-radius:7px!important;font-size:13px!important;
}
/* The handset stays inside the same Facebook-sized footprint. */
.studio-card-mount .template-card[data-contact-layout="compact"] .phone-modern-svg,
#card[data-contact-layout="compact"] .phone-modern-svg{width:30px!important;height:30px!important;display:block!important}
/* WhatsApp: Facebook-sized green circle, with only its tail extending below it. */
.whatsapp-modern-svg{display:block;overflow:visible}
.whatsapp-icon-bg{fill:#25D366}.whatsapp-icon-tail{fill:#25D366;stroke:#25D366;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.whatsapp-icon-phone{fill:#fff}
/* Mail and web use bare outline marks; no secondary tile around them. */
.email-modern-svg,.website-modern-svg{display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.studio-card-mount .template-card[data-contact-layout="compact"] .tpl-action-email .tpl-action-icon,
.studio-card-mount .template-card[data-contact-layout="compact"] .tpl-action-website .tpl-action-icon,
.studio-card-mount .template-card[data-contact-layout="compact"] .tpl-action-location .tpl-action-icon,
#card[data-contact-layout="compact"] #mail .data-icon,
#card[data-contact-layout="compact"] #web .data-icon,
#card[data-contact-layout="compact"] #location .data-icon{
  background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;
}
/* Keep all theme variants compatible with the new inline marks. */
.artwork-card[data-icon-style="neon"] .whatsapp-icon-bg,.artwork-card[data-icon-style="neon"] .whatsapp-icon-tail{fill:#dffff8!important;stroke:#dffff8!important}
.artwork-card[data-icon-style="minimal"] .whatsapp-icon-bg,.artwork-card[data-icon-style="minimal"] .whatsapp-icon-tail{fill:currentColor!important;stroke:currentColor!important}
.artwork-card[data-icon-style="pastel"] .whatsapp-icon-bg,.artwork-card[data-icon-style="pastel"] .whatsapp-icon-tail{fill:#86a9b6!important;stroke:#86a9b6!important}


/* v31.6 — clearer compact brand/action icons. Facebook, mail, web and location stay untouched. */
.studio-card-mount .template-card[data-contact-layout="compact"] .whatsapp-modern-svg,
#card[data-contact-layout="compact"] .whatsapp-modern-svg,
.studio-card-mount .template-card[data-contact-layout="compact"] .sms-modern-svg,
#card[data-contact-layout="compact"] .sms-modern-svg,
.studio-card-mount .template-card[data-contact-layout="compact"] .instagram-mark,
#card[data-contact-layout="compact"] .instagram-mark,
.studio-card-mount .template-card[data-contact-layout="compact"] .linkedin-mark,
#card[data-contact-layout="compact"] .linkedin-mark{
  width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;
  display:block!important;box-sizing:border-box!important;overflow:visible!important;
}
/* WhatsApp: strong official-like silhouette, same visual diameter as Facebook. */
.whatsapp-modern-svg{overflow:visible!important}.whatsapp-icon-bg{fill:#25D366!important}.whatsapp-icon-tail{fill:#25D366!important;stroke:#25D366!important;stroke-width:1!important}.whatsapp-icon-phone{fill:#fff!important}
/* SMS: unmistakable blue speech bubble with white ellipsis. */
.sms-modern-svg{display:block!important}.sms-icon-bg{fill:#2F80ED!important}.sms-icon-dot{fill:#fff!important}
/* Call: classic solid handset, deliberately a touch smaller than the brand icons. */
.studio-card-mount .template-card[data-contact-layout="compact"] .phone-modern-svg,
#card[data-contact-layout="compact"] .phone-modern-svg{width:28px!important;height:28px!important;display:block!important;overflow:visible!important}
.phone-icon-handset{fill:currentColor!important}
/* Instagram: stronger camera glyph at compact size. */
.studio-card-mount .template-card[data-contact-layout="compact"] .instagram-mark,
#card[data-contact-layout="compact"] .instagram-mark{
  border-radius:8px!important;
  background:radial-gradient(circle at 70% 72%,#ffd600 0 11%,#ff7a00 24%,#ff0169 49%,#d300c5 68%,#7638fa 100%)!important;
  box-shadow:none!important;position:relative!important;
}
.studio-card-mount .template-card[data-contact-layout="compact"] .instagram-mark:before,
#card[data-contact-layout="compact"] .instagram-mark:before{
  width:13px!important;height:13px!important;border:2.4px solid #fff!important;border-radius:50%!important;
  position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;box-sizing:border-box!important;
}
.studio-card-mount .template-card[data-contact-layout="compact"] .instagram-mark:after,
#card[data-contact-layout="compact"] .instagram-mark:after{
  width:4px!important;height:4px!important;background:#fff!important;right:5px!important;top:5px!important;border-radius:50%!important;
}
/* LinkedIn keeps its own blue tile: the transparent outer action no longer erases the brand mark. */
.studio-card-mount .template-card[data-contact-layout="compact"] .linkedin-mark,
#card[data-contact-layout="compact"] .linkedin-mark{
  display:grid!important;place-items:center!important;background:#0A66C2!important;color:#fff!important;
  border-radius:6px!important;font:800 18px/1 Arial,Helvetica,sans-serif!important;letter-spacing:-1.4px!important;
  opacity:1!important;filter:none!important;
}
/* Keep themed variants legible instead of washing out their silhouettes. */
.artwork-card[data-icon-style="minimal"] .sms-icon-bg{fill:currentColor!important}
.artwork-card[data-icon-style="minimal"] .whatsapp-icon-bg,.artwork-card[data-icon-style="minimal"] .whatsapp-icon-tail{fill:currentColor!important;stroke:currentColor!important}
.artwork-card[data-icon-style="neon"] .sms-icon-bg{fill:#dffff8!important}.artwork-card[data-icon-style="neon"] .linkedin-mark{background:#dffff8!important;color:#06221c!important;box-shadow:0 0 2px #fff,0 0 6px #2bffd2,0 0 12px #00d6a7!important}
.artwork-card[data-icon-style="pastel"] .sms-icon-bg{fill:#86a9b6!important}.artwork-card[data-icon-style="pastel"] .linkedin-mark{background:#86a9b6!important;color:#fff!important}


/* v31.7 — contact icons are local image assets, not inline-rendered marks. */
.contact-icon-image{
  width:29px!important;height:29px!important;max-width:29px!important;max-height:29px!important;
  display:block!important;object-fit:contain!important;object-position:center!important;
  pointer-events:none!important;user-select:none!important;-webkit-user-drag:none!important;
}
.studio-card-mount .template-card[data-contact-layout="compact"] .contact-icon-image,
#card[data-contact-layout="compact"] .contact-icon-image{
  width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;
}
/* The call image stays slightly smaller, as requested. */
.studio-card-mount .template-card[data-contact-layout="compact"] .contact-icon-phone,
#card[data-contact-layout="compact"] .contact-icon-phone{
  width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;
}
/* WhatsApp uses a square visual box; its SVG viewBox reserves room for the tail. */
.studio-card-mount .template-card[data-contact-layout="compact"] .contact-icon-whatsapp,
#card[data-contact-layout="compact"] .contact-icon-whatsapp{overflow:visible!important}
/* Preserve the existing icon-style selector with image assets. */
.artwork-card[data-icon-style="neon"] .contact-icon-image{filter:grayscale(1) brightness(2.05) sepia(1) hue-rotate(105deg) saturate(5.5) contrast(1.1) drop-shadow(0 0 1px #fff) drop-shadow(0 0 4px #2bffd2) drop-shadow(0 0 10px #00d6a7)!important}
.artwork-card[data-icon-style="minimal"] .contact-icon-image{filter:grayscale(1)!important;opacity:.78!important}
.artwork-card[data-icon-style="pastel"] .contact-icon-image{filter:saturate(.55) brightness(1.15)!important;opacity:.94!important}

/* v31.9 — icons another 10% larger than v31.8, without changing spacing/click boxes. */
.studio-card-mount .template-card .contact-icon-image,
#card .contact-icon-image{
  transform:scale(1.21)!important;
  transform-origin:center center!important;
}


/* v31.12 — compact custom sections: centered titles, optional section background, no outer frame. */
.custom-sections-card .custom-section-title-input{text-align:center!important}
.custom-section-text-color-control{display:flex;align-items:center;gap:7px;min-width:0}
.custom-section-text-color-control input[type=color]{width:42px!important;height:34px!important;min-width:42px!important;padding:2px!important;border:1px solid #d8e0d4!important;border-radius:8px!important;background:#fff!important;cursor:pointer}
.custom-section-clear-text-color{min-height:34px!important;padding:0 10px!important;border:1px solid #d8e0d4!important;border-radius:8px!important;background:#fff!important;color:#526957!important;font:700 9px/1 Inter,sans-serif!important;white-space:nowrap;cursor:pointer}
.custom-section-clear-text-color[aria-pressed="true"]{background:#eef3eb!important;color:#315d4e!important}
.custom-section-background-control{display:flex;align-items:center;gap:7px;min-width:0}
.custom-section-background-control input[type=color]{width:42px!important;height:34px!important;min-width:42px!important;padding:2px!important;border:1px solid #d8e0d4!important;border-radius:8px!important;background:#fff!important;cursor:pointer}
.custom-section-clear-bg{min-height:34px!important;padding:0 10px!important;border:1px solid #d8e0d4!important;border-radius:8px!important;background:#fff!important;color:#526957!important;font:700 9px/1 Inter,sans-serif!important;white-space:nowrap;cursor:pointer}
.custom-section-clear-bg[aria-pressed="true"]{background:#eef3eb!important;color:#315d4e!important}
.studio-card-mount .tpl-custom-sections.custom-section-tabs,#card .custom-public-sections.custom-section-tabs{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;margin:4px 0 5px!important}
.studio-card-mount .tpl-additional-panel:has(> .tpl-custom-sections.custom-section-tabs),#card .additional-content-panel:has(> .custom-public-sections.custom-section-tabs){border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;margin:4px 0 5px!important}
.custom-section-tabbar{padding:0 0 4px!important}
.custom-section-tab{text-align:center!important}
.custom-section-tabstage{border:0!important;background:transparent!important;padding:0!important;margin:0!important}
.custom-section-tabpanel{border:0!important;box-shadow:none!important;margin:0!important;padding:7px 8px!important;background:var(--section-bg,transparent)!important;border-radius:9px!important}
.custom-section-tabpanel:not(.has-section-bg){padding:5px 0!important;border-radius:0!important;background:transparent!important}

/* v31.13 — custom sections: centered plain title, no outer frame, maximum usable width. */
.studio-card-mount .custom-section-tabbar,
#card .custom-section-tabbar{
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 0 5px!important;
  overflow-x:auto;
}
.studio-card-mount .custom-section-tab,
#card .custom-section-tab{
  background:transparent!important;
  color:inherit!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  min-height:0!important;
  padding:4px 7px!important;
  text-align:center!important;
  font-weight:700!important;
}
.studio-card-mount .custom-section-tab.active,
#card .custom-section-tab.active{
  background:transparent!important;
  color:inherit!important;
  border:0!important;
  box-shadow:inset 0 -2px 0 currentColor!important;
}
/* Remove every possible outer shell around custom sections, including detached/dragged sections. */
.studio-card-mount .tpl-custom-sections.custom-section-tabs,
#card .custom-public-sections.custom-section-tabs,
.studio-card-mount .premium-detached-panel[data-detached-key="sections"],
#card .premium-detached-panel[data-detached-key="sections"]{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:0!important;
  overflow:visible!important;
}
.studio-card-mount .premium-detached-panel[data-detached-key="sections"],
#card .premium-detached-panel[data-detached-key="sections"]{
  margin-top:4px!important;
  margin-bottom:5px!important;
}
.studio-card-mount .premium-detached-panel[data-detached-key="sections"] > .tpl-custom-sections,
#card .premium-detached-panel[data-detached-key="sections"] > .custom-public-sections{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.studio-card-mount .custom-section-tabstage,
#card .custom-section-tabstage{
  width:100%!important;
  max-width:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
}
.studio-card-mount .custom-section-tabpanel,
#card .custom-section-tabpanel{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
  padding:6px 7px!important;
}
.studio-card-mount .custom-section-tabpanel:not(.has-section-bg),
#card .custom-section-tabpanel:not(.has-section-bg){
  padding:3px 0!important;
}


/* v31.25 — published card parity: centered configured icons only; compact QR label below. */
/* Match the centered contact row used by the editor preview, including mobile and reordered layouts. */
#card[data-contact-layout="compact"] .data-actions,
#card[data-contact-layout="compact"].premium-reordered .data-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  align-content:center!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
/* Never resurrect contact actions whose field is empty, even when compact rules force display:grid/flex. */
#card .data-row[hidden],
#card .data-row.premium-contact-hidden{
  display:none!important;
}
/* QR: no explanatory sentence; keep the short label centered immediately below the code. */
#card .qr-public-panel .qr{
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  text-align:center!important;
}
#card .qr-public-panel .qr>div{
  width:100%!important;
  max-width:none!important;
  text-align:center!important;
}
#card .qr-public-panel .qr b{
  display:block!important;
  margin:0!important;
  text-align:center!important;
  font-size:11px!important;
  line-height:1.2!important;
}

/* v31.38 — custom sections: improve visibility when the global icon style is Neon. */
.artwork-card[data-icon-style="neon"] .custom-section-tab,
.artwork-card[data-icon-style="neon"] .custom-section-tabtext{
  text-shadow:0 1px 2px rgba(0,0,0,.92),0 0 6px rgba(43,255,210,.48)!important;
}
.artwork-card[data-icon-style="neon"] .custom-section-tab.active{
  box-shadow:inset 0 -2px 0 #dffff8,0 2px 6px rgba(0,214,167,.42)!important;
}
.artwork-card[data-icon-style="neon"] .custom-section-tabpanel:not(.has-section-bg):not(.section-bg-title-only){
  background:transparent!important;
  border:1px solid rgba(223,255,248,.42)!important;
  border-radius:10px!important;
  padding:8px 9px!important;
  box-shadow:0 0 10px rgba(0,214,167,.18)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.artwork-card[data-icon-style="neon"] .custom-section-visual-icon{
  display:inline-grid!important;
  place-items:center!important;
  min-width:38px!important;
  min-height:38px!important;
  padding:4px 7px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(223,255,248,.82)!important;
  border-radius:10px!important;
  background:rgba(8,34,29,.82)!important;
  color:#effffb!important;
  text-shadow:0 0 2px #fff,0 0 6px #2bffd2,0 0 12px #00d6a7!important;
  box-shadow:0 0 2px rgba(255,255,255,.92),0 0 7px rgba(43,255,210,.82),0 0 15px rgba(0,214,167,.66)!important;
}
.artwork-card[data-icon-style="neon"] .custom-section-visual-divider{
  border-top-color:#dffff8!important;
  opacity:.78!important;
  filter:drop-shadow(0 0 4px #2bffd2)!important;
}


/* v31.40 — custom section backgrounds: title + content, adjustable transparency, optional title-only scope. */
.custom-section-background-row{grid-column:1/-1;display:grid;grid-template-columns:minmax(165px,.85fr) minmax(170px,.9fr) minmax(190px,1fr) minmax(180px,1fr);gap:10px;align-items:end}
.custom-section-background-row>label{min-width:0}
.custom-section-transparency-control{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;align-items:center;min-height:34px}
.custom-section-transparency-control input[type=range]{width:100%!important;min-width:0!important;padding:0!important;background:transparent!important;border:0!important}
.custom-section-transparency-control output{font:700 9px/1 Inter,sans-serif;color:#526957;text-align:right}
.custom-section-background-scope select{min-height:34px}
.studio-card-mount .custom-section-tab.has-section-title-bg,#card .custom-section-tab.has-section-title-bg{background:var(--section-tab-bg)!important;border-radius:8px!important;padding:5px 9px!important;box-shadow:none!important}
.studio-card-mount .custom-section-tab.has-section-title-bg.active,#card .custom-section-tab.has-section-title-bg.active{box-shadow:inset 0 -2px 0 currentColor,0 1px 5px rgba(0,0,0,.12)!important}
.studio-card-mount .custom-section-tabpanel.section-bg-title-only,#card .custom-section-tabpanel.section-bg-title-only{background:transparent!important;padding:3px 0!important;border-radius:0!important;box-shadow:none!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(max-width:700px){.custom-section-background-row{grid-template-columns:1fr 1fr}.custom-section-background-scope{grid-column:auto}}
@media(max-width:480px){.custom-section-background-row{grid-template-columns:1fr}.custom-section-background-scope{grid-column:auto}}


/* v31.41 — QR panel controls: optional background color and explicit free positioning. */
.qr-layout-controls{margin-top:18px;padding-top:18px;border-top:1px solid #dfe5dc;display:grid;gap:14px}
.qr-layout-head>div{display:grid;gap:4px}.qr-layout-head span,.qr-mode-control>span,.qr-background-control>span,.qr-coordinate-grid label>span{font-size:10px;font-weight:700;letter-spacing:.11em;color:#315d4e}.qr-layout-head small{font-size:12px;line-height:1.45;color:#66756e}
.qr-layout-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:end}.qr-mode-control,.qr-background-control{display:grid;gap:7px}.qr-mode-buttons,.qr-background-inputs{display:flex;align-items:center;gap:7px;min-width:0}.qr-mode-buttons button,.qr-background-inputs button,.qr-position-reset{min-height:38px;border:1px solid #cfd9d1;border-radius:9px;background:#fff;color:#315d4e;font:600 12px Inter,Arial,sans-serif;padding:8px 12px;cursor:pointer}.qr-mode-buttons button.active,.qr-mode-buttons button[aria-pressed="true"],.qr-background-inputs button.active{background:#315d4e;color:#fff;border-color:#315d4e}.qr-background-inputs input[type="color"]{width:48px;height:38px;padding:3px;border:1px solid #cfd9d1;border-radius:9px;background:#fff;cursor:pointer}.qr-background-inputs input[type="color"]:disabled{opacity:.45;cursor:not-allowed}
.qr-free-area{display:grid;gap:10px;padding:12px;border:1px dashed #c9d4cb;border-radius:10px;background:#f8faf6}.qr-free-area[hidden]{display:none!important}.qr-free-area>p{margin:0;color:#617168;font-size:11px;line-height:1.45}.qr-coordinate-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qr-coordinate-grid label{display:grid;grid-template-columns:1fr auto;gap:6px 8px;align-items:center}.qr-coordinate-grid output{font-size:11px;color:#315d4e}.qr-coordinate-grid input[type="range"]{grid-column:1/-1;width:100%}.qr-position-reset{justify-self:start;background:transparent}
.studio-card-mount .artwork-card.qr-has-background>.tpl-qr-panel,#card.artwork-card.qr-has-background>.qr-public-panel{width:fit-content!important;max-width:min(92%,340px)!important;margin-left:auto!important;margin-right:auto!important;padding:8px!important;border-radius:12px!important;background:var(--qr-panel-bg)!important;border:1px solid color-mix(in srgb,currentColor 24%,transparent)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.studio-card-mount .artwork-card:not(.qr-has-background)>.tpl-qr-panel,#card.artwork-card:not(.qr-has-background)>.qr-public-panel{background:transparent!important;border-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.studio-card-mount .premium-qr-draggable{cursor:grab!important;touch-action:none!important;user-select:none!important}.studio-card-mount .tpl-qr-panel:not(.premium-qr-draggable){cursor:default!important;touch-action:auto!important}
@media(max-width:720px){.qr-layout-grid,.qr-coordinate-grid{grid-template-columns:1fr}.qr-mode-buttons{flex-wrap:wrap}}

/* v31.42 — QR controls are a dedicated accordion section, visible alongside Custom Sections and Calendar. */
.qr-settings-card.qr-layout-controls{display:block}
.qr-settings-card>.qr-layout-head{margin-top:0}
.qr-settings-card>.qr-layout-head>div{display:grid;gap:5px}
.qr-settings-card>.qr-layout-head>div>span{font-size:10px;font-weight:700;letter-spacing:.11em;color:#315d4e}
.qr-settings-card>.qr-layout-head>div>small{font-size:12px;line-height:1.5;color:#66756e}


/* v31.44 — QR libre WYSIWYG: editor y tarjeta publicada comparten el mismo lienzo 390x844. */
.artwork-card.qr-floating>.tpl-qr-panel,
#card.artwork-card.qr-floating>.qr-public-panel{
  left:var(--qr-left-px,var(--qr-x,50%))!important;
  top:var(--qr-top-px,var(--qr-y,82%))!important;
  width:var(--qr-box-px,37.44%)!important;
  height:var(--qr-box-px,37.44%)!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  padding:var(--qr-pad-px,4px)!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.studio-card-mount .artwork-card.qr-floating>.tpl-qr-panel .tpl-qr{
  width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;box-sizing:border-box!important;
}
#card.artwork-card.qr-floating>.qr-public-panel .qr{
  width:100%!important;height:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;display:grid!important;place-items:center!important;gap:0!important;
}
#card.artwork-card.qr-floating>.qr-public-panel .qr img{
  display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;aspect-ratio:1/1!important;object-fit:contain!important;
}
#card.artwork-card.qr-floating>.qr-public-panel .qr>div{display:none!important}


/* v31.50 — user-selected contact color while preserving each icon logo. */
.icon-color-control[hidden]{display:none!important}
.icon-color-control{display:grid!important;gap:7px!important}
.icon-color-picker{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.icon-color-picker input[type=color]{width:48px!important;height:38px!important;min-width:48px!important;padding:2px!important;border:1px solid #d8e0d4!important;border-radius:9px!important;background:#fff!important;cursor:pointer}
.icon-color-picker .icon-color-hex{width:96px!important;min-width:96px!important;height:38px!important;padding:0 10px!important;border:1px solid #d8e0d4!important;border-radius:9px!important;background:#fff!important;color:#314d3f!important;font:700 11px/1 Inter,sans-serif!important;text-transform:uppercase!important}
.icon-color-picker output{font:700 10px/1 Inter,sans-serif;color:#526957;letter-spacing:.04em;min-width:62px}
.icon-color-presets{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}
.icon-color-preset{width:24px;height:24px;border-radius:50%;border:1px solid #cad5cc;box-shadow:inset 0 0 0 2px #fff;cursor:pointer;padding:0}
.icon-color-preset:focus-visible{outline:2px solid #315d4e;outline-offset:2px}
.icon-style-preview-color i{background:transparent!important;color:var(--icon-preview-color,#FFC857)!important;border-color:var(--icon-preview-color,#FFC857)!important;box-shadow:none!important}
.icon-style-preview-color .mini-wa,.icon-style-preview-color .mini-fb{background:var(--icon-preview-color,#FFC857)!important;color:#fff!important}
.icon-style-preview-color .mini-mail{background:transparent!important;color:var(--icon-preview-color,#FFC857)!important;border-color:var(--icon-preview-color,#FFC857)!important}
.icon-style-preview-color .mini-pin{background:var(--icon-preview-color,#FFC857)!important}.icon-style-preview-color .mini-pin::after{background:#fff!important}

.artwork-card[data-icon-style="color"] .tpl-action-icon,
.artwork-card[data-icon-style="color"] .data-icon{position:relative!important;color:var(--icon-color,#FFC857)!important}
.artwork-card[data-icon-style="color"] .contact-icon-image{visibility:hidden!important;filter:none!important;opacity:1!important}
.contact-color-icon{display:none;position:absolute;left:50%;top:50%;width:29px;height:29px;transform:translate(-50%,-50%);color:var(--icon-color,#FFC857);pointer-events:none}
.contact-color-icon[hidden]{display:none!important}
.artwork-card[data-icon-style="color"] .contact-color-icon:not([hidden]){display:block!important}
.contact-color-svg{display:block;width:100%;height:100%;overflow:visible}
.artwork-card[data-icon-style="color"][data-contact-layout="compact"] .contact-color-icon{width:32px;height:32px}
.artwork-card[data-icon-style="color"][data-contact-layout="compact"] .tpl-action-phone .contact-color-icon,
.artwork-card[data-icon-style="color"][data-contact-layout="compact"] #call .contact-color-icon{width:28px;height:28px}

/* v31.49 — optional borders for image/photo and classic contact rows. */
.border-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid #e1e7de}
.border-toggle-row>div{min-width:0}.border-toggle-title{display:block;font:700 8px/1.2 Inter,sans-serif;letter-spacing:.09em;color:#5b705f}.border-toggle-hint{display:block;margin-top:4px;font:500 9px/1.35 Inter,sans-serif;color:#7c877d}
.border-switch{display:flex;align-items:center;gap:8px;cursor:pointer;flex:0 0 auto}.border-switch input{position:absolute;opacity:0;pointer-events:none}.border-switch i{position:relative;width:34px;height:20px;border-radius:999px;background:#cfd8d1;transition:.15s;box-shadow:inset 0 0 0 1px #bdc9c0}.border-switch i::after{content:'';position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.15s;box-shadow:0 1px 3px #0002}.border-switch input:checked+i{background:#315d4e;box-shadow:inset 0 0 0 1px #315d4e}.border-switch input:checked+i::after{transform:translateX(14px)}.border-switch input:focus-visible+i{outline:2px solid #315d4e;outline-offset:2px}.border-switch b{font:700 9px/1 Inter,sans-serif;color:#50665a;white-space:nowrap}
/* Image border off: affects the profile/photo frame and company-image frame only. */
.studio-card-mount .artwork-card[data-photo-border="off"] .tpl-photo,
#card.artwork-card[data-photo-border="off"] .photo,
.studio-card-mount .artwork-card[data-photo-border="off"] .tpl-company-logo,
#card.artwork-card[data-photo-border="off"] .company-logo,
#card.artwork-card[data-photo-border="off"] .company-logo img{border:0!important;outline:0!important;box-shadow:none!important}
/* Contact border off: keep the contact background/radius, remove only the outline. */
.studio-card-mount .artwork-card[data-contact-borders="off"] .tpl-actions>.tpl-action,
#card.artwork-card[data-contact-borders="off"] .data-actions>.data-row{border:0!important;outline:0!important;box-shadow:none!important}

/* v31.52 — iconos individuales en posición libre: centra horizontalmente el icono dentro de su cuadro de arrastre. */
.studio-card-mount .template-card .tpl-action.premium-contact-floating,
.studio-card-mount .artwork-card .tpl-action.premium-contact-floating,
#card.artwork-card .data-row.premium-contact-floating{
  grid-template-columns:1fr!important;
  column-gap:0!important;
  gap:0!important;
  padding-left:0!important;
  padding-right:0!important;
  justify-items:center!important;
}
.studio-card-mount .template-card .tpl-action.premium-contact-floating > .tpl-action-icon,
.studio-card-mount .artwork-card .tpl-action.premium-contact-floating > .tpl-action-icon,
#card.artwork-card .data-row.premium-contact-floating > .data-icon{
  grid-column:1!important;
  justify-self:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* v31.55 — custom section can use an uploaded image instead of text. */
.custom-sections-card .custom-section-content-type{grid-column:1/-1}
.custom-sections-card .custom-section-image-content[hidden],.custom-sections-card .custom-section-text-content[hidden],.custom-sections-card .custom-section-visual-editor[hidden]{display:none!important}
.custom-sections-card .custom-section-image-label{display:block;margin-bottom:7px;font:700 8px/1.2 Inter,sans-serif;letter-spacing:.1em;color:#5b705f}
.custom-sections-card .custom-section-image-picker{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);gap:12px;align-items:center;border:1px solid #e0e7df;border-radius:10px;padding:10px;background:#fafbf8}
.custom-sections-card .custom-section-image-preview{min-height:108px;border:1px dashed #cfd9cf;border-radius:9px;background:#fff;display:grid;place-items:center;overflow:hidden;color:#819087;font:600 10px Inter,sans-serif;text-align:center;padding:8px;box-sizing:border-box}
.custom-sections-card .custom-section-image-preview img{display:block;width:100%;height:124px;object-fit:contain;border-radius:7px}
.custom-sections-card .custom-section-image-actions{display:grid;gap:7px;align-content:center}
.custom-sections-card .custom-section-image-upload{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid #315d4e;border-radius:9px;background:#315d4e;color:#fff;cursor:pointer;font:700 10px Inter,sans-serif;padding:0 12px}
.custom-sections-card .custom-section-image-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.custom-sections-card .custom-section-image-actions button{min-height:36px;border:1px solid #dce3dc;border-radius:9px;background:#fff;color:#315d4e;cursor:pointer;font:700 10px Inter,sans-serif}
.custom-sections-card .custom-section-image-actions button:disabled{opacity:.45;cursor:default}
.custom-sections-card .custom-section-image-actions small{font:500 9px/1.4 Inter,sans-serif;color:#7a887f}
.custom-section-image-display{display:flex;justify-content:var(--section-align,left);width:100%;margin-top:4px}
.custom-section-content-image{display:block;max-width:100%;width:auto;max-height:420px;object-fit:contain;border-radius:10px}
.studio-card-mount .custom-section-content-image{max-height:190px}
@media(max-width:620px){.custom-sections-card .custom-section-image-picker{grid-template-columns:1fr}.custom-sections-card .custom-section-image-preview img{height:160px}.custom-section-content-image{max-height:320px}}


/* v31.57 — custom sections can detach from the shared tab row and move vertically. */
.custom-sections-card .custom-section-detach-row{grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:12px;align-items:end;padding:10px 0 2px}
.custom-sections-card .custom-section-detach-control{display:grid;gap:6px;min-width:0}
.custom-sections-card .custom-section-detach-control>small{font:500 9px/1.45 Inter,sans-serif!important;color:#7a887f}
.custom-section-detach-switch{display:flex;align-items:center;gap:8px;min-height:36px;width:max-content;max-width:100%;padding:0 10px;border:1px solid #d8e0d4;border-radius:9px;background:#fff;box-sizing:border-box;cursor:pointer}
.custom-section-detach-switch input{position:absolute;opacity:0;pointer-events:none}
.custom-section-detach-switch i{position:relative;width:30px;height:17px;flex:0 0 auto;border-radius:999px;background:#d7ded8;transition:background .15s ease}
.custom-section-detach-switch i::after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .15s ease}
.custom-section-detach-switch input:checked+i{background:#315d4e}
.custom-section-detach-switch input:checked+i::after{transform:translateX(13px)}
.custom-section-detach-switch b{font:700 10px/1 Inter,sans-serif;color:#315d4e;white-space:nowrap}
.custom-section-detached-stage{display:contents}
.custom-section-detached{position:relative!important;z-index:4;transform:none!important;transition:box-shadow .12s ease,opacity .12s ease;overflow:visible!important;width:100%!important;box-sizing:border-box;margin:8px 0!important;flex:0 0 auto}
.custom-section-detached-title{margin:0 0 6px!important;color:var(--section-text-color,inherit)!important;font-weight:700!important}
.studio-card-mount .custom-section-detached-title.has-section-title-bg,#card .custom-section-detached-title.has-section-title-bg{background:var(--section-tab-bg)!important;border-radius:8px!important;padding:5px 9px!important;box-shadow:none!important}
.studio-card-mount .premium-section-detached-editable{cursor:grab!important;touch-action:none!important;user-select:none!important;outline:1px dashed transparent;outline-offset:3px}
.studio-card-mount .premium-section-detached-editable:hover,.studio-card-mount .premium-section-detached-editable:focus{outline-color:rgba(49,93,78,.5)}
.studio-card-mount .premium-section-detached-dragging{cursor:grabbing!important;transition:none!important;outline:2px dashed rgba(49,93,78,.72)!important;box-shadow:0 10px 24px rgba(24,48,38,.16)!important;opacity:.94}
.artwork-card[data-icon-style="neon"] .custom-section-detached-title{color:var(--section-text-color,inherit)!important;text-shadow:0 1px 2px rgba(0,0,0,.92),0 0 6px rgba(43,255,210,.48)!important}
@media(max-width:620px){.custom-sections-card .custom-section-detach-row{grid-template-columns:1fr}}

/* v31.58 — dedicated Save contact button editor. */
.save-contact-editor-card{margin-top:18px}
.save-contact-editor-head h3{margin:6px 0 7px;font:500 22px 'Cormorant Garamond',Georgia,serif;color:#294d3b}
.save-contact-editor-head p{margin:0 0 16px;max-width:620px;font:400 10px/1.55 Inter,sans-serif;color:#798475}
.save-contact-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.save-contact-editor-grid>label,.save-contact-color-control,.save-contact-design-control{min-width:0}
.save-contact-control-label,.save-contact-font-control>span,.save-contact-range-control>span>b,.save-contact-design-label{display:block;margin-bottom:6px;font:700 8px/1.2 Inter,sans-serif;letter-spacing:.08em;color:#6e7c69}
.save-contact-color-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;align-items:center;border:1px solid #dde4da;border-radius:10px;padding:10px;background:#fbfcf8}
.save-contact-color-control>.save-contact-control-label{grid-column:1/-1;margin:0}
.save-contact-color-control>input[type=color]{width:44px;height:34px;border:1px solid #d5ddd2;border-radius:8px;padding:3px;background:#fff;cursor:pointer}
.save-contact-color-control>input[type=color]:disabled{opacity:.35;cursor:default}
.save-contact-switch{display:flex;align-items:center;gap:8px;min-width:0;cursor:pointer}
.save-contact-switch input{position:absolute;opacity:0;pointer-events:none}
.save-contact-switch i{position:relative;display:block;width:34px;height:19px;flex:0 0 auto;border-radius:999px;background:#d7ded4;transition:.18s}
.save-contact-switch i:after{content:'';position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0002;transition:.18s}
.save-contact-switch input:checked+i{background:#55785e}.save-contact-switch input:checked+i:after{transform:translateX(15px)}
.save-contact-switch b{font:600 9px/1.25 Inter,sans-serif;color:#526157}
.save-contact-font-control select{width:100%;min-height:39px;border:1px solid #d7dfd4;border-radius:9px;background:#fff;color:#294d3b;padding:0 10px;font:600 11px Inter,sans-serif}
.save-contact-range-control{display:grid;gap:5px;padding:10px;border:1px solid #dde4da;border-radius:10px;background:#fbfcf8}
.save-contact-range-control>span{display:flex;align-items:center;justify-content:space-between;gap:10px}
.save-contact-range-control>span>b{margin:0}.save-contact-range-control output{font:700 9px Inter,sans-serif;color:#315d4e}
.save-contact-range-control input[type=range]{width:100%}
.save-contact-design-control{grid-column:1/-1;border-top:1px solid #e1e6de;padding-top:12px}
.save-contact-design-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.save-contact-design-preview{min-height:72px;border:1px dashed #cfd9cb;border-radius:10px;background:#f8faf6;display:grid;place-items:center;overflow:hidden;color:#859187;font:500 9px Inter,sans-serif}
.save-contact-design-preview img{display:block;width:100%;height:72px;object-fit:cover}
.save-contact-design-actions{display:grid;gap:7px;min-width:130px}
.save-contact-design-actions label,.save-contact-design-actions button{min-height:34px;border:1px solid #ccd7c9;border-radius:8px;background:#fff;color:#315d4e;display:flex;align-items:center;justify-content:center;padding:0 10px;font:700 9px Inter,sans-serif;cursor:pointer}
.save-contact-design-actions label input{display:none}.save-contact-design-actions button{color:#8c514b}
.save-contact-file-hint{display:block;margin-top:7px;font:500 8px/1.4 Inter,sans-serif;color:#859187}
@media(max-width:620px){.save-contact-editor-grid{grid-template-columns:1fr}.save-contact-design-control{grid-column:auto}.save-contact-design-picker{grid-template-columns:1fr}.save-contact-design-actions{grid-template-columns:1fr 1fr}.save-contact-design-actions label,.save-contact-design-actions button{width:100%;box-sizing:border-box}}

/* v31.60 — remove the decorative divider below Professional information in the live card preview. */
.studio-card-mount .template-card .tpl-content>i{display:none!important}


/* v31.63 — unrestricted vertical flow for all content blocks. */
.studio-card-mount .artwork-card.premium-unrestricted-order .tpl-content,
#card.artwork-card.premium-unrestricted-order .content{display:flex!important;flex-direction:column!important;min-width:0!important}
.studio-card-mount .artwork-card.premium-unrestricted-order .tpl-content>[data-block],
#card.artwork-card.premium-unrestricted-order .content>[data-block]{flex:0 0 auto;min-width:0}
.studio-card-mount .artwork-card.qr-has-background .tpl-content>.tpl-qr-panel,
#card.artwork-card.qr-has-background .content>.qr-public-panel{width:fit-content!important;max-width:min(92%,340px)!important;margin-left:auto!important;margin-right:auto!important;padding:8px!important;border-radius:12px!important;background:var(--qr-panel-bg)!important;border:1px solid color-mix(in srgb,currentColor 24%,transparent)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.studio-card-mount .artwork-card:not(.qr-has-background) .tpl-content>.tpl-qr-panel,
#card.artwork-card:not(.qr-has-background) .content>.qr-public-panel{background:transparent!important;border-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.studio-card-mount .custom-section-detached.premium-editable{cursor:grab!important;touch-action:none!important;user-select:none!important}

/* Neon uses outlined SVGs; only one restrained glow, never stacked image filters. */
.artwork-card[data-icon-style="neon"] :is(.tpl-action-icon,.data-icon){filter:none!important;color:inherit!important}
.artwork-card[data-icon-style="neon"] img.contact-icon-image{filter:drop-shadow(0 0 1.5px var(--neon-color,#42baff))!important;opacity:1!important}
.artwork-card[data-icon-style="neon"] .contact-icon-phone{--neon-color:#00dbab}
.artwork-card[data-icon-style="neon"] .contact-icon-whatsapp{--neon-color:#27f096}
.artwork-card[data-icon-style="neon"] .contact-icon-sms{--neon-color:#3ce4ff}
.artwork-card[data-icon-style="neon"] .contact-icon-email{--neon-color:#ffb84b}
.artwork-card[data-icon-style="neon"] .contact-icon-website{--neon-color:#42baff}
.artwork-card[data-icon-style="neon"] .contact-icon-location{--neon-color:#ff637d}
.artwork-card[data-icon-style="neon"] .contact-icon-facebook{--neon-color:#638bff}
.artwork-card[data-icon-style="neon"] .contact-icon-linkedin{--neon-color:#42baff}
.artwork-card[data-icon-style="neon"] .contact-icon-instagram{--neon-color:#ee49ff}

/* v28.css */
/* v28 — final editor refinements */

/* Acomodo sits immediately below Logo de empresa. */
.company-logo-card + .card-layout-card{margin-top:0!important}

/* Remove the extra multi-page landing builder; custom sections are the landing content system. */
.landing-builder{display:none!important}

/* Custom section editor behaves like a compact accordion. */
.custom-section-editor{border:1px solid #dfe6dd!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important}
.custom-section-summary{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:0;background:#f8faf6;color:#294d3b;text-align:left;cursor:pointer}
.custom-section-summary>span{display:flex;align-items:center;gap:10px;min-width:0}.custom-section-summary b{font:800 8px Inter,sans-serif;opacity:.55}.custom-section-summary strong{font:700 11px/1.3 Inter,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-section-summary>i{font:700 16px/1 Inter,sans-serif;font-style:normal}.custom-section-editor.open .custom-section-summary{border-bottom:1px solid #e5ebe3}
.custom-section-fields[hidden]{display:none!important}.custom-section-fields{padding:12px!important}.custom-section-toolbar{display:flex!important;justify-content:flex-end!important;margin:-2px 0 8px!important}.custom-section-toolbar>span{display:none!important}

/* Stronger immediate slider feedback in editor. */
.appearance-range{touch-action:pan-y;cursor:ew-resize!important}

/* Keep the phone preview stable and contained. */
.studio-preview{overflow:hidden!important}.studio-card-mount{max-width:100%!important}
.custom-section-editor.open .custom-section-fields{display:grid!important}
.custom-section-editor:not(.open) .custom-section-fields{display:none!important}

/* v30 — compact visual controls for profile image and company logo. */
.icon-choice-select-source{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.icon-choice-buttons{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.icon-choice-button{width:36px;height:32px;display:grid;place-items:center;padding:0!important;border:1px solid #dbe3d7!important;border-radius:8px!important;background:#fff!important;color:#506756!important;cursor:pointer}
.icon-choice-button svg{width:19px;height:19px;display:block}
.icon-choice-button.active{background:#315d4e!important;color:#fff!important;border-color:#315d4e!important}
.icon-choice-button:focus-visible{outline:2px solid #8cad9a;outline-offset:2px}
.photo-presentation-row{display:grid!important;grid-template-columns:minmax(116px,.8fr) minmax(116px,.8fr) minmax(150px,1.2fr)!important;gap:10px!important;align-items:end!important}
.photo-presentation-row>label,.photo-presentation-row>.photo-icon-control{margin:0!important;min-width:0!important}
.photo-presentation-row .appearance-slider{padding:0!important}
.photo-presentation-row .appearance-slider>span{margin-bottom:5px!important}
.photo-presentation-row .appearance-hint{display:none!important}
.photo-style-height-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(150px,190px)!important;gap:12px!important;align-items:end!important}
.photo-style-height-row .photo-y-control{margin:0!important;padding:0 0 4px!important}
.photo-style-height-row .photo-y-control .appearance-hint{display:none!important}
.photo-style-height-row .photo-y-control>span{margin-bottom:4px!important}
.logo-layout-grid{grid-template-columns:1fr!important}
.logo-position-icons{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}
.logo-position-icons .icon-choice-button{width:38px;height:34px}
@media(max-width:760px){.photo-presentation-row{grid-template-columns:1fr 1fr!important}.photo-presentation-row .photo-transparency-compact{grid-column:1/-1}.photo-style-height-row{grid-template-columns:1fr!important}}

/* v31.5 — content still scrolls inside the fixed phone frame, but the scrollbar is invisible. */
.studio-card-mount>.template-card,.studio-card-mount>.template-card[data-contact-layout=compact]{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important}
.studio-card-mount>.template-card::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
/* The artwork is painted directly on the fixed phone viewport, so scrolling moves content only. */
.studio-card-mount>.template-card.artwork-card{background-image:none!important}
.studio-card-mount>.template-card.artwork-card>.artwork-background{opacity:1!important}

/* v30 — the effects controls belong only to the Effect editor block. */
.studio-preview>.effect-controls,.studio-preview .preview-effect-controls{display:none!important}


/* v31 custom sections retouch — scoped only to Secciones personalizadas. */
.custom-sections-card .custom-section-editor{padding:0!important}
.custom-sections-card .custom-section-summary{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px!important;background:#f8faf6!important}
.custom-sections-card .custom-section-toggle{width:30px;height:30px;border:0;background:transparent;color:#294d3b;cursor:pointer;padding:0}
.custom-sections-card .custom-section-toggle b{font:800 8px Inter,sans-serif;opacity:.55}
.custom-sections-card .custom-section-title-input{width:100%;min-width:0;box-sizing:border-box;border:0!important;border-radius:7px!important;background:transparent!important;color:#294d3b!important;padding:8px 9px!important;font:700 11px/1.3 Inter,sans-serif!important;outline:none!important;box-shadow:none!important}
.custom-sections-card .custom-section-title-input:focus{background:#fff!important;box-shadow:0 0 0 1px #cfd9cb!important}
.custom-sections-card .custom-section-header-actions{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}
.custom-sections-card .custom-section-header-actions button{width:30px;height:30px;border:1px solid #d8e0d4;border-radius:7px;background:#fff;color:#46624b;cursor:pointer;font-size:14px;line-height:1;padding:0}
.custom-sections-card .custom-section-header-actions button:disabled{opacity:.3;cursor:default}
.custom-sections-card .custom-section-header-actions button[data-remove]{color:#9b5a52}
.custom-sections-card .custom-section-header-actions .custom-section-expand{font-weight:700}
.custom-sections-card .custom-section-fields{grid-template-columns:1fr 1fr!important;gap:10px!important;padding:12px!important}
.custom-sections-card .custom-section-settings-row{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.4fr);gap:10px;align-items:end}
.custom-sections-card .custom-section-settings-row label{min-width:0}
.custom-sections-card .custom-section-settings-row input,.custom-sections-card .custom-section-settings-row select{width:100%;min-width:0;box-sizing:border-box}
@media(max-width:620px){
 .custom-sections-card .custom-section-summary{grid-template-columns:28px minmax(0,1fr) auto;gap:5px;padding:7px!important}
 .custom-sections-card .custom-section-toggle{width:26px;height:28px}
 .custom-sections-card .custom-section-header-actions{gap:3px}
 .custom-sections-card .custom-section-header-actions button{width:27px;height:28px;font-size:13px}
 .custom-sections-card .custom-section-title-input{padding:7px 6px!important;font-size:10px!important}
 .custom-sections-card .custom-section-fields{grid-template-columns:1fr 1fr!important}
 .custom-sections-card .custom-section-settings-row{grid-template-columns:minmax(0,.7fr) minmax(0,.7fr) minmax(0,1.6fr);gap:6px}
 .custom-sections-card .custom-section-settings-row span{font-size:7px!important;letter-spacing:.04em!important}
 .custom-sections-card .custom-section-settings-row input,.custom-sections-card .custom-section-settings-row select{font-size:10px!important;padding-left:6px!important;padding-right:6px!important}
 .custom-sections-card .custom-section-fields .wide{grid-column:1/-1!important}
}


/* v31.1 — profile image size can reach the full card width. */
.profile-image-card .photo-size-control{margin:10px 0 0!important;padding:10px 0 0!important;border-top:1px solid #e1e7de!important}
.profile-image-card .photo-size-control>span{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:5px!important}
.profile-image-card .photo-size-control .appearance-hint{margin-top:5px!important}
@media(max-width:760px){.profile-image-card .photo-size-control{margin-top:8px!important}}

/* v31.2 — Logo de empresa: formato + tamaño in the same compact control language. */
.company-logo-card .logo-layout-controls{display:block!important}.company-logo-card .logo-layout-controls>h3{margin-bottom:9px!important}.company-logo-card .logo-position-icons,.company-logo-card .logo-shape-icons{margin-top:5px}.company-logo-card .logo-size-control .appearance-hint{margin-top:5px!important}

/* field-styles.css */
/* v31 field-level professional-information customization. */
.legacy-global-style-control{display:none!important}
.premium-studio .personalize-style-card .design-controls{display:none!important}
.premium-studio .personalize-style-card .design-controls + .appearance-hint{display:none!important}
.identity-card .fields>label[data-style-field]{align-self:start}
.field-style-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:7px;padding-top:7px;border-top:1px solid #e8ece6}
.field-style-control{display:block!important;min-width:0;margin:0!important;padding:0!important}
.field-style-controls span{display:block;margin:0 0 3px!important;font:700 7px/1.1 Inter,sans-serif!important;letter-spacing:.06em!important;color:#758272!important}
.field-style-controls select{display:block;width:100%!important;min-width:0!important;height:29px!important;min-height:29px!important;padding:0 20px 0 6px!important;border:1px solid #dce3dc!important;border-radius:7px!important;background:#fbfcfa!important;color:#294d3b!important;font:600 8px/1 Inter,sans-serif!important;box-shadow:none!important}
.field-style-box{border-radius:8px!important;padding:.18em .35em!important;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.contact-modern-svg{display:block;width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.facebook-modern-svg{display:block;width:1.18em;height:1.18em;stroke:none;overflow:visible}.facebook-icon-bg{fill:#1877F2}.facebook-icon-f{fill:#fff}
.location-modern-svg{display:block;width:1.04em;height:1.30em;overflow:visible}.location-icon-pin{fill:#FF1F1F}.location-icon-hole{fill:#fff}
.tpl-action-facebook .tpl-action-icon,#facebook .data-icon{color:#1877F2!important}
@media(max-width:620px){.field-style-controls{gap:4px}.field-style-controls select{font-size:7.5px!important;padding-left:5px!important;padding-right:15px!important}}

/* v31.1 — visual previews inside every field typography/color dropdown. */
.field-style-controls .visual-select{width:100%;min-width:0}
.field-style-controls .visual-select-trigger{height:29px!important;min-height:29px!important;padding:0 6px!important;border-radius:7px!important;font-size:8px!important}
.field-style-controls .visual-trigger-text{font-size:8px!important;line-height:1.05!important}
.field-style-controls .visual-chevron{font-size:10px!important}
.field-style-controls .visual-select-menu{left:0;right:auto;min-width:165px;max-width:210px;max-height:245px;padding:5px;border-radius:10px;z-index:180}
.field-style-controls .field-style-control:nth-child(2) .visual-select-menu,.field-style-controls .field-style-control:nth-child(3) .visual-select-menu{left:auto;right:0}
.field-style-controls .visual-select-option{min-height:31px!important;padding:5px 7px!important;border-radius:7px!important}
.field-style-controls .visual-option-sample{font-size:10px!important;line-height:1.1!important}

/* Typography preview for the custom-section font selector too. */
.custom-section-fields .visual-select-trigger{min-height:40px!important;height:40px!important;padding:0 10px!important;border-radius:10px!important;font-size:10px!important}
.custom-section-fields .visual-trigger-text{font-size:11px!important}
.custom-section-fields .visual-select-menu{min-width:190px;max-height:260px}
.custom-section-fields .visual-select-option{min-height:36px;padding:6px 9px}
.custom-section-fields .visual-option-sample{font-size:13px}

/* card-fixes.css */

/* v31.69: one artwork layer for preview and publication, including image fit. */
.studio-card-mount>.template-card.artwork-card.has-appearance,
#card.artwork-card.has-appearance{background-image:none!important}
.studio-card-mount>.template-card.artwork-card.has-appearance>.artwork-background,
#card.artwork-card.has-appearance>.artwork-background{opacity:1!important; background-image:var(--artwork)!important}
/* Normal QR alignment is independent of the information-panel alignment. */
.studio-card-mount .template-card[data-block-align]:not(.qr-floating) .tpl-qr-panel,
#card[data-block-align]:not(.qr-floating) .qr-public-panel{
  margin-left:auto!important;margin-right:auto!important;align-self:center!important;
  left:auto!important;right:auto!important;transform:translateX(var(--qr-center-offset,0px))!important;
}
#card:not(.qr-floating) .qr-public-panel .qr{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;width:100%!important;text-align:center!important;
}
#card:not(.qr-floating) .qr-public-panel .qr img{display:block!important;margin-left:auto!important;margin-right:auto!important;flex-shrink:0}

/* preview-parity.css */
body:has(#card.preview-parity){margin:0!important;padding:0!important;display:block!important;min-height:100dvh}
.public-card-frame{width:min(390px,100%);margin:0 auto;overflow:visible;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
#card#card.preview-parity{width:300px!important;max-width:300px!important;height:calc(300px * 844 / 390)!important;max-height:none!important;min-height:0!important;margin:0!important;box-sizing:border-box!important;overflow-x:visible!important;overflow-y:visible!important;scrollbar-width:none!important;--bg:var(--thumb-bg);--text:var(--thumb-text)}
#card#card.preview-parity::-webkit-scrollbar{display:none}
/* The field's explicit alignment wins in every layout and after detaching it. */
#card.preview-parity #job{width:100%!important;box-sizing:border-box!important}
#card.preview-parity #name{box-sizing:border-box!important;margin-bottom:0!important;overflow-wrap:normal!important}
.studio-card-mount .artwork-card .tpl-content>b,#card#card.preview-parity #name{white-space:nowrap!important;min-width:0!important}
#card#card#card.preview-parity .company-logo[hidden]{display:none!important}
/* The compiled legacy preview rules hide this layer. Publication and the
   current live preview paint artwork here, including partial custom images. */
#card#card#card.preview-parity.artwork-card{background-image:none!important}
#card#card#card.preview-parity.artwork-card>.artwork-background{opacity:1!important;display:block!important;background-image:var(--artwork)!important}
#card#card#card.preview-parity.artwork-card[class*="tpl-pro-"]>.artwork-background{background-image:none!important}
#card#card#card.preview-parity:not(.qr-floating) .qr-public-panel{margin-left:auto!important;margin-right:auto!important;align-self:center!important;transform:translateX(var(--qr-center-offset,0px))!important}
/* QR colour must not override the saved square geometry with fit-content. */
.studio-card-mount .artwork-card.qr-floating>.tpl-qr-panel,
#card#card#card.preview-parity.qr-floating>.qr-public-panel{
 width:var(--qr-box-px)!important;max-width:none!important;height:var(--qr-box-px)!important;
 min-width:0!important;min-height:0!important;margin:0!important;padding:var(--qr-pad-px)!important;
 left:var(--qr-left-px)!important;top:var(--qr-top-px)!important;
 transform:translate(-50%,-50%)!important;position:absolute!important;box-sizing:border-box!important;
}
.studio-card-mount .artwork-card.qr-floating>.tpl-qr-panel .tpl-qr,
#card#card#card.preview-parity.qr-floating>.qr-public-panel .qr{width:100%!important;height:100%!important;min-width:0!important;box-sizing:border-box!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border:0!important}
#card#card#card.preview-parity.qr-floating>.qr-public-panel .qr img{width:100%!important;height:100%!important;margin:0!important;padding:0!important;object-fit:contain!important;border-radius:0!important}
#card#card#card.preview-parity.qr-floating>.qr-public-panel .qr>div{display:none!important}
#card.preview-parity .data-row[hidden],#card.preview-parity .data-row.premium-contact-hidden{display:none!important}

/* The normal QR uses the same square as the freely positioned QR. */
.studio-card-mount .artwork-card .tpl-qr-panel .tpl-qr,
#card#card#card.preview-parity .qr-public-panel .qr{width:100%!important;height:100%!important;max-width:none!important;min-width:0!important;min-height:0!important;box-sizing:border-box!important;display:grid!important;place-items:center!important;gap:0!important;margin:0!important;padding:0!important;border:0!important}
#card#card#card.preview-parity .qr-public-panel .qr img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;object-fit:contain!important;border-radius:0!important}
#card#card#card.preview-parity .qr-public-panel .qr>div{display:none!important}

/* Do not clip contact rows at the canvas edge (including Safari with blur). */
#card#card#card.preview-parity .content{height:auto!important;max-height:none!important;overflow:visible!important}
#card#card#card.preview-parity .data-actions{height:auto!important;max-height:none!important;overflow:visible!important}
#card#card#card.preview-parity>.artwork-background{border-radius:inherit;overflow:hidden}

/* Content scrolls over a stationary artwork layer on mobile and desktop. */
.public-card-frame{position:relative;isolation:isolate}
#card#card#card.preview-parity{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important;scroll-padding-bottom:24px}
.card-motion-permission{display:block;margin:12px auto;padding:10px 16px;border:1px solid #315d4e;border-radius:10px;background:#fff;color:#173428;font:600 13px/1.4 Arial,sans-serif;max-width:90%;cursor:pointer}
.card-motion-permission[hidden]{display:none!important}

.public-card-background{position:absolute;inset:0 0 auto;pointer-events:none;overflow:hidden;border-radius:inherit;z-index:-1}
.public-card-background>.artwork-background{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:1!important}

#card#card#card.preview-parity{background-color:transparent!important}

.public-card-background:is([data-effect="tilt"],[data-effect="hologram"])>.artwork-background{transform:translate(var(--drift-x,0px),var(--drift-y,0px)) scale(1.06)!important}

/* Use the visible browser area without reserving a blank outer footer. */
body:has(#card.preview-parity){min-height:100dvh!important}
.public-card-frame{padding-bottom:0!important}
#card#card#card.preview-parity{padding-bottom:max(24px,env(safe-area-inset-bottom,0px))!important}

/* Visible fixed layers retain the same animation hooks as the editor artwork. */
.public-card-background>.artwork-sheen{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:none!important}
.public-card-background.has-appearance[data-background-usage=partial][data-effect=ambient]>.artwork-background{animation:partial-background-ambient 15s ease-in-out infinite alternate!important;transform:none!important;background-size:112% auto!important}
@media(prefers-reduced-motion:reduce){.public-card-background>.artwork-background,.public-card-background>.artwork-sheen,.public-card-background>.pro-artwork-mask{animation:none!important;transform:none!important;transition:none!important}}

/* The visible clone has explicit dimensions: negative source insets would expose an edge. */
.public-card-background.has-appearance[data-effect]>.artwork-background{inset:0!important;width:100%!important;height:100%!important}
@media(max-width:640px){
 body:has(#card.preview-parity){width:100%;min-height:100dvh!important;padding:0!important;margin:0!important}
 .public-card-frame{width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important}
 #card#card#card.preview-parity,.public-card-background{border-radius:0!important}
}

/* card-experience.css */
.background-scroll-control{margin-top:18px}.background-scroll-control button{padding:12px 16px;border:1px solid #315d4e;border-radius:9px;background:#f4f7f4;color:#173428;font-weight:700}.background-scroll-control button[aria-pressed="true"]{background:#315d4e;color:white}.background-scroll-control p,.panorama-hint{font-size:13px;line-height:1.5;color:#50685a}
.card-entry{box-sizing:border-box;width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:0;border-radius:20px;padding:28px;background:#fff;color:#173428;font:16px/1.5 system-ui,sans-serif;box-shadow:0 20px 60px #0005}.card-entry::backdrop{background:#122a24dc;backdrop-filter:blur(8px)}.card-entry h2{font-size:24px;line-height:1.3;margin:0 0 16px}.card-entry button{border:0;border-radius:10px;background:#315d4e;color:white;font:700 16px system-ui;padding:14px 22px;cursor:pointer}.card-entry button:disabled{opacity:.5;cursor:wait}.card-entry section{border-top:1px solid #ddd;margin-top:20px;padding-top:8px}.card-entry [hidden]{display:none!important}
[data-effect="panorama360"]{touch-action:pan-y}

/* A backdrop-filter under CSS zoom can sample the panorama at a different
   scale (and cache old frames on mobile). Use the actual transparent layer
   for 360 cards so heading, scale and scrolling remain continuous. */
#card#card#card.preview-parity[data-effect="panorama360"] .content,
.studio-card-mount .artwork-card.has-appearance[data-effect="panorama360"] .tpl-content{
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
}

/* color-controls.css */
.unified-hex{width:112px!important;min-width:90px!important;height:38px!important;padding:8px!important;border:1px solid #b6c5ba!important;border-radius:7px!important;font:14px ui-monospace,monospace!important;box-sizing:border-box}.unified-transparency{display:grid;gap:6px;margin-top:10px;font:11px system-ui;color:#315d4e}.unified-transparency input{width:100%;min-width:80px}.alignment-icon-button{font:16px system-ui!important}.hex-dialog{border:1px solid #b6c5ba;border-radius:16px;padding:24px;color:#173428;font:16px system-ui;max-width:calc(100% - 60px)}.hex-dialog::backdrop{background:#0007}.hex-dialog label{display:grid;gap:8px}.hex-dialog input{padding:12px;font:16px ui-monospace,monospace}.hex-dialog button{padding:10px 16px;margin:16px 6px 0;border:1px solid #315d4e;border-radius:8px;background:#eef2e8;color:#173428}

/* editor-ui.css */
/* Current editor presentation: consolidated from the previous editor, without superseded frame/upload/effect rules. */
:root{--tw-cream:#faf7f2;--tw-paper:#fffdf9;--tw-gold:#b4874c;--tw-brown:#76502e;--tw-ink:#182434;--tw-line:#e9ded1}
body:has(#cardForm){background:var(--tw-cream)!important;color:var(--tw-ink)}
body:has(#cardForm) .topbar,body:has(#cardForm) .panel,body:has(#cardForm) .editor,body:has(#cardForm) .configure-section{background-color:var(--tw-paper);border-color:var(--tw-line)}
body:has(#cardForm) button[type=button]:not(.lang-choice-btn),body:has(#cardForm) input,body:has(#cardForm) select,body:has(#cardForm) textarea{accent-color:var(--tw-gold)}
body:has(#cardForm) .section-kicker,body:has(#cardForm) .eyebrow{color:var(--tw-brown)}
body:has(#cardForm) .step{background:var(--tw-gold);color:#fff}
body:has(#cardForm) :is(.template,.panel,.field-card,.artwork-card){border-color:var(--tw-line)}
.tw-wizard{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:7px;margin:12px auto 24px;padding:16px 12px;background:#fffdf9;border:1px solid #eee4d9;border-radius:18px;max-width:1450px;box-shadow:0 4px 24px #6b49200a}
.tw-wizard a{color:#33404d;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;font:500 11px/1.2 Inter,Arial,sans-serif;min-width:0}
.tw-wizard a span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eeeae5;color:#29333c;font-size:16px;font-weight:700}
.tw-wizard a.active span{background:var(--tw-gold);color:white}
.tw-wizard a.active{color:var(--tw-brown);font-weight:700}
.tw-wizard a:focus-visible{outline:2px solid var(--tw-gold);outline-offset:4px;border-radius:8px}
@media(max-width:900px){.tw-wizard{display:flex;overflow-x:auto;gap:15px;scroll-snap-type:x mandatory}
.tw-wizard a{flex:0 0 95px;scroll-snap-align:start}}
.tw-step-focus{outline:3px solid #b4874c!important;outline-offset:5px;transition:outline .2s}
.tw-nav-status{min-height:18px;text-align:center;color:#76502e;font-size:12px;margin-top:-16px;margin-bottom:10px}
body:has(.tw-wizard[data-tw-ready="1"]) .studio-steps{display:none!important}
.tw-wizard{scroll-margin-top:12px}
.tw-wizard a{cursor:pointer;overflow-wrap:anywhere}
.tw-wizard a:hover span{box-shadow:0 0 0 2px #d3aa76}
.tw-wizard a[aria-current="step"] span{box-shadow:0 0 0 3px #ead5bb}
.configure-controls>.control-card{scroll-margin-top:18px}
.tw-step-focus{outline:2px solid #bd9159!important;outline-offset:3px}
body:has(.tw-wizard[data-tw-ready="1"]) .studio-actions .studio-next{background:#b4874c;color:#fff;border-color:#b4874c}
body:has(.tw-wizard[data-tw-ready="1"]) .studio-actions .studio-back{border-color:#d2b184;color:#76502e}
@media(max-width:900px){.tw-wizard{scrollbar-width:thin}
.tw-wizard a{font-size:11px;flex-basis:98px}}
:root{--tw-gold:#bb8a4c;--tw-gold-dark:#94662e;--tw-tint:#f6e9d9;--tw-border:#e8dfd5;--tw-surface:#fffdfa;--tw-ink:#152032;--tw-sub:#6b7682}
body.tw-redesign{background:#fcfaf7!important;color:var(--tw-ink)!important;font-family:Inter,Arial,sans-serif}
body.tw-redesign .topbar{height:58px!important;background:#fffdfa!important;border:0!important;padding:0 max(34px,calc((100vw - 1480px)/2))!important}
body.tw-redesign .brand-word{font:700 23px Inter,Arial,sans-serif;letter-spacing:.025em;text-transform:uppercase;color:#10151b!important}
body.tw-redesign .brand-word span{color:var(--tw-gold)!important}
body.tw-redesign .brand-mark{display:none}
body.tw-redesign .page{width:min(1480px,calc(100% - 64px))!important;max-width:none!important;padding:0 0 38px!important}
body.tw-redesign .intro{display:none!important}
body.tw-redesign .tw-wizard{max-width:none!important;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));margin:4px 0 0;padding:8px 6px 15px;background:transparent;border:0;border-bottom:1px solid #f0e9e2;border-radius:0;box-shadow:none;gap:6px;scroll-margin-top:0}
body.tw-redesign .tw-wizard a{font:500 11px/1.25 Inter,Arial,sans-serif;color:#4d5360;gap:7px;padding:2px 1px;word-break:normal;overflow-wrap:normal;min-height:68px;justify-content:start}
body.tw-redesign .tw-wizard a span{height:38px;width:38px;font-size:16px;background:#f0efed;color:#1d2631;border:0}
body.tw-redesign .tw-wizard a.active{font-weight:750;color:#32261a}
body.tw-redesign .tw-wizard a.active span{background:linear-gradient(145deg,#d2a565,#986c37);box-shadow:none;color:white}
body.tw-redesign .tw-wizard a[aria-current=step] span{box-shadow:0 0 0 4px #f4e6d6}
body.tw-redesign .tw-wizard a:not(.active):has(~.active) span{background:#efddc7;color:#715434}
body.tw-redesign .tw-nav-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.tw-step-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 8px 22px;min-height:138px}
.tw-step-eyebrow{letter-spacing:.055em;font:500 13px Inter,Arial,sans-serif;color:#816d59}
.tw-step-heading h1{font:800 clamp(29px,3vw,48px)/1.08 Inter,Arial,sans-serif;color:#101820;letter-spacing:-.045em;margin:7px 0 9px}
.tw-step-heading p{font-size:17px;color:#19232b;line-height:1.4;margin:0 0 5px;font-weight:500}
.tw-step-heading small{font:400 13px Inter,Arial,sans-serif;color:#7e8893}
.tw-step-emblem{font:italic 18px/1.2 Georgia,serif;color:#b08856;text-align:center;padding-right:24px;transform:rotate(-5deg);white-space:nowrap}
.tw-step-emblem span{display:block;font-size:22px;margin-bottom:8px}
body.tw-redesign .studio-layout{grid-template-columns:minmax(0,1fr) 390px!important;gap:22px!important;align-items:start}
body.tw-redesign .editor{background:transparent!important;padding:0!important;min-width:0}
body.tw-redesign .configure-section,body.tw-redesign .template-section,body.tw-redesign .payment-panel{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.tw-redesign .configure-title,body.tw-redesign .template-section>.section-heading,body.tw-redesign .payment-heading{display:none!important}
body.tw-redesign .configure-controls{min-width:0}
body.tw-redesign .configure-grid{display:block!important}
body.tw-redesign .configure-controls>.control-card{display:none!important}
body.tw-redesign[data-tw-current="1"] .configure-controls>.product-mode-chooser,
body.tw-redesign[data-tw-current="3"] .configure-controls>.personalize-style-card,
body.tw-redesign[data-tw-current="4"] .configure-controls>.profile-image-card,
body.tw-redesign[data-tw-current="5"] .configure-controls>.company-logo-card,
body.tw-redesign[data-tw-current="6"] .configure-controls>.card-layout-card,
body.tw-redesign[data-tw-current="7"] .configure-controls>.identity-card,
body.tw-redesign[data-tw-current="8"] .configure-controls>.save-contact-editor-card,
body.tw-redesign[data-tw-current="9"] .configure-controls>.custom-sections-card,
body.tw-redesign[data-tw-current="9"] .configure-controls>.qr-settings-card:not([hidden]),
body.tw-redesign[data-tw-current="9"] .configure-controls>.calendar-editor-card:not([hidden]),
body.tw-redesign[data-tw-current="9"] .configure-controls>.landing-builder:not([hidden]){display:block!important}
body.tw-redesign[data-tw-current="10"] .configure-controls>.control-card{display:none!important}
body.tw-redesign .configure-controls>.control-card{border:1px solid var(--tw-border)!important;border-radius:18px!important;background:#fff!important;padding:24px!important;box-shadow:0 3px 20px #5f4c2910!important;margin-bottom:16px!important}
body.tw-redesign .configure-controls>.control-card>.editor-accordion-toggle{display:none!important}
body.tw-redesign .configure-controls>.control-card>.control-kicker{display:none!important}
body.tw-redesign input:not([type=range]):not([type=radio]):not([type=checkbox]):not([type=color]),body.tw-redesign select,body.tw-redesign textarea{border:1px solid #e5e0d9!important;background:#fffdfa!important;border-radius:10px!important;color:#25303a!important;font-size:13px;box-shadow:none}
body.tw-redesign button:focus-visible{outline:2px solid var(--tw-gold)!important;outline-offset:2px}
body.tw-redesign input[type=range]{accent-color:var(--tw-gold)!important}
body.tw-redesign .studio-actions{padding:10px 4px 6px!important;gap:12px}
body.tw-redesign .studio-next{background:linear-gradient(130deg,#c59655,#a97739)!important;border-color:#ad7e42!important;color:#fff!important;border-radius:30px!important;font-size:14px!important;padding:15px 29px!important}
body.tw-redesign .studio-back{border:1px solid #ad9c85!important;color:#332a21!important;background:transparent!important;border-radius:30px!important;font-size:14px!important;padding:15px 29px!important}
body.tw-redesign .studio-progress{font-size:12px;color:#8f7b64}
body.tw-redesign .studio-footer{margin-top:10px;padding:20px 6px;color:#948674}
body.tw-redesign .studio-preview{background:transparent!important;border:0!important;padding:8px 0 0!important;position:sticky;top:10px;max-height:none!important;border-radius:0;box-shadow:none;overflow:visible!important}
body.tw-redesign .studio-preview-head{display:none!important}
body.tw-redesign .studio-preview-caption{margin:8px 0!important}
body.tw-redesign .studio-preview-caption h3{display:none!important}
body.tw-redesign .studio-dimensions{font:10px/1.5 Inter,Arial,sans-serif;color:#928b7c;background:#fff8f0;border:1px solid #f1e7da;border-radius:10px;padding:8px 12px;margin-top:12px}
body.tw-redesign .studio-dimensions strong{font-weight:600}
.tw-preview-tools{text-align:left;padding:0 16px 12px}
.tw-preview-label{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#283238;font-size:12px}
.tw-preview-label span{font-size:10px;color:#988c7e}
.tw-preview-switch{display:none;gap:9px;margin:10px 0}
.tw-preview-switch button{border:1px solid #e6dbcd;background:#fff;color:#564938;border-radius:8px;padding:8px 14px}
.tw-preview-switch button.active{background:#b58c55;color:#fff;border-color:#b58c55}
body.tw-redesign[data-tw-current="10"] .tw-preview-switch{display:flex}
body.tw-redesign[data-tw-current="10"] .studio-preview{grid-column:1/-1;display:block;max-width:none;padding:15px!important}
body.tw-redesign[data-tw-current="10"] .studio-layout{display:flex!important;flex-direction:column}
body.tw-redesign[data-tw-current="10"] .editor{width:100%}
body.tw-redesign[data-tw-current="10"] .configure-section{min-height:0}
body.tw-redesign .product-mode-chooser .product-mode-head{display:none}
body.tw-redesign .product-mode-title{display:none!important}
body.tw-redesign .product-mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.tw-redesign .product-mode{display:grid!important;grid-template-columns:32px minmax(0,1fr);gap:10px;align-content:start;align-items:start;text-align:left;min-height:470px;padding:22px 17px;border:1px solid #e7dcd1;border-radius:16px;background:#fff!important;position:relative;color:#26303a}
body.tw-redesign .product-mode.active{border:1.5px solid #bd8f53!important;box-shadow:0 0 0 1px #e5cfb3!important;background:#fffdfa!important}
body.tw-redesign .product-mode>span:first-child{width:28px;height:28px;border-radius:50%;font-size:0;border:1px solid #ab9f8c;background:#fff}
body.tw-redesign .product-mode.active>span:first-child{background:#b98a4b;border-color:#b98a4b;box-shadow:inset 0 0 0 8px #b98a4b}
body.tw-redesign .product-mode.active>span:first-child:before{content:'✓';font-size:16px;color:white;font-weight:700}
body.tw-redesign .product-mode>div:nth-child(2){padding-right:114px;min-height:105px}
body.tw-redesign .product-mode>div:nth-child(2) b{font:750 19px Inter,Arial,sans-serif;color:#131b25}
body.tw-redesign .product-mode>div:nth-child(2) small{font:400 12px/1.5 Inter,Arial,sans-serif;color:#7f878d;margin-top:8px}
.tw-plan-price{position:absolute;right:16px;top:23px;text-align:right;color:#111d2b}
.tw-plan-price b{display:block;font:800 19px Inter,Arial,sans-serif}
.tw-plan-price small{display:block;font:400 11px Inter,Arial,sans-serif;color:#68727c;margin-top:7px}
.tw-plan-detail{grid-column:1/-1;display:grid;grid-template-columns:43% minmax(0,1fr);gap:13px;align-items:center}
.tw-mini-phone{height:255px;max-width:137px;margin:0 auto;padding:14px 6px 8px;border:6px solid #141818;border-radius:25px;background:linear-gradient(158deg,#ead4b9,#fff8ef 40%,#f2dbc3);box-shadow:0 6px 13px #0002;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;box-sizing:border-box}
.tw-mini-notch{background:#111;width:42px;height:8px;display:block;border-radius:0 0 8px 8px;margin:-14px auto 17px}
.tw-mini-avatar{background:#cba676;border:2px solid #fff;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff}
.tw-mini-phone strong{font-size:10px}
.tw-mini-phone small{font-size:7px!important}
.tw-mini-icons{letter-spacing:1px;color:#262c34;font-size:11px}
.tw-mini-save{background:#b68953;color:#fff;border-radius:10px;padding:7px 8px;font-size:7px;white-space:nowrap}
.tw-mini-cards{font-size:12px;color:#55493b}
.tw-plan-benefits{display:grid;gap:12px;font-size:12px;line-height:1.35;color:#3f4a52;min-width:0}
.tw-plan-benefits>span{display:flex;align-items:flex-start;gap:7px}
.tw-plan-benefits i{background:#c49758;color:white;font-style:normal;font-size:11px;display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;margin-top:-2px}
.tw-bg-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}
.tw-bg-tabs button{font-size:12px;line-height:1.3;background:white;border:1px solid #e9ddd0;border-radius:12px;padding:14px 7px;color:#5b5147;cursor:pointer}
.tw-bg-tabs button.active{border-color:#b68851;background:#f7ebdc;color:#69421c;font-weight:750}
body.tw-redesign .template-section .custom-background-controls,
body.tw-redesign .template-section .effect-controls,
body.tw-redesign .template-section #interactivePreviewNote{display:none!important}
body.tw-redesign[data-tw-bg="custom"] .template-section .custom-background-controls{display:block!important;background:#fff;border:1px solid #e9ded1;border-radius:14px;padding:28px 20px!important}
body.tw-redesign .template-section #templateGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important;max-height:570px;overflow-y:auto;padding:0 4px 10px;min-height:350px}
body.tw-redesign .template-section #templateGrid .tone-heading{display:none!important}
body.tw-redesign .template-section #templateGrid .template{margin:0!important;padding:5px!important;border:1px solid #e7e1d8!important;background:#fff!important;border-radius:13px!important;overflow:hidden;min-height:136px!important;max-width:none!important;box-shadow:none!important}
body.tw-redesign .template-section #templateGrid .template.active{border:2px solid #af8145!important;background:#fcf7f1!important}
body.tw-redesign .template-section #templateGrid .template-card{display:block!important;min-height:100px!important;height:100px!important;max-height:100px!important;border-radius:9px!important;overflow:hidden!important;background-size:cover!important;background-position:center!important}
body.tw-redesign .template-section #templateGrid .template-card>*{display:none!important}
body.tw-redesign .template-section #templateGrid .template strong{display:block!important;text-align:center;margin:7px 0 2px;color:#5c554e;font-size:10px}
body.tw-redesign .template-section #templateGrid .template-check{font-size:10px;top:7px!important;right:7px!important}
body.tw-redesign[data-tw-bg="presets"] .template-section #templateGrid .template[data-solid],
body.tw-redesign[data-tw-bg="solid"] .template-section #templateGrid .template:not([data-solid]),
body.tw-redesign[data-tw-bg="custom"] .template-section #templateGrid{display:none!important}
body.tw-redesign[data-tw-current="3"] .configure-controls>.personalize-style-card{padding:10px!important;border:0!important;box-shadow:none!important;background:transparent!important}
.tw-effect-picker{display:block}
.tw-effect-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tw-effect-tile{background:#fff;border:1px solid #ebe2d9;border-radius:14px;padding:9px 8px 14px;text-align:center;min-width:0;cursor:pointer;transition:border-color .15s}
.tw-effect-tile.active{border:1.5px solid #bb8d50;box-shadow:inset 0 0 0 1px #f1dcc4}
.tw-effect-tile strong{display:block;color:#162332;font-size:12px;margin-top:7px;line-height:1.3}
.tw-effect-tile small{display:block;color:#828792;font-size:10px;margin-top:5px;line-height:1.3}
.tw-effect-tile.active i{background:#aa7b3d}
.tw-effect-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0 14px}
.tw-effect-bottom h3{font-size:15px;margin:0 0 14px}
.tw-swatch-row{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.tw-color-swatch{height:35px;width:35px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #ddd;cursor:pointer}
.tw-color-swatch.active{box-shadow:0 0 0 2px #b68851}
.tw-font-area{position:relative}
.tw-font-select{width:100%;background:#fff;border:1px solid #ded8d1;border-radius:10px;padding:13px 17px;display:flex;justify-content:space-between;align-items:center;color:#1a2530;font-size:14px}
.tw-font-menu{position:absolute;top:77px;left:0;right:0;max-height:240px;overflow:auto;z-index:5;background:white;border:1px solid #e5dccf;border-radius:12px;padding:5px;box-shadow:0 9px 26px #31302525}
.tw-font-menu[hidden]{display:none!important}
.tw-font-menu button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:0;background:transparent;padding:7px 11px;font-size:13px;cursor:pointer}
.tw-font-menu button:hover{background:#f8f0e6}
.tw-font-aa{font-size:22px;min-width:35px;color:#a57d4b}
.tw-more-options{border:1px solid #e7dcd0;background:white;border-radius:10px;padding:9px 15px;color:#765a36;font-size:12px;cursor:pointer}
body.tw-redesign[data-tw-current="3"] .personalize-style-card>:not(.tw-effect-picker):not(.editor-accordion-toggle){display:none!important}
body.tw-redesign[data-tw-current="3"] .personalize-style-card.tw-expanded-advanced>:not(.tw-effect-picker):not(.editor-accordion-toggle){display:block!important}
body.tw-redesign[data-tw-current="3"] .personalize-style-card.tw-expanded-advanced>.design-controls{display:grid!important}
body.tw-redesign[data-tw-current="3"] .personalize-style-card.tw-expanded-advanced>:not(.tw-effect-picker):not(.editor-accordion-toggle){margin-top:14px}
body.tw-redesign .photo-picker,body.tw-redesign .company-logo-picker{border:1px dashed #d9c5ad!important;background:#fcfaf6!important;min-height:90px;border-radius:14px}
body.tw-redesign .photo-mode-panel{background:#fffdfa;border:1px solid #e6ded2;border-radius:12px}
body.tw-redesign .photo-mode-option.active{background:#f5ebdf;border-color:#ba8b50}
body.tw-redesign .appearance-slider{accent-color:var(--tw-gold)}
body.tw-redesign[data-tw-current="7"] .identity-card>.media-picker-row,
body.tw-redesign[data-tw-current="7"] .identity-card>.photo-mode-panel,
body.tw-redesign[data-tw-current="7"] .identity-card>.photo-layout-controls{display:none!important}
body.tw-redesign .payment-panel{padding:24px!important;border:1px solid #e7dccf!important;border-radius:18px;background:white!important}
body.tw-redesign .pay-btn{background:#bb8b50!important;border-radius:16px}
body.tw-redesign .payment-panel .section-heading{display:none!important}
@media(max-width:1070px){body.tw-redesign .studio-layout{grid-template-columns:minmax(0,1fr) 335px!important}
body.tw-redesign .product-mode{padding:16px 12px;min-height:440px}
body.tw-redesign .product-mode>div:nth-child(2){padding-right:0;padding-top:54px}
body.tw-redesign .tw-wizard{display:flex;overflow-x:auto!important;scroll-snap-type:x mandatory}
body.tw-redesign .tw-wizard a{flex:0 0 96px}}
@media(max-width:780px){body.tw-redesign .page{width:calc(100% - 26px)!important}
body.tw-redesign .topbar{padding:0 16px!important}
body.tw-redesign .studio-layout{grid-template-columns:1fr!important;gap:12px!important}
body.tw-redesign .studio-preview{position:relative;max-width:380px;margin:0 auto!important}
body.tw-redesign .tw-wizard{margin-top:0}
body.tw-redesign .tw-step-heading{padding:18px 0;min-height:unset}
body.tw-redesign .tw-step-emblem{display:none}
.tw-step-heading h1{font-size:31px}
.tw-step-heading p{font-size:14px}
body.tw-redesign .tw-effect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.tw-redesign .template-section #templateGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.tw-redesign .studio-preview{padding:0!important}
body.tw-redesign .product-mode-options{grid-template-columns:1fr!important}
body.tw-redesign .product-mode{min-height:310px}
body.tw-redesign .product-mode>div:nth-child(2){padding-top:0;padding-right:110px}
.tw-mini-phone{height:207px}}
@media(max-width:440px){body.tw-redesign .tw-bg-tabs{grid-template-columns:1fr}
body.tw-redesign .template-section #templateGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.tw-redesign .configure-controls>.control-card{padding:15px!important}
.tw-effect-bottom{grid-template-columns:1fr}
.tw-plan-detail{grid-template-columns:40% 60%;gap:7px}
body.tw-redesign .product-mode{min-height:350px}}
@media(prefers-reduced-motion:reduce){}
body.tw-redesign .product-mode>.tw-plan-price{position:absolute!important;top:20px!important;right:17px!important;width:auto!important;height:auto!important;display:block!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important;font-family:Inter,Arial,sans-serif!important;text-align:right!important;white-space:nowrap;line-height:1.2}
body.tw-redesign .product-mode>.tw-plan-price b{font:800 19px/1.2 Inter,Arial,sans-serif!important;display:block!important;color:#121820!important}
body.tw-redesign .product-mode>.tw-plan-price small{font:400 11px/1.4 Inter,Arial,sans-serif!important;display:block!important;color:#6f747a!important;margin-top:7px}
body.tw-redesign .template-section #templateGrid .template[data-template="custom"]{display:none!important}
body.tw-redesign .studio-preview .studio-dimensions{display:none!important}
body.tw-redesign .studio-preview .studio-preview-caption{display:none!important}
body.tw-redesign .configure-controls>.control-card :is(h3,h4){color:#172431}
body.tw-redesign .configure-controls>.control-card .editor-accordion-toggle{pointer-events:none}
@media(max-width:780px){body.tw-redesign .studio-preview{margin-bottom:18px!important}
body.tw-redesign .product-mode>.tw-plan-price b{font-size:16px!important}}
body.tw-redesign[data-tw-current="9"] .configure-controls>.qr-settings-card>.editor-accordion-toggle,
body.tw-redesign[data-tw-current="9"] .configure-controls>.calendar-editor-card>.editor-accordion-toggle,
body.tw-redesign[data-tw-current="9"] .configure-controls>.landing-builder>.editor-accordion-toggle{display:flex!important;pointer-events:auto!important;justify-content:space-between;align-items:center;width:100%;border:0!important;background:transparent!important;padding:7px 12px;color:#9b794a;cursor:pointer}
body.tw-redesign[data-tw-current="9"] .configure-controls>.qr-settings-card,
body.tw-redesign[data-tw-current="9"] .configure-controls>.calendar-editor-card{padding:8px 15px!important}
:root{--tw-gold:#bf8b47;--tw-gold-dark:#91632f;--tw-tint:#f5e9dc;--tw-border:#e9ded2;--tw-surface:#fffdf9;--tw-ink:#111820;--tw-sub:#67717c}
body.tw-redesign{background:#fbf9f5!important}
body.tw-redesign .tw-step-heading{padding-bottom:21px}
body.tw-redesign .studio-layout{min-width:0}
body.tw-redesign .studio-actions{background:#fbf9f5!important;border-top:1px solid #eadfce!important;z-index:30!important;backdrop-filter:blur(12px)}
body.tw-redesign .configure-controls>.control-card{background:#fff!important;border:1px solid #ebe1d6!important;box-shadow:0 6px 26px rgba(90,57,22,.045)!important}
body.tw-redesign[data-tw-current="1"] .studio-layout{grid-template-columns:minmax(0,1fr)!important}
body.tw-redesign[data-tw-current="1"] .studio-preview{display:none!important}
body.tw-redesign[data-tw-current="1"] .product-mode-chooser{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.tw-redesign[data-tw-current="1"] .product-mode-options{gap:19px!important}
body.tw-redesign[data-tw-current="1"] .product-mode{min-height:595px!important;padding:30px 26px!important;border-radius:19px!important;grid-template-columns:43px minmax(0,1fr)!important;gap:13px!important}
body.tw-redesign[data-tw-current="1"] .product-mode>div:nth-child(2){padding-right:190px!important;min-height:98px!important}
body.tw-redesign[data-tw-current="1"] .product-mode>div:nth-child(2) b{font-size:23px!important}
body.tw-redesign[data-tw-current="1"] .product-mode>div:nth-child(2) small{font-size:13px!important;line-height:1.45!important}
body.tw-redesign[data-tw-current="1"] .product-mode>.tw-plan-price{right:29px!important;top:28px!important}
body.tw-redesign[data-tw-current="1"] .product-mode>.tw-plan-price b{font-size:22px!important}
body.tw-redesign[data-tw-current="1"] .tw-plan-detail{grid-template-columns:minmax(145px,.95fr) minmax(190px,1.2fr)!important;gap:20px!important;align-items:center!important;min-width:0}
.tw-plan-visual{display:block;width:100%;max-width:380px;height:405px;max-height:405px;object-fit:contain;margin:0 auto;object-position:center}
body.tw-redesign[data-tw-current="1"] .tw-plan-benefits{gap:0!important;font-size:13px!important;line-height:1.25!important}
body.tw-redesign[data-tw-current="1"] .tw-plan-benefits>span{min-height:56px!important;padding:12px 2px!important;display:flex!important;align-items:center!important;border-bottom:1px solid #f0e8df!important;white-space:nowrap}
body.tw-redesign[data-tw-current="1"] .tw-plan-benefits>span:last-child{border:0!important}
body.tw-redesign[data-tw-current="1"] .tw-plan-benefits i{width:26px!important;height:26px!important;font-size:13px!important;margin:0 10px 0 0!important}
body.tw-redesign[data-tw-current="2"] .template-section{overflow:visible!important}
body.tw-redesign .template-section #templateGrid .template .template-card.tw-real-background,
body.tw-redesign .template-section #templateGrid .template .template-card.artwork-card.tw-real-background{
 background-image:var(--tw-real-background)!important;background-repeat:no-repeat!important;
 background-position:center!important;background-size:cover!important;background-color:#f0e7da!important;
}
body.tw-redesign .template-section #templateGrid .template[data-solid] .template-card{
 background-image:none!important;background-color:var(--solid-choice,var(--tw-solid-background,#efe4d7))!important;
}
body.tw-redesign .template-section #templateGrid .template-card{height:107px!important;min-height:107px!important;max-height:107px!important}
body.tw-redesign .template-section #templateGrid .template{min-height:147px!important}
body.tw-redesign .template-section #templateGrid .template>strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px!important}
body.tw-redesign .template-section #templateGrid .template:hover{border-color:#bf995f!important;box-shadow:0 5px 18px #4e351820!important}
body.tw-redesign .tw-bg-tabs{margin-top:2px;margin-bottom:20px}
body.tw-redesign .tw-bg-tabs button{font-size:13px;padding:15px 10px;border-radius:11px}
body.tw-redesign .tw-bg-tabs button:focus-visible{outline:2px solid #bd8f4c}
body.tw-redesign .tw-custom-upload-panel{display:none!important}
body.tw-redesign[data-tw-bg="custom"] .tw-custom-upload-panel{display:block!important;margin:6px 0 22px!important}
body.tw-redesign[data-tw-bg="custom"] .tw-custom-upload-panel .custom-background-controls{
 display:block!important;border:1px solid #e6dacf!important;background:#fffdfa!important;
 padding:29px!important;border-radius:17px!important;margin:0!important;
}
body.tw-redesign .tw-custom-upload-panel .custom-background-controls h3{font:700 16px Inter,Arial,sans-serif!important;letter-spacing:0!important;color:#1e2834!important;margin:0 0 19px}
body.tw-redesign .tw-custom-upload-panel .custom-background-picker{min-height:170px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;background:#fff!important;border:1.5px dashed #cfb99c!important;border-radius:15px!important;padding:24px!important}
body.tw-redesign .tw-custom-upload-panel .custom-background-picker .upload-symbol{font-size:32px!important;color:#b28650!important}
body.tw-redesign .tw-custom-upload-panel .custom-background-picker b{font-size:15px!important;color:#3d3430!important}
body.tw-redesign .tw-custom-upload-panel .custom-background-picker small{font-size:12px!important}
body.tw-redesign .tw-custom-upload-panel #customBackgroundOptions:not([hidden]){display:block!important;margin-top:24px!important}
body.tw-redesign .tw-custom-upload-panel .custom-background-layout{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}
body.tw-redesign .tw-custom-upload-panel .custom-bg-partial:not([hidden]){grid-column:1/-1!important}
body.tw-redesign .tw-custom-upload-panel .custom-bg-full{min-width:0!important}
body.tw-redesign .tw-custom-upload-panel select{width:100%;min-height:42px}
body.tw-redesign .tw-custom-upload-panel .remainder-selector{max-width:100%;min-width:0}
body.tw-redesign[data-tw-bg="custom"] .template-section #templateGrid{display:none!important}
body.tw-redesign[data-tw-bg="custom"] .template-section .template-dots-wrap{display:none!important}
body.tw-redesign[data-tw-bg="presets"] .tw-custom-upload-panel,
body.tw-redesign[data-tw-bg="solid"] .tw-custom-upload-panel{display:none!important}
body.tw-redesign .template-section #templateGrid{padding-bottom:24px!important;scroll-padding-bottom:18px}
body.tw-redesign .studio-preview{align-self:start}
.tw-font-portal{position:fixed!important;box-sizing:border-box;z-index:2147483000!important;
 max-height:min(420px,80vh);overflow-y:auto!important;overscroll-behavior:contain;
 background:#fff!important;border:1px solid #d6c3ac!important;border-radius:12px!important;
 box-shadow:0 18px 40px rgba(22,27,29,.24)!important;padding:7px!important}
.tw-font-portal[hidden]{display:none!important}
.tw-font-portal button{font-size:15px!important;min-height:42px!important;border-radius:7px!important}
.tw-font-portal button.selected{background:#f0e1cd!important;color:#443018!important;font-weight:750}
.tw-font-portal .tw-font-aa{font-size:24px!important;color:#a4783c!important}
body.tw-redesign[data-tw-current="3"] .personalize-style-card{overflow:visible!important}
body.tw-redesign .tw-font-area{z-index:15}
body.tw-redesign .tw-font-select{font-size:15px!important}
.tw-editor-section-head{padding:1px 0 18px;margin-bottom:19px;border-bottom:1px solid #efe5da}
.tw-editor-section-head h2{font:750 20px/1.3 Inter,Arial,sans-serif;color:#1b2834;margin:0 0 6px}
.tw-editor-section-head p{font:400 13px/1.5 Inter,Arial,sans-serif;color:#79818a;margin:0}
body.tw-redesign .configure-controls>.control-card{padding:25px 28px!important}
body.tw-redesign .configure-controls>.control-card .photo-mode-options,
body.tw-redesign .configure-controls>.control-card .logo-shape-icons,
body.tw-redesign .configure-controls>.control-card .card-layout-options{gap:12px!important}
body.tw-redesign .photo-mode-option{border-radius:14px!important;border-color:#e9ded2!important;background:#fffdfa!important;min-height:74px!important}
body.tw-redesign .photo-mode-option.active{border-color:#b68a4d!important;background:#f7ecdb!important}
body.tw-redesign .photo-layout-controls,body.tw-redesign .photo-mode-panel{border-color:#e9ded2!important;border-radius:16px!important;background:#fffdfa!important}
body.tw-redesign .company-logo-card :is(.logo-shape-icon-button,.logo-position-option,.logo-layout-option),
body.tw-redesign .profile-image-card .photo-icon-choice{border-radius:12px!important}
body.tw-redesign .card-layout-options .card-layout-option{border-radius:15px!important;min-height:112px!important;padding:18px!important}
body.tw-redesign .card-layout-card .card-layout-option.active{border-color:#b98b4c!important;background:#f6eada!important}
body.tw-redesign .card-layout-card .card-layout-option small{line-height:1.5!important}
body.tw-redesign .card-layout-card .block-layout-controls,
body.tw-redesign .card-layout-card .data-block-y-control{border-color:#e9e0d7!important}
body.tw-redesign .alignment-icon-button.active{background:#ac824e!important;border-color:#ac824e!important;color:#fff!important}
body.tw-redesign[data-tw-current="7"] .identity-card .fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:17px!important}
body.tw-redesign[data-tw-current="7"] .identity-card .fields>label.wide,
body.tw-redesign[data-tw-current="7"] .identity-card .professional-visual-settings{grid-column:1/-1}
body.tw-redesign .identity-card .fields label>span{font-size:11px!important;color:#685947!important}
body.tw-redesign .identity-card .fields input{min-height:46px!important}
body.tw-redesign .save-contact-editor-card{min-width:0!important}
body.tw-redesign .save-contact-editor-card :is(input,select,button){max-width:100%}
body.tw-redesign .custom-sections-card #customSectionsEditor article{border-radius:14px!important;border:1px solid #e8dcd0!important;margin-bottom:12px!important;box-shadow:0 2px 10px #5c49300b!important}
body.tw-redesign .custom-sections-card :is(button,[data-key]){accent-color:#b98d57}
.tw-review-panel{display:none;padding:27px 30px;border:1px solid #e6ddd2;border-radius:18px;background:white;color:#1a2632;box-shadow:0 5px 20px #6a4e2610}
body.tw-redesign[data-tw-current="10"] .tw-review-panel{display:block}
.tw-review-intro span{font-size:32px;color:#b98641}
.tw-review-intro h2{font-size:26px;margin:8px 0 7px}
.tw-review-intro p{line-height:1.5;color:#677687;font-size:14px}
.tw-review-note{border:1px solid #d9e6eb;border-radius:12px;background:#f2f8fa;padding:15px 16px;margin:20px 0 24px;font-size:13px;line-height:1.5;color:#456271}
.tw-review-panel h3{font-size:14px;margin:22px 0 13px}
.tw-review-devices{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tw-review-devices button,.tw-review-actions button{border:1px solid #dcd5cb;border-radius:11px;background:#fffdfa;padding:13px 12px;cursor:pointer;font-size:13px}
.tw-review-devices button.active{background:#b58a51!important;border-color:#b58a51!important;color:white!important}
.tw-review-options{display:grid;gap:15px;border-bottom:1px solid #ece2d6;padding:10px 0 22px}
.tw-review-options label{display:flex;align-items:center;gap:11px;font-size:13px;cursor:pointer}
.tw-review-options input{width:19px;height:19px;accent-color:#b98c50}
.tw-review-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.tw-review-actions button:first-child{grid-column:1/-1}
body.tw-redesign[data-tw-current="10"] .studio-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(355px,.95fr)!important;gap:26px!important;align-items:start!important}
body.tw-redesign[data-tw-current="10"] .studio-preview{max-width:none!important;width:100%;justify-self:center}
body.tw-redesign[data-tw-current="10"] .studio-preview[data-tw-show-buttons="false"] .tpl-actions,
body.tw-redesign[data-tw-current="10"] .studio-preview[data-tw-show-buttons="false"] .tpl-action{display:none!important}
body.tw-redesign[data-tw-current="10"] .studio-preview[data-tw-show-sections="false"] :is(.tpl-section-tabs,.tpl-custom-section,.tpl-section-btn,.tpl-section-list){display:none!important}
body.tw-redesign[data-tw-current="10"] .studio-preview[data-tw-show-effects="false"] .artwork-card{animation:none!important;transition:none!important}
.tw-final-intro{display:flex;align-items:center;gap:17px;padding:18px 20px;margin:2px 0 23px;border:1px solid #e6d4bf;border-radius:14px;background:#fbf5eb}
.tw-final-intro>span{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#bb8a4c;color:#fff;font-size:23px}
.tw-final-intro h2{font-size:19px;line-height:1.3;margin:0 0 5px}
.tw-final-intro p{font-size:12px;line-height:1.45;margin:0;color:#77716b}
body.tw-redesign[data-tw-current="11"] .payment-panel{background:white!important;padding:26px!important}
body.tw-redesign[data-tw-current="11"] .studio-preview{display:none!important}
body.tw-redesign[data-tw-current="11"] .studio-layout{grid-template-columns:minmax(0,1fr)!important}
body.tw-redesign[data-tw-current="11"] .payment-methods{border:1px solid #eee0d0;border-radius:14px;padding:12px}
@media(max-width:1250px){body.tw-redesign[data-tw-current="1"] .product-mode>div:nth-child(2){padding-right:128px!important}
body.tw-redesign[data-tw-current="1"] .tw-plan-detail{grid-template-columns:minmax(115px,.9fr) minmax(160px,1fr)!important;gap:10px!important}
.tw-plan-visual{height:340px}
body.tw-redesign[data-tw-current="1"] .tw-plan-benefits{font-size:11px!important}
body.tw-redesign[data-tw-current="1"] .tw-plan-benefits>span{white-space:normal}}
@media(max-width:800px){body.tw-redesign[data-tw-current="1"] .product-mode-options{grid-template-columns:1fr!important}
body.tw-redesign[data-tw-current="1"] .product-mode{min-height:440px!important}
body.tw-redesign[data-tw-current="1"] .product-mode>div:nth-child(2){padding-right:140px!important}
body.tw-redesign[data-tw-current="1"] .tw-plan-detail{grid-template-columns:42% 1fr!important}
body.tw-redesign .tw-custom-upload-panel .custom-background-layout{grid-template-columns:1fr!important}
body.tw-redesign .tw-custom-upload-panel .custom-bg-partial{grid-column:1/-1}
body.tw-redesign[data-tw-current="10"] .studio-layout{grid-template-columns:1fr!important}
body.tw-redesign[data-tw-current="10"] .tw-review-panel{max-width:620px;margin:auto}
body.tw-redesign[data-tw-current="10"] .studio-preview{max-width:650px!important}}
@media(max-width:480px){body.tw-redesign[data-tw-current="1"] .product-mode{padding:18px 13px!important;min-height:410px!important}
body.tw-redesign[data-tw-current="1"] .product-mode>div:nth-child(2){padding-right:105px!important}
body.tw-redesign[data-tw-current="1"] .product-mode>.tw-plan-price{right:13px!important}
body.tw-redesign[data-tw-current="1"] .product-mode>.tw-plan-price b{font-size:16px!important}
body.tw-redesign[data-tw-current="1"] .tw-plan-detail{grid-template-columns:38% 1fr!important;gap:8px!important}
.tw-plan-visual{height:268px;max-width:100%}
body.tw-redesign[data-tw-current="1"] .tw-plan-benefits>span{min-height:43px!important;padding:8px 0!important;font-size:10px!important}
body.tw-redesign[data-tw-current="1"] .tw-plan-benefits i{margin-right:3px!important;width:19px!important;height:19px!important}
body.tw-redesign[data-tw-current="7"] .identity-card .fields{grid-template-columns:1fr!important}
body.tw-redesign .configure-controls>.control-card{padding:17px!important}
.tw-review-panel{padding:18px!important}
.tw-review-actions{grid-template-columns:1fr!important}
.tw-review-actions button:first-child{grid-column:auto}}
body.tw-redesign .product-mode>.product-mode-price{display:none!important}
body.tw-redesign .tw-effect-picker #twMoreOptions{display:none!important}
body.tw-redesign[data-tw-current="3"] .personalize-style-card.tw-expanded-advanced>:not(.tw-effect-picker):not(.editor-accordion-toggle){display:none!important}
body.tw-redesign[data-tw-current="4"] .profile-image-card,
body.tw-redesign[data-tw-current="5"] .company-logo-card{padding:20px 22px 22px!important;border-radius:17px!important}
body.tw-redesign .tw-media-primary{display:grid;grid-template-columns:minmax(190px, 35%) minmax(0,1fr);gap:18px;align-items:stretch;margin:10px 0 18px}
body.tw-redesign .tw-media-style-area{min-width:0}
body.tw-redesign .tw-media-style-title{font-size:15px;color:#24303d;font-weight:700;margin-bottom:11px}
body.tw-redesign .tw-media-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.tw-redesign .tw-media-style-option{border:1px solid #e8ddd1;background:#fff;border-radius:13px;min-width:0;padding:10px 5px 11px;display:grid;justify-items:center;gap:7px;cursor:pointer;color:#22313f;transition:background .14s,border-color .14s}
body.tw-redesign .tw-media-style-option:hover{background:#f9f1e7;border-color:#bf965f}
body.tw-redesign .tw-media-style-option.active{background:#faf1e6;border:2px solid #b6884c;padding:9px 4px 10px;box-shadow:0 0 0 1px #e7d3b5}
body.tw-redesign .tw-media-style-picture{position:relative;width:68px;height:68px;max-width:100%;border-radius:50%;background:#e8dfd3;display:grid;place-items:center;overflow:hidden}
body.tw-redesign .tw-media-style-picture img{width:100%;height:100%;object-fit:cover;display:block}
body.tw-redesign .tw-media-style-option[data-kind="rectangle"] .tw-media-style-picture,
body.tw-redesign .tw-media-style-option[data-kind="square"] .tw-media-style-picture{border-radius:9px}
body.tw-redesign .tw-media-style-option[data-kind="color"] .tw-media-style-picture{background:#f1c9ad}
body.tw-redesign .tw-media-style-option[data-kind="bw"] img{filter:grayscale(1)}
body.tw-redesign .tw-media-style-option[data-kind="illustration"] img{filter:contrast(1.35) saturate(1.8)}
body.tw-redesign .tw-media-style-option[data-kind="initials"] .tw-media-style-picture{background:#ead4bb;color:#89552f;font:bold 20px Georgia,serif}
body.tw-redesign .tw-media-style-option[data-kind="initials"] .tw-media-style-picture img{display:none}
body.tw-redesign .tw-media-style-option[data-kind="icon"] .tw-media-style-picture{background:#f5f0e8}
body.tw-redesign .tw-media-style-option[data-kind="icon"] .tw-media-style-picture img{object-fit:contain}
body.tw-redesign .tw-media-style-option .tw-style-label{font-size:12px;text-align:center;font-weight:650;line-height:1.2}
body.tw-redesign .tw-media-style-option.active .tw-style-label{color:#805523}
body.tw-redesign .tw-media-style-option .tw-style-checked{display:none}
body.tw-redesign .tw-media-style-option.active .tw-style-checked{display:grid;place-items:center;position:absolute;right:2px;top:2px;width:18px;height:18px;color:white;background:#a6793b;border-radius:50%;font-size:12px}
body.tw-redesign .tw-media-secondary{margin-top:14px}
body.tw-redesign .tw-media-secondary-title{font-size:16px;font-weight:800;color:#162838;margin:10px 0 15px}
body.tw-redesign .tw-media-secondary .photo-layout-controls,
body.tw-redesign .tw-media-secondary .logo-controls{padding:14px!important;background:#fffdfa!important;border:1px solid #eee3d7!important;border-radius:13px!important}
body.tw-redesign .tw-media-secondary :is(.appearance-slider,.photo-y-control){margin:10px 0!important}
body.tw-redesign .tw-media-secondary :is(.alignment-icon-buttons,.icon-choice-buttons){display:flex;gap:6px;flex-wrap:wrap}
body.tw-redesign .tw-media-secondary :is(.alignment-icon-button,.icon-choice-button){min-width:42px;min-height:38px;border-radius:10px}
body.tw-redesign .tw-media-native{border-top:1px solid #ebe0d5;padding:10px 0 0;margin-top:14px}
body.tw-redesign .tw-media-native>summary{cursor:pointer;color:#8a683d;font-weight:600;font-size:12px;padding:8px 0}
body.tw-redesign .tw-media-native .photo-mode-panel{border:0!important;padding:5px!important;margin:0!important}
body.tw-redesign .tw-logo-settings-grid{display:grid;grid-template-columns:1fr;gap:13px}
body.tw-redesign .tw-logo-settings-grid .logo-controls{min-width:0}
body.tw-redesign .tw-logo-settings-grid .logo-position-icons{gap:10px}
body.tw-redesign .tw-logo-settings-grid .logo-position-icons .icon-choice-button{width:54px;height:48px}
body.tw-redesign .tw-logo-settings-grid .logo-shape-icons .icon-choice-button{width:58px;height:48px}
body.tw-redesign .tw-media-hint{display:block;margin:12px 0 0;color:#777f87;font-size:11px;line-height:1.4}
@media(max-width:1000px){body.tw-redesign .tw-media-primary{grid-template-columns:1fr}}
@media(max-width:520px){body.tw-redesign .tw-media-style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
body.tw-redesign .tw-media-style-option{padding:8px 2px;font-size:11px}
body.tw-redesign .tw-media-style-picture{width:56px;height:56px}
body.tw-redesign .tw-media-style-option .tw-style-label{font-size:10px}
body.tw-redesign .tw-media-primary{gap:14px}}
body.tw-redesign .page{width:min(1200px,calc(100% - 48px))!important}
body.tw-redesign .tw-wizard{gap:4px;padding-bottom:10px}
body.tw-redesign .tw-wizard a{font-size:10px;min-height:55px}
body.tw-redesign .tw-wizard a span{width:28px;height:28px;font-size:12px}
body.tw-redesign .tw-step-heading{min-height:0;padding:22px 0 18px}
body.tw-redesign .tw-step-heading h1{font-size:30px;letter-spacing:-.035em}
body.tw-redesign .tw-step-heading p{font-size:13px}
body.tw-redesign .tw-step-emblem,body.tw-redesign #twStepHint{display:none}
body.tw-redesign .studio-layout{grid-template-columns:minmax(0,1fr) 320px!important;gap:32px!important}
body.tw-redesign .studio-preview{height:auto!important;max-height:none!important;top:18px!important}
body.tw-redesign .tw-preview-label span{display:none}
body.tw-redesign .configure-controls>.control-card{padding:16px 0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
body.tw-redesign .tw-section-heading{margin-bottom:14px!important}
body.tw-redesign .professional-visual-settings{order:20;background:#f5efe7!important;border:1px solid #e8dfd5!important;border-radius:12px;padding:14px!important}
body.tw-redesign[data-tw-current="7"] .identity-card .fields{display:flex!important;flex-direction:column;gap:14px!important}
body.tw-redesign .editor-field-row{display:block!important;padding:12px 0!important;border-bottom:1px solid #e8dfd5!important;background:transparent!important}
body.tw-redesign .editor-field-main{min-width:0}
body.tw-redesign .field-style-controls{display:grid!important;grid-template-columns:1.3fr 1fr 1fr!important;gap:10px!important;margin-top:10px}
body.tw-redesign .field-style-control{min-width:0}
body.tw-redesign .editor-field-aux{margin:10px 0 0!important;max-width:240px}
body.tw-redesign .professional-align-control{justify-content:flex-start;gap:14px;margin-top:10px}
body.tw-redesign :is(.alignment-icon-button,.professional-align-button,.tw-align-button){width:38px;min-height:30px;border:1px solid #e7ddd0;border-radius:7px;background:#fffdf9;color:#947346;font:16px system-ui}
body.tw-redesign :is(.alignment-icon-button,.professional-align-button,.tw-align-button).active{background:#a77635!important;color:white!important;border-color:#a77635!important}
body.tw-redesign .custom-section-summary{padding:10px!important;gap:10px;background:#fffdf9;border-radius:9px}
body.tw-redesign .custom-section-toggle b{border-radius:50%;background:#f5e9d9;color:#95652a;width:26px;height:26px;display:grid;place-items:center}
body.tw-redesign .custom-section-header-actions button{border:0!important;background:transparent!important;color:#a77635!important}
body.tw-redesign .custom-section-header-actions [data-remove]{color:#bc5146!important}
body.tw-redesign .custom-sections-card #customSectionsEditor article{border-radius:9px!important;margin-bottom:8px!important;box-shadow:none!important}
body.tw-redesign .save-contact-editor-grid{gap:16px!important}
body.tw-redesign .unified-transparency{color:#76644e;margin-top:8px}
body.tw-redesign .tw-media-primary{grid-template-columns:minmax(145px,35%) minmax(0,1fr);gap:14px}
body.tw-redesign .tw-media-style-picture{width:58px;height:58px}
body.tw-redesign .tw-media-style-option{border-radius:9px}
body.tw-redesign .studio-actions{position:static!important;background:transparent!important;border:0!important;margin-top:20px}
body.tw-redesign .studio-next,body.tw-redesign .studio-back{padding:11px 24px!important;font-size:12px!important}
@media(max-width:850px){body.tw-redesign .page{width:calc(100% - 28px)!important}
body.tw-redesign .studio-layout{grid-template-columns:1fr!important}
body.tw-redesign .studio-preview{position:static!important;margin-top:24px}
body.tw-redesign .tw-wizard{display:flex!important;overflow:auto}
body.tw-redesign .tw-wizard a{min-width:74px}
body.tw-redesign .tw-step-heading h1{font-size:26px}}
@media(max-width:480px){body.tw-redesign .field-style-controls{grid-template-columns:1fr!important}
body.tw-redesign .tw-media-primary{grid-template-columns:1fr}
body.tw-redesign .tw-media-style-picture{width:52px;height:52px}}
body.tw-redesign .field-style-control>span{font-size:11px!important}
body.tw-redesign .visual-select-trigger{font-size:12px!important;min-height:36px!important}
body.tw-redesign .tw-editor-section-head{padding:0 0 12px!important;margin-bottom:10px!important}
body.tw-redesign .tw-editor-section-head h2{font-size:17px!important}
body.tw-redesign .tw-editor-section-head p{font-size:12px!important}
body.tw-redesign .editor-field-main>label{display:grid;grid-template-columns:1fr auto;gap:7px 12px}
body.tw-redesign .editor-field-main>label>input,body.tw-redesign .editor-field-main>label>.field-style-controls,body.tw-redesign .editor-field-main>label>.phone-input-row{grid-column:1/-1}
body.tw-redesign .editor-field-main>label>.professional-align-control{grid-column:2;grid-row:1;margin:0}
body.tw-redesign .professional-align-label{display:none}
body.tw-redesign .custom-sections-head h3,body.tw-redesign .custom-sections-head p,body.tw-redesign .custom-sections-head .control-kicker{display:none!important}
body.tw-redesign .custom-sections-head{justify-content:flex-end;margin-bottom:12px}
body.tw-redesign #addCustomSection{background:#a77635!important;color:#fff!important;border:0!important;border-radius:8px!important;padding:10px 16px!important}
body.tw-redesign .logo-position-icons[hidden]{display:none!important}
.tw-logo-position{display:grid;gap:8px}/* One owner for the preview frame: equal 7px inset, internal card scroll. */
body.tw-redesign .studio-preview .studio-card-mount{display:block!important;position:relative;box-sizing:border-box!important;width:min(280px,100%)!important;height:616px!important;min-height:0!important;max-height:none!important;margin:0 auto!important;padding:7px!important;border:2px solid #343636!important;border-radius:38px!important;background:#151717!important;overflow:hidden!important;line-height:normal!important;zoom:1!important;transform:none!important;box-shadow:0 10px 26px #1f242a29}
body.tw-redesign .studio-preview .studio-card-mount>.template-card{display:block!important;box-sizing:border-box!important;position:relative!important;width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;flex:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:29px!important;overflow-x:hidden!important;overflow-y:auto!important;background-position:center!important;box-shadow:none!important;zoom:1!important}
body.tw-redesign[data-tw-current="10"] .studio-preview[data-device="desktop"] .studio-card-mount{width:min(640px,100%)!important;height:480px!important;border-radius:24px!important}
body.tw-redesign[data-tw-current="10"] .studio-preview[data-device="desktop"] .studio-card-mount>.template-card{border-radius:15px!important}
.tw-custom-solid-color[hidden]{display:none!important}
.tw-custom-solid-color:not([hidden]){display:block;width:fit-content;margin:15px 0;padding:12px;border:1px solid #ecdfd0;border-radius:10px;background:#fffdfa}
.tw-custom-solid-color label{display:flex;align-items:center;gap:10px;font-size:12px}
.tw-color-custom{display:grid;place-items:center;width:35px;height:35px;padding:0;border:1px solid #a77635;border-radius:50%;background:#fffdfa;color:#94662e;font:24px/1 Inter,sans-serif;cursor:pointer}
.tw-color-custom:hover{background:#f6e9d9}.tw-color-custom:focus-visible{outline:2px solid #94662e;outline-offset:3px}
/* Upload components have their own classes, not the old 36px icon wrapper. */
body.tw-redesign .tw-media-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;box-sizing:border-box;min-width:0;min-height:220px;padding:20px 12px;border:1px dashed #d6c0a5;border-radius:12px;background:#fffcf8;cursor:pointer;text-align:center}
body.tw-redesign .tw-media-upload>.tw-upload-symbol{display:grid;place-items:center;flex:none;width:48px;height:48px;margin:0;border:1px dashed #c6a67e;border-radius:10px;background:#f5ede0;color:#a87d45;font:32px/1 Inter,sans-serif;letter-spacing:0}
body.tw-redesign .tw-media-upload>.tw-upload-copy{display:block;width:100%;height:auto;min-width:0;margin:0;background:none;letter-spacing:normal;font:12px/1.45 Inter,sans-serif;color:#25303a}
body.tw-redesign .tw-upload-copy b{display:block;white-space:normal;word-break:normal;font:700 14px/1.4 Inter,sans-serif;letter-spacing:normal;color:#152032;margin-bottom:5px}
body.tw-redesign .tw-upload-copy small{display:block;font:11px/1.5 Inter,sans-serif;letter-spacing:normal;color:#6b7682}
body.tw-redesign .tw-media-upload>.tw-upload-cta{display:block;width:auto;max-width:100%;height:auto;margin:0;padding:10px 12px;border-radius:8px;background:#a77635;color:white;font:600 12px/1.35 Inter,sans-serif;letter-spacing:normal;white-space:normal}
/* Animated samples share the selected background, each animation stays inside its tile. */
.tw-effect-sample{display:block;position:relative;isolation:isolate;height:90px;border-radius:9px;overflow:hidden;background:#ece7df}
.tw-effect-motion{display:block;position:absolute;inset:-10%;background-image:var(--effect-selected-image,none);background-color:var(--effect-selected-color,#ece7df);background-position:center;background-size:cover;background-repeat:no-repeat;transform:translateZ(0)}
.tw-effect-sample i{position:absolute;z-index:2;right:8px;top:7px;border-radius:50%;background:#292b2a;color:#fff;width:22px;height:22px;display:grid;place-items:center;font:normal 12px Arial,sans-serif}
.effect-float .tw-effect-motion{animation:sample-float 5s ease-in-out infinite}
.effect-ambient .tw-effect-motion{animation:sample-ambient 7s ease-in-out infinite}
.effect-hologram .tw-effect-motion{animation:sample-hologram 5s ease-in-out infinite}
.effect-tilt .tw-effect-motion{animation:sample-tilt 5s ease-in-out infinite}
.effect-shimmer .tw-effect-motion::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#ffffff66 50%,transparent 70%);animation:sample-shine 4s ease-in-out infinite}
.effect-panorama360 .tw-effect-motion{left:-50%;right:auto;width:200%;background-size:cover;animation:sample-panorama 8s ease-in-out infinite}
.effect-breathe .tw-effect-motion{animation:sample-breathe 5s ease-in-out infinite}
@keyframes sample-float{0%,100%{transform:translateY(-3%)}50%{transform:translateY(3%)}}
@keyframes sample-ambient{0%,100%{transform:scale(1.02) translateX(-3%)}50%{transform:scale(1.08) translateX(3%)}}
@keyframes sample-hologram{0%,100%{filter:brightness(1);transform:translateX(-2%)}50%{filter:brightness(1.2) saturate(1.25);transform:translateX(2%)}}
@keyframes sample-tilt{0%,100%{transform:perspective(400px) rotateY(-10deg) scale(1.05)}50%{transform:perspective(400px) rotateY(10deg) scale(1.05)}}
@keyframes sample-shine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes sample-panorama{0%,100%{transform:translateX(-20%)}50%{transform:translateX(20%)}}
@keyframes sample-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@media(prefers-reduced-motion:reduce){.tw-effect-motion,.tw-effect-motion::after{animation:none!important}}

body.tw-redesign .company-logo-card .tw-media-style-area{display:flex;flex-direction:column;align-self:stretch}
body.tw-redesign .company-logo-card .tw-media-style-grid{flex:1;align-items:stretch}
body.tw-redesign .company-logo-card .tw-media-style-option{height:100%;justify-content:center}
body.tw-redesign .tw-media-style-option[data-kind=video] .tw-media-style-picture img{animation:profile-example-motion 3s ease-in-out infinite alternate}
@keyframes profile-example-motion{from{transform:scale(1.02) translateX(-3%)}to{transform:scale(1.13) translateX(3%)}}
.profile-motion-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover;border-radius:inherit;display:block}
@media(prefers-reduced-motion:reduce){body.tw-redesign .tw-media-style-option[data-kind=video] .tw-media-style-picture img{animation:none}}

.qr-settings-card{display:none!important}
.professional-qr-background{padding-top:14px;margin-top:14px;border-top:1px solid #e6d9c8}
.professional-qr-background>span{display:block;font-size:11px;letter-spacing:.08em;margin-bottom:9px}
.qr-background-palette{display:flex;gap:9px;flex-wrap:wrap}
.qr-color-circle{width:30px;height:30px;border:1px solid #c9b79c;border-radius:50%;padding:0;cursor:pointer;color:#a67439;background:white;font-size:22px}
.qr-color-circle[aria-pressed=true]{outline:2px solid #b78a4e;outline-offset:2px}
.qr-hex-dialog{border:1px solid #d9c8b3;border-radius:14px;padding:24px;max-width:90vw}
.qr-hex-dialog::backdrop{background:#0006}
.qr-hex-dialog input{display:block;margin:14px 0;padding:10px}
.qr-hex-dialog button{margin-right:8px;padding:8px 14px}

body.tw-redesign[data-tw-current="9"] .configure-controls>.calendar-editor-card{display:none!important}
body.tw-redesign[data-tw-current="12"] .configure-controls>.calendar-editor-card:not([hidden]),body.tw-redesign[data-tw-current="13"] .configure-controls>.draft-portfolio-card:not([hidden]){display:block!important}
.draft-portfolio-items,.draft-portfolio-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.draft-portfolio-preview[hidden]{display:none!important}.draft-portfolio-items article{min-width:0;padding:10px;border:1px solid #ded3c2;border-radius:10px}
.draft-portfolio-items img,.draft-portfolio-items video,.draft-portfolio-preview img,.draft-portfolio-preview video{width:100%;max-height:220px;object-fit:contain}.draft-portfolio-items audio,.draft-portfolio-preview audio{max-width:100%}
.draft-portfolio-items span{display:block;overflow-wrap:anywhere;font-size:12px;margin:8px 0}.draft-portfolio-upload{display:block;padding:18px;border:1px dashed #b78a4e;border-radius:10px}

.save-contact-editor-head h3,.save-contact-editor-head p{display:none!important}

/* editor-refinements.css */
/* v31.91 — only steps 2, 4–9; step 1 and step 3 remain unchanged. */
/* The catalog remains visible even when a personalized image was previously uploaded. */
body.tw-redesign[data-tw-current="2"] #templateGrid.custom-image-compatible-only>.solid-template,
body.tw-redesign[data-tw-current="2"] #templateGrid.custom-image-compatible-only>.professional-template,
body.tw-redesign[data-tw-current="2"] #templateGrid.custom-image-compatible-only>.solid-heading,
body.tw-redesign[data-tw-current="2"] #templateGrid.custom-image-compatible-only>.professional-heading{display:revert!important}
body.tw-redesign[data-tw-current="2"][data-tw-bg="solid"] #templateGrid .solid-template,
body.tw-redesign[data-tw-current="2"][data-tw-bg="presets"] #templateGrid .template:not(.solid-template){visibility:visible!important}
/* Remove only explanatory copy; all functional native controls stay visible. */
body.tw-redesign[data-tw-current="4"] .profile-image-card>.tw-editor-section-head,
body.tw-redesign[data-tw-current="5"] .company-logo-card>.tw-editor-section-head,
body.tw-redesign[data-tw-current="6"] .card-layout-card>.tw-editor-section-head,
body.tw-redesign[data-tw-current="7"] .identity-card>.tw-editor-section-head{display:none!important}
body.tw-redesign[data-tw-current="4"] .profile-image-card .photo-border-toggle .border-toggle-hint,
body.tw-redesign[data-tw-current="6"] .card-layout-card .contact-border-toggle .border-toggle-hint,
body.tw-redesign[data-tw-current="5"] .company-logo-card .tw-media-hint{display:none!important}
body.tw-redesign .tw-vertical-photo{order:2;grid-column:1/-1;display:grid!important;gap:7px;margin:13px 0}
body.tw-redesign .tw-vertical-photo output{font-size:12px;color:#9c713e}
body.tw-redesign .tw-vertical-photo input[type="range"]{width:100%}
/* Consistent font samples in every dropdown (while retaining the original selected values). */
body.tw-redesign .visual-select.visual-font .visual-select-option .visual-option-sample,
body.tw-redesign .visual-select.visual-font .visual-trigger-text{font-size:13px!important;line-height:1.45!important}
body.tw-redesign .visual-select.visual-font .visual-select-option{min-height:37px}
body.tw-redesign .visual-select .visual-select-option:has(.visual-option-sample){overflow:visible}
body.tw-redesign .visual-select-option:has(.visual-option-sample){font-size:12px}
body.tw-redesign .visual-select-option:has(.visual-option-sample):not([data-value]){font-size:12px}
body.tw-redesign .hex-dialog,body.tw-redesign .hex-dialog h3,body.tw-redesign .hex-dialog label{font-size:13px!important}
body.tw-redesign .visual-select-option:has(.visual-option-sample) .visual-option-sample{font-size:12px}
/* Step 8: same beige/bronze palette, denser layout and real icon controls. */
body.tw-redesign[data-tw-current="8"] .save-contact-editor-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start;gap:12px!important}
.tw-save-icon-chooser,.tw-save-text-sample{box-sizing:border-box;background:#fffdfa;border:1px solid #e8dbcd;border-radius:11px;padding:12px 14px;min-width:0}
.tw-save-icon-chooser>strong,.tw-save-text-sample>label{display:block;font:700 12px/1.45 Inter,Arial,sans-serif;color:#25313d;margin-bottom:9px}
.tw-save-icon-list{display:flex;flex-wrap:wrap;gap:8px}
.tw-save-icon-choice{width:44px;height:40px;border:1px solid #e4d5c3;background:#fff;border-radius:8px;color:#976c39;font:700 22px Inter,Arial,sans-serif;cursor:pointer;display:grid;place-items:center}
.tw-save-icon-choice.active{color:#fff;background:#b88b53;border-color:#9a713c;box-shadow:0 0 0 2px #b88b5333}
.tw-save-text-sample{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.8fr);gap:10px;align-items:end}
.tw-save-text-sample>label{grid-column:1/-1;margin:0}
.tw-save-text-sample>input{min-width:0;width:100%;height:39px;box-sizing:border-box;border-radius:8px;border:1px solid #e4d5c3;padding:8px;color:#29323b;background:#fff;font:500 12px Inter,sans-serif}
.tw-save-text-preview{display:flex;align-items:center;justify-content:center;min-height:37px;border-radius:8px;background:#f8eee3;color:#624623;font:600 12px/1.4 Inter,sans-serif;text-align:center;padding:1px 8px}
body.tw-redesign[data-tw-current="8"] .save-contact-design-control{grid-column:1/-1}
.tw-save-symbol{display:inline-block;margin-right:8px;font:700 1.25em/1 Arial,sans-serif;vertical-align:middle}
.tw-save-symbol[hidden]{display:none!important}
.tw-save-label{vertical-align:middle}
@media(max-width:740px){body.tw-redesign[data-tw-current="8"] .save-contact-editor-grid{grid-template-columns:1fr!important}.tw-save-text-sample{grid-template-columns:1fr}}
/* Step 9: white, sand and gold palette from the existing editor, NEVER the violet mockup. */
body.tw-redesign[data-tw-current="9"] .custom-sections-card{background:transparent!important;padding:12px 0 24px!important;border:0!important;box-shadow:none!important}
body.tw-redesign[data-tw-current="9"] .custom-sections-card>.tw-editor-section-head{display:none!important}
body.tw-redesign[data-tw-current="9"] .custom-sections-head{margin-bottom:20px;align-items:center}
body.tw-redesign[data-tw-current="9"] .custom-sections-head h3{font:bold 24px/1.3 Inter,Arial,sans-serif;color:#22303d}
body.tw-redesign[data-tw-current="9"] #addCustomSection{background:#b5874a!important;border:1px solid #b5874a!important;color:#fff!important;min-height:44px;padding:11px 22px;font-size:13px!important}
body.tw-redesign[data-tw-current="9"] #customSectionsEditor{display:grid;gap:10px}
body.tw-redesign[data-tw-current="9"] #customSectionsEditor>article{background:#fff!important;border:1px solid #e7dacb!important;box-shadow:0 3px 12px #62462408!important;padding:0!important;border-radius:12px!important;min-width:0}
body.tw-redesign[data-tw-current="9"] .custom-section-summary{display:flex!important;gap:12px;align-items:center;padding:14px 15px!important;min-height:42px}
body.tw-redesign[data-tw-current="9"] .custom-section-summary .custom-section-title-input{display:none!important}
body.tw-redesign[data-tw-current="9"] .tw-section-title-field .custom-section-title-input{display:block!important;width:100%!important;min-height:38px!important}
body.tw-redesign[data-tw-current="9"] .tw-section-title-echo{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 13px/1.35 Inter,Arial,sans-serif;color:#26333f}
body.tw-redesign[data-tw-current="9"] .custom-section-header-actions{display:flex;flex-wrap:nowrap;gap:7px;align-items:center}
body.tw-redesign[data-tw-current="9"] .custom-section-header-actions button{height:31px;width:32px;min-width:32px;padding:0!important;border:1px solid #e6dacb!important;border-radius:8px!important;background:#fff!important;color:#89653d!important;font-size:15px!important}
body.tw-redesign[data-tw-current="9"] .custom-section-header-actions button[data-remove]{color:#bf5851!important}
body.tw-redesign[data-tw-current="9"] .tw-section-visibility{display:flex;align-items:center;gap:6px;cursor:pointer;margin:0 5px}
body.tw-redesign[data-tw-current="9"] .tw-section-visibility input{accent-color:#b5874a;transform:scale(1.13)}
body.tw-redesign[data-tw-current="9"] .tw-section-visibility span{font:500 11px/1.3 Inter,sans-serif;color:#66707a;white-space:nowrap}
body.tw-redesign[data-tw-current="9"] .custom-section-fields{display:block!important;padding:0 15px 16px!important}
body.tw-redesign[data-tw-current="9"] .tw-section-editor-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start;border-top:1px solid #f0e7dc;padding-top:15px}
.tw-section-editor-left,.tw-section-editor-right{display:grid;align-content:start;gap:13px;min-width:0}
.tw-section-editor-right{border-left:1px solid #eee4d9;padding-left:20px}
.tw-section-editor-columns label{display:grid;gap:6px;min-width:0}
.tw-section-editor-columns input,.tw-section-editor-columns select,.tw-section-editor-columns textarea{max-width:100%;box-sizing:border-box}
.tw-section-editor-columns input:not([type=range]):not([type=checkbox]):not([type=color]),.tw-section-editor-columns textarea,.tw-section-editor-columns select{border:1px solid #e5daca;border-radius:8px;min-height:37px;background:#fff;color:#26333c;font:500 12px Inter,sans-serif;padding:7px 10px}
.tw-section-editor-columns :is(label>span,.tw-section-icon-pane>strong){font:700 11px/1.45 Inter,sans-serif;letter-spacing:0;color:#303e49;margin:0}
.tw-section-icon-pane{display:grid;gap:11px;margin:0 0 4px}
.tw-section-icon-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}
.tw-section-icon-grid>.tw-section-icon-choice,.tw-section-icon-grid>.tw-icon-upload{display:grid;place-items:center;min-width:0;aspect-ratio:1/1;border:1px solid #e6d9c9;background:#fff;border-radius:8px;color:#725536;font:700 18px/1 Inter,Arial,sans-serif;cursor:pointer}
.tw-section-icon-grid>.tw-icon-upload{border:1px dashed #bca17f;font-size:28px;color:#ab7e45;background:#fffbf6;position:relative;overflow:hidden}
.tw-icon-upload input{position:absolute;opacity:0;width:100%;height:100%;inset:0;cursor:pointer}
.tw-section-icon-grid>.active{background:#f4e5d0;border-color:#a97534;color:#82551b}
.tw-section-icon-grid>.tw-clear-icon{color:#ad6055}
.tw-section-icon-state{display:none!important}
.tw-section-extra-controls{display:grid;gap:12px;border-top:1px solid #f0e7dd;padding-top:13px}
.tw-section-title-styles{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.tw-section-title-styles>span{font:700 11px Inter,sans-serif;color:#303e49;margin-right:auto}
.tw-section-title-styles>.tw-style-toggle{display:block;cursor:pointer}
.tw-section-title-styles .tw-style-toggle input{position:absolute;opacity:0}
.tw-section-title-styles .tw-style-toggle span{display:grid;place-items:center;width:34px;height:32px;border:1px solid #dbcbb7;border-radius:7px;background:#fff;color:#634928;font:700 14px Inter,sans-serif}
.tw-section-title-styles .tw-style-toggle input:checked+span{background:#b5874a;color:white;border-color:#b5874a}
.tw-section-title-styles .tw-style-toggle:nth-child(3) span{font-style:italic}
.tw-section-title-styles .tw-style-toggle:nth-child(4) span{text-decoration:underline}
.tw-section-color-line{display:flex!important;align-items:center;justify-content:space-between;gap:16px}
.tw-section-color-line input[type=color]{width:44px!important;height:35px!important;padding:3px;border:1px solid #e1d1be;border-radius:8px;background:#fff;cursor:pointer}
.tw-section-range .tw-range-line{display:flex;gap:10px;align-items:center}
.tw-section-range input[type=range]{flex:1;min-width:0;accent-color:#b5874a}
.tw-section-range output,.tw-font-size-out{font:600 11px Inter,sans-serif;color:#8b673a;min-width:38px;text-align:right}
.tw-section-editor-right .custom-section-settings-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.tw-section-editor-right .custom-section-settings-row>label:last-child{grid-column:1/-1}
.tw-section-editor-right .custom-section-settings-row input[type=range]{width:100%;accent-color:#b5874a}
.tw-section-editor-right .custom-section-background-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tw-section-editor-right .custom-section-background-row label{min-width:0}
.tw-section-editor-right .custom-section-background-row input[type=color]{height:40px!important;max-width:80px!important}
.tw-section-editor-right .custom-section-background-row .custom-section-background-scope{grid-column:1/-1}
.tw-section-editor-right .custom-section-detach-row{display:block}
body.tw-redesign[data-tw-current="9"] .custom-section-editor:not(.open)>.custom-section-fields{display:none!important}
body.tw-redesign[data-tw-current="9"] .custom-section-editor.tw-section-disabled .tw-section-title-echo{opacity:.48}
/* Section display icon on both editor and public card, positioned above the section heading. */
.tw-section-display-icon{display:block;margin:0 auto 6px;text-align:center;font-size:22px;line-height:1.2;min-width:22px}
.tw-section-display-icon img{display:block;width:34px;height:34px;object-fit:contain;margin:0 auto}
.custom-section-tab .tw-section-display-icon{font-size:22px;line-height:1.1}
.custom-section-tab.tw-title-bold,.custom-section-detached-title.tw-title-bold{font-weight:700!important}
.custom-section-tab.tw-title-italic,.custom-section-detached-title.tw-title-italic{font-style:italic!important}
.custom-section-tab.tw-title-underline,.custom-section-detached-title.tw-title-underline{text-decoration:underline!important}
.custom-section-tab{opacity:var(--tw-title-opacity,1)}
.custom-section-tabtext,.custom-section-content-image,.custom-section-visuals{opacity:var(--tw-body-opacity,1)}
.custom-section-detached-title{opacity:var(--tw-title-opacity,1)}
@media(max-width:1100px){body.tw-redesign[data-tw-current="9"] .tw-section-editor-columns{grid-template-columns:1fr}.tw-section-editor-right{border-left:0;border-top:1px solid #eee4d9;padding:17px 0 0}}
@media(max-width:650px){body.tw-redesign[data-tw-current="9"] .custom-section-summary{gap:5px!important;padding:10px!important;flex-wrap:wrap}body.tw-redesign[data-tw-current="9"] .tw-section-visibility span{display:none}.tw-section-icon-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.tw-section-editor-columns .custom-section-background-row{grid-template-columns:1fr}.tw-section-editor-columns .custom-section-settings-row{grid-template-columns:1fr}}
/* Visible state and radius controls for the actual Save Contact button. */
.tw-save-visibility{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 15px;margin:5px 0 14px;border:1px solid #e6dacb;background:#fffdfa;border-radius:10px}
.tw-save-visibility>label{display:flex;align-items:center;gap:10px;font:700 13px Inter,sans-serif;color:#263542;cursor:pointer}
.tw-save-visibility input{accent-color:#b5874a;width:19px;height:19px}
.tw-save-visibility small{font:500 11px/1.4 Inter,sans-serif;color:#79706a}
.tw-save-border-setting{display:flex;gap:14px;align-items:center;padding:12px 14px;background:#fffdfa;border:1px solid #e6dacb;border-radius:10px;min-width:0}
.tw-save-border-setting label{font:700 12px Inter,sans-serif;color:#28343f}
.tw-save-border-setting select{max-width:135px;min-width:110px;height:38px;padding:7px;background:#fff;border:1px solid #e4d3bb;border-radius:8px;color:#634b30;font:500 12px Inter,sans-serif}
.tw-save-border-setting input{flex:1;min-width:45px;accent-color:#b5874a}
.tw-save-border-setting output{min-width:38px;color:#926b39;font:600 12px Inter,sans-serif}
body.tw-redesign[data-tw-current="8"] .tw-save-border-setting{grid-column:1/-1}

/* TarjetaWork v31.92: focused UI changes to steps 2 and 6 only. */
/* Remove deprecated remainder-selection controls from the visible partial-image editor. */
body.tw-redesign[data-tw-current="2"] .remainder-selector,
body.tw-redesign[data-tw-current="2"] .tw-custom-solid-color,
body.tw-redesign[data-tw-current="2"] #backgroundFitHint:empty{display:none!important}
/* Preset catalog never shows a solid-color HEX widget; it belongs to Color sólidos. */
body.tw-redesign[data-tw-bg="presets"] #templateGrid .custom-hex-option{display:none!important}
body.tw-redesign[data-tw-bg="solid"] #templateGrid .custom-hex-option{display:grid!important}
/* The auxiliary 'Personalizado' swatch is retained internally to persist arbitrary HEX colors.
   It must not appear as a duplicate selectable tile. */
body.tw-redesign #templateGrid .custom-solid-template{display:none!important}
/* More colors on screen; swatch remains large enough to identify and operate. */
body.tw-redesign[data-tw-bg="solid"] .template-section #templateGrid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}
body.tw-redesign[data-tw-bg="solid"] .template-section #templateGrid .solid-template:not(.custom-solid-template){min-height:71px!important;max-height:80px!important;display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center;gap:6px!important;padding:7px!important;border-radius:10px!important}
body.tw-redesign[data-tw-bg="solid"] #templateGrid .solid-template .solid-swatch{width:28px!important;height:28px!important;border-radius:7px!important}
body.tw-redesign[data-tw-bg="solid"] #templateGrid .solid-template>strong{min-width:0;overflow-wrap:break-word;white-space:normal!important;font-size:10px!important;line-height:1.25!important;max-height:3.75em;overflow:hidden}
body.tw-redesign[data-tw-bg="solid"] .template-section #templateGrid .solid-template .template-card{display:none!important}
body.tw-redesign[data-tw-bg="solid"] #templateGrid .custom-hex-option{grid-column:1/-1!important}
@media(max-width:1250px){body.tw-redesign[data-tw-bg="solid"] .template-section #templateGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:700px){body.tw-redesign[data-tw-bg="solid"] .template-section #templateGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:460px){body.tw-redesign[data-tw-bg="solid"] .template-section #templateGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* Custom-image remainder palette first; HEX and transparency immediately underneath. */
body.tw-redesign .tw-custom-upload-panel .remainder-solid-palette{order:3;grid-column:1/-1}
body.tw-redesign .tw-custom-upload-panel .custom-bg-partial>.custom-bg-color{order:4;grid-column:1/-1;padding:9px 0 0;margin:0;border:0;background:transparent}
body.tw-redesign .tw-custom-upload-panel .custom-bg-color>div{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
body.tw-redesign .tw-custom-upload-panel .custom-bg-color .unified-transparency{flex:1 1 200px;min-width:150px;max-width:310px;margin:0}
body.tw-redesign .tw-custom-upload-panel .custom-bg-color input.unified-hex{width:108px;max-width:150px}
/* Remove visible fixed/scrolling background toggle; preserve its existing form value for old cards. */
body.tw-redesign[data-tw-current="6"] .card-layout-card .background-scroll-control{display:none!important}
/* Miniature previews show the actual difference between vertical and horizontal contact layouts. */
body.tw-redesign[data-tw-current="6"] .card-layout-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body.tw-redesign[data-tw-current="6"] .card-layout-option{min-width:0;display:flex!important;flex-direction:column;align-items:center;gap:7px;padding:13px 12px!important;text-align:center!important;border-color:#e5d9ca;background:#fffdfa;color:#28323a}
body.tw-redesign[data-tw-current="6"] .card-layout-option.active{border:1.5px solid #b88746!important;background:#f7ecdc!important;box-shadow:0 0 0 1px #bd915a1a!important}
body.tw-redesign[data-tw-current="6"] .card-layout-option>b{color:#28323a}
body.tw-redesign[data-tw-current="6"] .card-layout-option>span:last-child{display:block;min-width:0;width:100%}
body.tw-redesign[data-tw-current="6"] .card-layout-option b{font-size:13px;font-weight:700}
body.tw-redesign[data-tw-current="6"] .card-layout-option small{font-size:10px;line-height:1.4}
body.tw-redesign[data-tw-current="6"] .tw92-layout-demo{position:relative;display:block!important;box-sizing:border-box;flex:none;width:100%;height:112px!important;min-height:112px!important;max-height:112px!important;max-width:290px;padding:9px!important;margin:0!important;border:1px solid #eee8e2;border-radius:12px;background:#faf8f5!important;overflow:hidden}
.tw92-layout-photo{position:absolute;top:13px;left:11%;width:46px;height:46px;border-radius:50%;overflow:hidden;border:2px solid #fff;box-shadow:0 2px 5px #2a27241a}
.tw92-layout-photo img{display:block;width:100%;height:100%;object-fit:cover}
.tw92-layout-lines{position:absolute;top:67px;left:12%;width:40%;display:grid;gap:4px}
.tw92-layout-lines i,.tw92-layout-right i,.tw92-compact-lines i{display:block;height:5px;border-radius:4px;background:#c5c4c1}
.tw92-layout-lines i:nth-child(2),.tw92-layout-right i:nth-child(2){width:85%}
.tw92-layout-lines i:nth-child(3),.tw92-layout-right i:nth-child(3){width:92%}
.tw92-layout-lines i:nth-child(4),.tw92-layout-right i:nth-child(4){width:75%}
.tw92-layout-lines i:nth-child(5),.tw92-layout-right i:nth-child(5){width:94%}
.tw92-layout-icons{position:absolute;left:48%;top:7px;display:grid;grid-template-columns:16px;grid-template-rows:repeat(5,17px);gap:3px}
.tw92-layout-right{position:absolute;left:59%;top:10px;width:35%;display:grid;gap:14px}
.tw92-icon{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#f7f2eb;box-shadow:0 0 0 .5px #d6cec4}
.tw92-icon img{display:block;width:13px;height:13px;object-fit:contain}
.tw92-whatsapp{background:#daf5e5}.tw92-instagram{background:#fce7e9}.tw92-email{background:#e2ecfd}.tw92-linkedin{background:#deedff}
.tw92-compact-copy{position:absolute;left:41%;right:10%;top:27px}
.tw92-compact-lines{display:grid;gap:6px;margin-bottom:14px}.tw92-compact-lines i:first-child{width:92%}.tw92-compact-lines i:nth-child(2){width:68%}.tw92-compact-lines i:nth-child(3){width:84%}
.tw92-compact-icons{display:flex;flex-wrap:nowrap;gap:4px;justify-content:flex-start}
.tw92-compact-icons .tw92-icon{width:18px;height:18px}
.tw92-compact-icons .tw92-icon img{width:14px;height:14px}
body.tw-redesign[data-tw-current="6"] .layout-preview-classic.tw92-layout-demo>.tw92-layout-icons{margin:0}
@media(max-width:600px){body.tw-redesign[data-tw-current="6"] .card-layout-options{grid-template-columns:1fr!important}}

/* v31.93: only the user-requested changes, within the established beige/gold design. */
/* Professional / Colores: two independent color+HEX rows; never overlap their parent tile. */
body.tw-redesign .professional-template{min-width:0;box-sizing:border-box;overflow:visible}
body.tw-redesign .professional-template .tw93-professional-colors{box-sizing:border-box;width:100%;max-width:100%;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;padding:9px!important;border:1px solid #e5d7c7;border-radius:9px;background:#fffdfa}
body.tw-redesign .professional-template .tw93-professional-colors[hidden]{display:none!important}
.tw93-pro-color-line{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:5px}
.tw93-pro-color-line>label{display:block!important;white-space:normal;overflow-wrap:anywhere;font:700 10px/1.25 Inter,Arial,sans-serif;color:#654e33}
.tw93-pro-color-pickers{display:grid;grid-template-columns:32px minmax(0,1fr);gap:7px;align-items:center;min-width:0}
.tw93-pro-color-pickers input[type=color]{display:block;box-sizing:border-box;min-width:0;width:32px!important;height:32px!important;padding:3px!important;border:1px solid #d9cbb8;border-radius:7px;background:#fff}
.tw93-pro-color-pickers .tw93-pro-hex{box-sizing:border-box;display:block;width:100%;min-width:0!important;max-width:100%;height:32px!important;padding:4px 6px!important;border:1px solid #ddd4c8;border-radius:7px;background:#fff;font:500 11px/1.2 ui-monospace,monospace;text-transform:uppercase;color:#29363a}
body.tw-redesign .professional-color-controls .unified-transparency{display:none!important}
/* Imagen personalizada: remove the duplicated alpha and anchor the remove/image-color actions in one row. */
body.tw-redesign .tw-custom-upload-panel .tw93-custom-actions{display:grid;grid-template-columns:minmax(112px,1fr) minmax(280px,2fr);gap:14px;align-items:center;min-width:0;margin-top:12px;border:1px solid #e7dbce;border-radius:12px;padding:12px;background:#fbfbf7}
body.tw-redesign .tw93-custom-actions[hidden]{display:none!important}
body.tw-redesign .tw93-remove-area{display:flex;align-items:center;justify-content:flex-start;min-width:0}
body.tw-redesign .tw93-remove-area #removeBackground{display:inline-flex!important;align-items:center;justify-content:center;width:auto;max-width:100%;padding:10px 14px!important;border:1px solid #b78b52!important;border-radius:8px!important;margin:0!important;font-size:12px!important;color:#6b4c29;background:#fffdfa!important;cursor:pointer}
body.tw-redesign .tw93-custom-color-area{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:10px;align-items:center;min-width:0}
body.tw-redesign .tw93-color-caption{display:grid;gap:3px;min-width:0}
body.tw-redesign .tw93-color-caption strong{font-size:11px;color:#314439}
body.tw-redesign .tw93-color-caption small{font-size:9px;line-height:1.3;color:#747b6d}
body.tw-redesign .tw93-custom-color-inputs{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;max-width:100%}
body.tw-redesign .tw93-custom-color-inputs #backgroundPartialColor{box-sizing:border-box;width:34px!important;height:34px!important;flex:0 0 34px;position:static!important;opacity:1!important;border:1px solid #d5cbbe!important;border-radius:7px!important;padding:2px!important;background:#fff!important}
body.tw-redesign .tw93-custom-hex{width:102px;min-width:0;max-width:105px;box-sizing:border-box;border-radius:8px;border:1px solid #ded8d0;background:white;font:600 11px ui-monospace,monospace;height:35px;padding:5px 8px;color:#24323a}
body.tw-redesign .tw93-custom-apply{white-space:nowrap;min-height:35px;border-radius:8px!important;border:0!important;background:#315b4d!important;color:white!important;font-size:11px;font-weight:700;padding:6px 12px!important}
body.tw-redesign .tw93-custom-color-area.tw93-muted{opacity:.85}
body.tw-redesign .tw-custom-upload-panel .custom-bg-color,body.tw-redesign .tw-custom-upload-panel .custom-bg-color .unified-transparency{display:none!important}
/* A live mirror of the persisted panel opacity, beneath Color principal and Tipografía. */
body.tw-redesign .tw93-main-opacity{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr) 56px;gap:10px;align-items:center;min-width:0;margin:12px 0 0;padding:13px 10px;border-top:1px solid #eaded0;color:#2e3944}
body.tw-redesign .tw93-main-opacity span{font-weight:700;font-size:12px}
/* The visible rail begins and ends at the CENTER of the thumb at values 0 and 100. */
body.tw-redesign .tw93-main-opacity input[type="range"]{
 display:block;width:100%;min-width:0;height:24px;box-sizing:border-box;margin:0;padding:0;
 border:0;border-radius:0;box-shadow:none;cursor:pointer;outline-offset:2px;
 -webkit-appearance:none;appearance:none;accent-color:#b9894a;
 background:linear-gradient(to right,#b9894a 0%,#b9894a var(--tw98-opacity-progress,0%),#3f4246 var(--tw98-opacity-progress,0%),#3f4246 100%) center / calc(100% - 16px) 6px no-repeat;
}
body.tw-redesign .tw93-main-opacity input[type="range"]::-webkit-slider-runnable-track{height:6px;border:0;background:transparent;box-shadow:none}
body.tw-redesign .tw93-main-opacity input[type="range"]::-moz-range-track{height:6px;border:0;background:transparent;box-shadow:none}
body.tw-redesign .tw93-main-opacity input[type="range"]::-webkit-slider-thumb{
 -webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;
 border:0;border-radius:50%;background:#b9894a;box-shadow:0 1px 2px #0002;
}
body.tw-redesign .tw93-main-opacity input[type="range"]::-moz-range-thumb{
 width:16px;height:16px;border:0;border-radius:50%;background:#b9894a;box-shadow:0 1px 2px #0002;
}
body.tw-redesign .tw93-main-opacity output{font-size:12px;text-align:right;color:#795b33;font-weight:700}
body.tw-redesign[data-tw-current="7"] .panel-transparency{display:none!important}
/* The original photo segmentation controls stay connected solely for processing; not visually exposed. */
body.tw-redesign .tw93-hidden-photo-engine{display:none!important}
body.tw-redesign .tw93-transparent-sample{background:repeating-conic-gradient(#f4f1ec 0 25%,#dad2c7 0 50%) 0 0 / 14px 14px!important}
body.tw-redesign .tw93-transparent-sample img{object-fit:contain}
/* Logo: same arrangement and dimensions as the photo editor. */
body.tw-redesign .company-logo-card .tw93-logo-settings-row{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:start;min-width:0}
body.tw-redesign .company-logo-card .tw93-logo-settings-row>label{min-width:0;display:grid;align-content:start;gap:7px}
body.tw-redesign .company-logo-card .tw93-logo-settings-row .icon-choice-buttons{gap:7px!important;flex-wrap:wrap!important}
body.tw-redesign .company-logo-card .tw93-logo-size{display:grid!important;grid-template-columns:1fr auto;gap:8px;margin-top:12px!important;padding:12px 0;border-top:1px solid #eee2d6}
body.tw-redesign .company-logo-card .tw93-logo-size input[type=range]{grid-column:1/-1;width:100%;accent-color:#b9894a}
body.tw-redesign .tw93-logo-border{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #e9e1d7;padding-top:14px;margin-top:10px}
body.tw-redesign .tw93-logo-border .border-toggle-title{font-size:12px;font-weight:700}
.studio-card-mount .artwork-card[data-logo-border="off"] .tpl-company-logo,#card#card.artwork-card[data-logo-border="off"] .company-logo{border:0!important;outline:0!important;box-shadow:none!important}
.studio-card-mount .artwork-card[data-logo-border="on"] .tpl-company-logo,#card#card.artwork-card.preview-parity[data-logo-border="on"] .company-logo{border:1px solid rgba(255,255,255,.75)!important;box-shadow:0 2px 7px #12182022!important}
/* Only preview placeholders: leave real card layout untouched. */
body.tw-redesign .tw93-compact-shadow-lines .tw92-layout-lines{gap:3px;left:11%;width:28%!important}
body.tw-redesign .tw93-compact-shadow-lines .tw92-layout-lines i{height:4px!important;max-width:100%!important}
body.tw-redesign .tw93-compact-shadow-lines .tw92-layout-right{left:64%!important;width:24%!important;gap:13px!important}
body.tw-redesign .tw93-compact-shadow-lines .tw92-layout-right i{height:4px!important;max-width:100%!important}
body.tw-redesign .tw93-compact-shadow-lines .tw92-layout-icons{left:48%!important}
body.tw-redesign .tw93-compact-shadow-lines .tw92-compact-copy{left:43%!important;right:10%!important}
body.tw-redesign .tw93-compact-shadow-lines .tw92-compact-lines i{height:5px!important;max-width:90%!important}
/* Professional field size/transparency controls share one baseline, aligned inline labels. */
body.tw-redesign[data-tw-current="7"] .editor-field-row .tw93-parallel-sliders{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:center;margin:13px 0 0;min-width:0}
body.tw-redesign[data-tw-current="7"] .editor-field-row .tw93-parallel-sliders>.editor-field-aux{max-width:none!important;margin:0!important;width:100%!important;min-width:0!important;display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;align-items:center}
body.tw-redesign[data-tw-current="7"] .editor-field-row .tw93-parallel-sliders .inline-size-control{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:8px;align-items:center;min-width:0}
body.tw-redesign[data-tw-current="7"] .editor-field-row .tw93-parallel-sliders .unified-transparency{display:grid!important;grid-template-columns:105px minmax(0,1fr) 37px;gap:8px;align-items:center;margin:0!important;min-width:0;max-width:none!important}
body.tw-redesign[data-tw-current="7"] .editor-field-row .tw93-parallel-sliders .unified-transparency input{grid-column:2;min-width:0;width:100%}
body.tw-redesign[data-tw-current="7"] .tw93-parallel-sliders .tw93-alpha-out{grid-column:3;font-size:11px;text-align:right;white-space:nowrap;color:#85643a}
body.tw-redesign[data-tw-current="7"] .tw93-inline-label{font-size:11px!important;font-weight:700!important;color:#685741;white-space:normal}
body.tw-redesign[data-tw-current="7"] .editor-field-row .tw93-parallel-sliders output{font-size:11px;white-space:nowrap}
body.tw-redesign .field-style-control select[data-field-style="font"],body.tw-redesign .field-style-control .visual-select-option{font-family:inherit}
@media(max-width:900px){body.tw-redesign .tw93-custom-color-area{grid-template-columns:1fr;gap:8px}body.tw-redesign .company-logo-card .tw93-logo-settings-row{grid-template-columns:1fr}}
@media(max-width:670px){body.tw-redesign .tw-custom-upload-panel .tw93-custom-actions{grid-template-columns:1fr!important}body.tw-redesign .tw93-main-opacity{grid-template-columns:1fr 46px}body.tw-redesign .tw93-main-opacity span{grid-column:1/-1}body.tw-redesign[data-tw-current="7"] .editor-field-row .tw93-parallel-sliders{grid-template-columns:1fr;gap:12px}body.tw-redesign[data-tw-current="7"] .editor-field-row .tw93-parallel-sliders>.editor-field-aux,body.tw-redesign[data-tw-current="7"] .editor-field-row .tw93-parallel-sliders .unified-transparency{grid-template-columns:110px minmax(0,1fr)}}

/* TarjetaWork v31.94: incremental visual changes only. */
/* 1. Both plan renderings should represent phones at similar physical size. */
body.tw-redesign[data-tw-current="1"] .tw-plan-visual.tw94-basic-illustration{height:235px!important;max-height:235px!important;object-fit:contain;object-position:center}
body.tw-redesign[data-tw-current="1"] .tw-plan-visual.tw94-plus-illustration{height:405px!important;max-height:405px!important;object-fit:contain;object-position:center}
@media(max-width:1100px){body.tw-redesign[data-tw-current="1"] .tw-plan-visual.tw94-basic-illustration{height:190px!important;max-height:190px!important}body.tw-redesign[data-tw-current="1"] .tw-plan-visual.tw94-plus-illustration{height:325px!important;max-height:325px!important}}
@media(max-width:650px){body.tw-redesign[data-tw-current="1"] .tw-plan-visual.tw94-basic-illustration{height:160px!important;max-height:160px!important}body.tw-redesign[data-tw-current="1"] .tw-plan-visual.tw94-plus-illustration{height:280px!important;max-height:280px!important}}

/* 2. Hide the second background selector for an image covering the entire card. */
body.tw-redesign .tw93-custom-color-area[hidden]{display:none!important}
body.tw-redesign .tw93-custom-actions.tw94-full-background{grid-template-columns:1fr!important;min-height:47px}
body.tw-redesign .tw93-custom-actions.tw94-full-background .tw93-remove-area{justify-content:flex-start!important}

/* 4. Image color options replace only the visible dropdown; keep native select to save/restore. */
body.tw-redesign .photo-background-color-control{display:block;min-width:0}
body.tw-redesign .photo-background-color-control[hidden]{display:none!important}
body.tw-redesign .photo-background-color-control #photoBackgroundColor.tw94-original-photo-color-select{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important;overflow:hidden!important}
body.tw-redesign .tw94-photo-colors{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;min-width:0}
body.tw-redesign .tw94-photo-color,body.tw-redesign .tw94-photo-color-add{flex:1 0 27px;max-width:40px;min-width:27px;width:33px;height:33px;padding:0;border:1px solid #d4c4b1;border-radius:50%;cursor:pointer;box-shadow:0 0 0 2px #fff8}
body.tw-redesign .tw94-photo-color.active,body.tw-redesign .tw94-photo-color-add.active{outline:2px solid #ae7f43;outline-offset:2px}
body.tw-redesign .tw94-photo-color-add{display:grid;place-items:center;font:700 21px/1 Inter,Arial,sans-serif;color:#976c36;background:#fffcf8;border-color:#b9894a}
body.tw-redesign .tw94-photo-custom{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:12px}
body.tw-redesign .tw94-photo-custom[hidden]{display:none!important}
body.tw-redesign .tw94-photo-custom input[type=color]{width:40px;height:38px;min-width:40px;padding:2px;border-radius:7px;border:1px solid #d6c4ae}
body.tw-redesign .tw94-photo-custom input[type=text]{max-width:125px;min-width:90px;height:38px;padding:8px 10px;border:1px solid #e5d8c7;border-radius:8px;font:500 13px ui-monospace,monospace}
body.tw-redesign .tw94-photo-custom button{height:38px;padding:7px 12px;border:0;border-radius:8px;background:#b18346;color:#fff;font-size:12px}

/* 5. Upload box matches exactly the height of the style samples row. */
body.tw-redesign[data-tw-current="5"] .company-logo-card .tw-media-primary{align-items:stretch!important}
body.tw-redesign[data-tw-current="5"] .company-logo-card .tw-media-upload.tw94-logo-upload{height:auto!important;min-height:220px!important;max-height:none!important;align-self:stretch!important}
body.tw-redesign .company-logo-card #companyLogoIcon.tw94-logo-upload-icon.has-image{background-image:none!important}
body.tw-redesign .company-logo-card #companyLogoIcon.tw94-logo-upload-icon.has-image::after{content:"✓";display:grid;place-items:center;width:100%;height:100%;color:#a5793f;font:700 31px/1 Inter,sans-serif}
/* Identical order: Formato and then Posición, with matching icon buttons. */
body.tw-redesign .company-logo-card .tw93-logo-settings-row.tw94-logo-shape-position{grid-template-columns:1fr 1fr;gap:15px}
body.tw-redesign .company-logo-card .tw94-logo-position-field .tw-logo-position,
body.tw-redesign .company-logo-card .tw94-logo-position-field .logo-position-icons,
body.tw-redesign .company-logo-card .tw94-logo-position-field .icon-choice-buttons,
body.tw-redesign .company-logo-card .tw94-logo-position-field select#logoPlacement,
body.tw-redesign .company-logo-card .tw94-logo-position-field .visual-select{display:none!important}
body.tw-redesign .tw94-logo-horizontal{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
body.tw-redesign .tw94-logo-horizontal button{width:40px;height:39px;display:grid;place-items:center;color:#29504a;background:#fff;border:1px solid #d9dbcf;border-radius:8px;cursor:pointer}
body.tw-redesign .tw94-logo-horizontal button.active{background:#b28448!important;color:#fff!important;border-color:#b28448!important}
body.tw-redesign .tw94-logo-horizontal svg{width:24px;height:18px}
/* Logo size slider LEFT, vertical switch RIGHT. The existing real range remains active. */
body.tw-redesign .company-logo-card .tw94-logo-size-position{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(160px,1fr);gap:20px;align-items:center;min-width:0;border-top:1px solid #eee2d6;margin-top:14px;padding-top:12px}
body.tw-redesign .company-logo-card .tw94-logo-size-position .tw93-logo-size{margin:0!important;padding:0!important;border:0!important;min-width:0}
body.tw-redesign .tw94-logo-vertical{display:flex;flex-direction:column;gap:9px;color:#2d454a;font-size:11px;font-weight:700}
body.tw-redesign .tw94-logo-switch{display:inline-flex;gap:9px;align-items:center;cursor:pointer;white-space:nowrap}
body.tw-redesign .tw94-logo-switch input{position:absolute;opacity:0;width:1px;height:1px}
body.tw-redesign .tw94-logo-switch i{display:block;width:38px;height:22px;background:#d9ddd7;border:1px solid #bcc9be;border-radius:30px;position:relative;transition:background .16s}
body.tw-redesign .tw94-logo-switch i::after{content:"";position:absolute;width:16px;height:16px;background:white;border-radius:50%;top:2px;left:2px;box-shadow:0 1px 3px #3333;transition:transform .16s}
body.tw-redesign .tw94-logo-switch input:checked+i{background:#a97a3e}
body.tw-redesign .tw94-logo-switch input:checked+i::after{transform:translateX(16px)}
body.tw-redesign .tw94-logo-switch input:focus-visible+i{outline:2px solid #b18246;outline-offset:3px}
body.tw-redesign .company-logo-card .tw94-logo-border .border-switch-copy{display:none!important}
body.tw-redesign .company-logo-card button.tw94-logo-remove{display:block!important;position:relative;align-self:start;order:99;margin-top:16px!important;margin-bottom:0!important}
@media(max-width:680px){body.tw-redesign .company-logo-card .tw94-logo-size-position,body.tw-redesign .company-logo-card .tw93-logo-settings-row.tw94-logo-shape-position{grid-template-columns:1fr;gap:12px}}

/* 7. Appearance is the FIRST group of the professional information step. */
body.tw-redesign[data-tw-current="7"] .identity-card .fields>.professional-visual-settings.tw94-appearance-first{order:-100!important;grid-column:1/-1!important;margin-top:0!important}
/* Sliders share a baseline; typography/text/background select menus use equal font sizes. */
body.tw-redesign[data-tw-current="7"] .editor-field-row .tw93-parallel-sliders>.editor-field-aux{position:relative;top:-5px}
body.tw-redesign[data-tw-current="7"] .identity-card .field-style-control :is(select,.visual-select-trigger,.visual-trigger-text){font-size:12px!important;line-height:1.3!important}
@media(max-width:670px){body.tw-redesign[data-tw-current="7"] .editor-field-row .tw93-parallel-sliders>.editor-field-aux{top:0}}

/* TarjetaWork v31.95 — Preserve the approved warm/bronze visual palette. */
/* 1 · Align the top of both real mobile renders, rather than centering the
   smaller composition vertically inside its taller fixed illustration box. */
body.tw-redesign[data-tw-current="1"] .tw-plan-detail{
  align-items:start!important;
}
body.tw-redesign[data-tw-current="1"] .tw-plan-visual.tw94-basic-illustration,
body.tw-redesign[data-tw-current="1"] .tw-plan-visual.tw94-plus-illustration{
  object-position:center top!important;
  align-self:start!important;
}

/* 4 · 'Sin fondo' has no photo backdrop to color or make transparent.
   Hide only these editors; do not reset their persisted values. */
body.tw-redesign .profile-image-card.tw95-photo-cutout .photo-background-color-control,
body.tw-redesign .profile-image-card.tw95-photo-cutout #cutoutTransparencyControl{
  display:none!important;
}
/* Remove the obsolete two captions for ALL photo styles. */
body.tw-redesign .profile-image-card .photo-background-color-control>.appearance-hint,
body.tw-redesign .profile-image-card #cutoutTransparencyControl>.appearance-hint{
  display:none!important;
}
/* Give photo-height the same border-free, neutral slider treatment as size. */
body.tw-redesign .profile-image-card label.photo-y-control{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  margin:12px 0 4px!important;
}
body.tw-redesign .profile-image-card .photo-style-height-row{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
}

/* 5 · Mirror the profile editor's grid alignment and border toggle row. */
body.tw-redesign .company-logo-card .tw93-logo-settings-row.tw94-logo-shape-position{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start!important;
}
body.tw-redesign .company-logo-card .tw93-logo-settings-row.tw94-logo-shape-position>label{
  min-width:0!important;
  align-content:start!important;
}
body.tw-redesign .company-logo-card .tw94-logo-horizontal button{
  width:40px!important;height:39px!important;min-width:40px!important;
  border-radius:8px!important;
}
body.tw-redesign .company-logo-card .tw93-logo-border.tw94-logo-border{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
}
body.tw-redesign .company-logo-card .tw93-logo-border .border-switch{
  margin-left:auto!important;
}
@media(max-width:680px){
 body.tw-redesign .company-logo-card .tw93-logo-settings-row.tw94-logo-shape-position{
   grid-template-columns:1fr!important;
 }
}

/* 8 · Keep the existing shape selector and its native state update; remove
   the redundant radius slider and pixel readout from the visible editor. */
body.tw-redesign .tw-save-border-setting #saveContactRadius,
body.tw-redesign .tw-save-border-setting output[for="saveContactRadius"]{
  display:none!important;
}
body.tw-redesign .tw-save-border-setting #saveContactShape{
  flex:1 1 auto!important;
  max-width:none!important;
  min-width:0!important;
}

/* TarjetaWork v31.96 — layout-only refinement of wizard steps 2–6.
   Scoped to the approved warm editor. No changes to underlying inputs or data. */

/* 2 — Imagen personalizada: less vertical dead space around the file picker.
   The gallery uses a 570px scroller on desktop, so keep the populated
   custom-image panel in the same approximate visual range. */
body.tw-redesign[data-tw-current="2"] .tw-custom-upload-panel .custom-background-controls > h3 {
  display:none!important;
}
body.tw-redesign[data-tw-current="2"] .tw-custom-upload-panel .custom-background-controls {
  box-sizing:border-box;
  padding:18px 20px!important;
}
body.tw-redesign[data-tw-current="2"] .tw-custom-upload-panel .custom-background-picker {
  box-sizing:border-box;
  min-height:142px!important;
  padding:16px 16px!important;
  gap:5px!important;
  border-radius:12px!important;
}
body.tw-redesign[data-tw-current="2"] .tw-custom-upload-panel .custom-background-picker .upload-symbol {
  font-size:24px!important;
  line-height:1!important;
}
body.tw-redesign[data-tw-current="2"] .tw-custom-upload-panel .custom-background-picker b {
  font-size:13px!important;
}
body.tw-redesign[data-tw-current="2"] .tw-custom-upload-panel .custom-background-picker small {
  margin-top:2px;
  font-size:10px!important;
}
body.tw-redesign[data-tw-current="2"] .tw-custom-upload-panel #customBackgroundOptions:not([hidden]) {
  margin-top:12px!important;
}
body.tw-redesign[data-tw-current="2"] .tw-custom-upload-panel #backgroundFileName {
  margin-bottom:7px;
}
body.tw-redesign[data-tw-current="2"] .tw-custom-upload-panel .custom-background-layout {
  gap:10px!important;
  margin-top:8px!important;
}
body.tw-redesign[data-tw-current="2"] .tw-custom-upload-panel .tw93-custom-actions {
  margin-top:9px!important;
  padding:9px 10px!important;
}
@media(min-width:781px){
  body.tw-redesign[data-tw-current="2"][data-tw-bg="custom"] .tw-custom-upload-panel .custom-background-controls {
    min-height:570px;
  }
}

/* 3 — Slightly taller effect choices; preserve the four-by-two grid and
   keep all sample animations and selection buttons as they are. */
body.tw-redesign[data-tw-current="3"] .tw-effect-tile {
  padding-top:6px;
  padding-bottom:8px;
}
body.tw-redesign[data-tw-current="3"] .tw-effect-sample {
  height:76px;
}
body.tw-redesign[data-tw-current="3"] .tw-effect-bottom {
  margin-top:24px;
}

/* 4 — Move photo adjustments closer to the upload/style grid.  This only
   removes excess gap; no shape or photo-height controls are altered. */
body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-primary {
  margin-bottom:7px!important;
}
body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-secondary {
  margin-top:3px!important;
}
body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-secondary-title {
  margin-top:5px!important;
  margin-bottom:10px!important;
}

/* 5 — Make the existing remove-logo button more comfortable to tap and
   use the freed vertical space while leaving its native click handler intact. */
body.tw-redesign[data-tw-current="5"] .company-logo-card button.tw94-logo-remove {
  box-sizing:border-box;
  min-height:44px!important;
  min-width:130px;
  padding:11px 18px!important;
  margin-top:18px!important;
  border-radius:9px!important;
  font-size:12px!important;
  font-weight:600!important;
}

/* 6 — Larger and equally sized illustrative renders of the two layouts.
   Proportional placements leave room for the icon column, profile photo,
   the placeholder text lines and captions without overlap. */
body.tw-redesign[data-tw-current="6"] .card-layout-options .card-layout-option {
  box-sizing:border-box;
  min-height:208px!important;
  gap:9px!important;
  padding:14px 12px!important;
}
body.tw-redesign[data-tw-current="6"] .tw92-layout-demo {
  box-sizing:border-box;
  width:100%!important;
  max-width:325px!important;
  height:153px!important;
  min-height:153px!important;
  max-height:153px!important;
}
body.tw-redesign[data-tw-current="6"] .tw92-layout-photo {
  top:19px;
  width:54px;
  height:54px;
}
body.tw-redesign[data-tw-current="6"] .tw92-layout-lines {
  top:92px;
  gap:5px;
}
body.tw-redesign[data-tw-current="6"] .tw92-layout-icons {
  top:16px;
  grid-template-rows:repeat(5,21px);
  gap:3px;
}
body.tw-redesign[data-tw-current="6"] .tw92-layout-right {
  top:20px;
  gap:18px!important;
}
body.tw-redesign[data-tw-current="6"] .tw92-compact-copy {
  top:39px;
}
body.tw-redesign[data-tw-current="6"] .tw92-compact-lines {
  gap:8px;
  margin-bottom:19px;
}
@media(max-width:780px){
  body.tw-redesign[data-tw-current="2"] .tw-custom-upload-panel .custom-background-controls {
    padding:14px!important;
  }
  body.tw-redesign[data-tw-current="2"] .tw-custom-upload-panel .custom-background-picker {
    min-height:94px!important;
  }
  body.tw-redesign[data-tw-current="3"] .tw-effect-sample {
    height:110px;
  }
  body.tw-redesign[data-tw-current="6"] .tw92-layout-demo {
    height:145px!important;
    min-height:145px!important;
    max-height:145px!important;
  }
}
@media(max-width:380px){
  body.tw-redesign[data-tw-current="6"] .tw92-layout-demo {max-width:100%!important;}
  body.tw-redesign[data-tw-current="6"] .tw92-layout-photo {width:42px;height:42px;}
  body.tw-redesign[data-tw-current="6"] .tw92-layout-lines {top:79px;}
  body.tw-redesign[data-tw-current="6"] .tw92-layout-right {gap:16px!important;}
  body.tw-redesign[data-tw-current="6"] .tw92-layout-icons {left:45%!important;}
}

/* v31.99 — Igualar la fila de navegación del paso Efecto con la del
   paso Selección de fondo (galería de 570px + pestañas).  Solo reserva
   espacio cuando Efecto es más corto; no desplaza ni tapa controles. */
@media (min-width: 781px) {
  body.tw-redesign[data-tw-current="3"] .configure-section {
    box-sizing: border-box;
    min-height: 641px !important;
  }
}


/* v32.00 — Photo style selection: only gold outline; no checkmark overlay.
   Upload previews are always generated from the user's original source image. */
body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-secondary-title,
body.tw-redesign[data-tw-current="4"] .profile-image-card .photo-layout-controls > h3,
body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-style-checked {display:none!important}
body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-primary {margin-bottom:5px!important}
body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-secondary {margin-top:0!important}
body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-style-option[data-kind="cutout"] .tw-media-style-picture {background:transparent!important}
body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-style-option[data-kind="cutout"] .tw-media-style-picture img {object-fit:contain!important}
body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-style-option[data-kind="illustration"] img {filter:none!important}
body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-style-picture.tw32-waiting-cutout {opacity:.65}
body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-style-picture.tw32-waiting-cartoon {opacity:.75}
body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-style-option[data-kind="initials"] .tw-media-style-picture {font-size:17px!important}

/* v32.00: bottom navigation uses the same vertical placement as the background step. */
@media(min-width:781px){
 body.tw-redesign:is([data-tw-current="4"],[data-tw-current="5"],[data-tw-current="6"]) .configure-controls > :is(.profile-image-card,.company-logo-card,.card-layout-card){
   box-sizing:border-box!important;
   min-height:625px!important;
 }
}

body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-style-picture.tw32-waiting-cutout::after{
  content:"…";
  position:absolute;right:1px;bottom:1px;
  width:15px;height:15px;border-radius:50%;background:#fcf6ea;
  color:#9b713e;display:grid;place-items:center;font-size:12px;font-weight:800;
}
@media(max-width:780px){
 body.tw-redesign:is([data-tw-current="4"],[data-tw-current="5"],[data-tw-current="6"]) .configure-controls > :is(.profile-image-card,.company-logo-card,.card-layout-card){
   box-sizing:border-box!important;
   min-height:743px!important;
 }
}

/* v32.01 · Logo de empresa uses same composition as Foto de perfil.
   Native logo shape/placement/size/border controls remain authoritative. */
body.tw-redesign[data-tw-current="5"] .company-logo-card .tw-media-secondary-title{display:none!important}
body.tw-redesign .company-logo-card .tw93-logo-settings-row.tw94-logo-shape-position{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:14px!important;align-items:start!important;
}
body.tw-redesign .company-logo-card .tw93-logo-settings-row.tw94-logo-shape-position>label{
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;
 gap:8px!important;min-width:0!important;
}
body.tw-redesign .company-logo-card .tw93-logo-settings-row.tw94-logo-shape-position>label>span{
 font-size:10px!important;font-weight:750!important;letter-spacing:.085em!important;
 text-transform:uppercase!important;color:#263b42!important;
}
body.tw-redesign .company-logo-card .tw94-logo-horizontal,
body.tw-redesign .company-logo-card .logo-shape-icons{
 display:flex!important;gap:6px!important;flex-wrap:wrap!important;align-items:center!important;
}
body.tw-redesign .company-logo-card .tw94-logo-horizontal .alignment-icon-button,
body.tw-redesign .company-logo-card .logo-shape-icons .icon-choice-button{
 display:grid!important;place-items:center!important;width:39px!important;height:39px!important;
 min-width:39px!important;min-height:39px!important;padding:7px!important;
 background:#fff!important;color:#30594e!important;border:1px solid #d9dfd5!important;
 border-radius:8px!important;box-sizing:border-box!important;cursor:pointer;
}
body.tw-redesign .company-logo-card .tw94-logo-horizontal .alignment-icon-button svg,
body.tw-redesign .company-logo-card .logo-shape-icons .icon-choice-button svg{
 width:20px!important;height:20px!important;
}
body.tw-redesign .company-logo-card .tw94-logo-horizontal .alignment-icon-button.active{
 background:#b28448!important;color:white!important;border-color:#b28448!important;
}
body.tw-redesign .company-logo-card .logo-shape-icons .icon-choice-button.active{
 background:#305e4e!important;color:white!important;border-color:#305e4e!important;
}
body.tw-redesign .company-logo-card .tw3201-logo-border{
 display:flex!important;justify-content:space-between!important;align-items:center!important;
 padding:12px 0!important;margin:12px 0 0!important;gap:12px!important;
 border-top:1px solid #e9e1d7!important;
}
body.tw-redesign .company-logo-card .tw3201-logo-border .border-switch{
 margin-left:auto!important;display:inline-flex!important;align-items:center!important;gap:8px!important;
}
body.tw-redesign .company-logo-card .tw3201-logo-border .border-switch-copy{
 display:inline!important;visibility:visible!important;font-size:11px!important;
 font-weight:500!important;white-space:nowrap!important;
}
body.tw-redesign .company-logo-card .tw3201-logo-size-vertical{
 display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)!important;
 gap:20px!important;align-items:center!important;padding:13px 0 4px!important;
 border-top:1px solid #e9e1d7!important;margin:0!important;
}
body.tw-redesign .company-logo-card .tw3201-logo-size-vertical .tw93-logo-size{
 padding:0!important;border:0!important;margin:0!important;
}
body.tw-redesign .company-logo-card .tw3201-logo-vertical{
 display:flex;flex-direction:column;gap:9px;min-width:0;
 border:0!important;margin:0!important;padding:0!important;
}
body.tw-redesign .company-logo-card .tw3201-logo-vertical legend{
 display:block;font-size:11px;font-weight:700;color:#304b48;padding:0;margin:0 0 8px;
}
body.tw-redesign .company-logo-card .tw3201-logo-radio-row{
 display:flex;gap:13px;align-items:center;flex-wrap:wrap;
}
body.tw-redesign .company-logo-card .tw3201-logo-radio{
 display:inline-flex;gap:6px;align-items:center;cursor:pointer;
 font-size:12px;color:#253f3c;white-space:nowrap;
}
body.tw-redesign .company-logo-card .tw3201-logo-radio input[type=radio]{
 appearance:none;-webkit-appearance:none;position:relative;width:19px!important;height:19px!important;
 min-width:19px!important;border:1.5px solid #b7c1b9!important;border-radius:50%!important;
 margin:0!important;background:#fff!important;cursor:pointer;
}
body.tw-redesign .company-logo-card .tw3201-logo-radio input[type=radio]:checked{
 border-color:#b28448!important;background:#b28448!important;
}
body.tw-redesign .company-logo-card .tw3201-logo-radio input[type=radio]:checked::after{
 content:"";position:absolute;inset:5px;border-radius:50%;background:#fff;
}
body.tw-redesign .company-logo-card .tw3201-logo-radio input[type=radio]:focus-visible{
 outline:2px solid #305e4e;outline-offset:2px;
}
@media(max-width:680px){
 body.tw-redesign .company-logo-card .tw93-logo-settings-row.tw94-logo-shape-position{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 body.tw-redesign .company-logo-card .tw3201-logo-size-vertical{
  grid-template-columns:1fr!important;gap:12px!important;
 }
}
@media(max-width:400px){
 body.tw-redesign .company-logo-card .tw93-logo-settings-row.tw94-logo-shape-position{
  grid-template-columns:1fr!important;
 }
}
/* Labels were moved into the new controls row: no space for empty legacy wrapper. */
body.tw-redesign .company-logo-card .logo-presentation-fields:empty{display:none!important}

/* v32.02: more detailed style previews, without changing the card sizes. */
body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-style-picture{
 width:62px!important;height:62px!important;
}
body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-style-option{
 gap:4px!important;padding-top:5px!important;padding-bottom:5px!important;
}
body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-style-option[data-kind="illustration"] img{
 filter:none!important;
}
body.tw-redesign[data-tw-current="4"] .profile-image-card .tw32-photo-initials{
 font:700 23px Georgia,serif;color:#89552f;
}
body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-style-option[data-kind="initials"] img[hidden]{display:none!important}
@media(max-width:520px){
 body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-style-picture{
  width:56px!important;height:56px!important;
 }
}

/* Company logo follows the same upload/style/settings rhythm as the photo. */
body.tw-redesign .company-logo-card .tw-media-primary{margin-bottom:5px!important}
body.tw-redesign .company-logo-card .tw-media-secondary{margin-top:0!important}
body.tw-redesign .company-logo-card .tw-media-style-area{display:flex;flex-direction:column;min-width:0}
body.tw-redesign .company-logo-card .tw-media-style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:start}
body.tw-redesign .company-logo-card .tw-media-style-option{min-height:84px;min-width:0}
body.tw-redesign .company-logo-card .tw-style-checked{display:none!important}
body.tw-redesign .company-logo-card .tw-upload-copy b{white-space:normal;word-break:normal;letter-spacing:normal}
body.tw-redesign .company-logo-card .tw-logo-settings-grid{gap:0!important}
@media(max-width:520px){body.tw-redesign .company-logo-card .tw-media-style-grid{gap:6px}}

/* Same two-row control geometry for size and transparency in every identity field. */
body.tw-redesign[data-tw-current="7"] .editor-field-row .tw93-parallel-sliders{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;align-items:start!important;margin:14px 0 0!important;
}
body.tw-redesign[data-tw-current="7"] .editor-field-row .tw93-parallel-sliders>:is(.editor-field-aux,.unified-transparency){
 display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;grid-template-rows:18px 32px!important;gap:4px 8px!important;
 position:static!important;top:auto!important;align-items:center!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;
}
body.tw-redesign[data-tw-current="7"] .tw93-parallel-sliders .inline-size-control{display:contents!important}
body.tw-redesign[data-tw-current="7"] .tw93-parallel-sliders .tw93-inline-label{grid-column:1/-1!important;grid-row:1!important;font-size:11px!important;line-height:18px!important;margin:0!important}
body.tw-redesign[data-tw-current="7"] .editor-field-row .tw93-parallel-sliders input[type=range]{
 grid-column:1!important;grid-row:2!important;width:100%!important;min-width:0!important;height:32px!important;box-sizing:border-box!important;padding:0!important;margin:0!important;align-self:center!important;
}
body.tw-redesign[data-tw-current="7"] .editor-field-row .tw93-parallel-sliders output{grid-column:2!important;grid-row:2!important;min-width:0!important;text-align:right!important;line-height:32px!important;margin:0!important}
body.tw-redesign .editor-field-main>label>.phone-input-row{
 grid-column:1/-1!important;display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;gap:8px!important;width:100%!important;min-width:0!important;
}
body.tw-redesign .editor-field-main .phone-input-row input{box-sizing:border-box!important;height:42px!important;min-width:0!important;width:100%!important;margin:0!important;}
body.tw-redesign .editor-field-main .phone-input-row input:not(.dial-code){font-size:14px!important;padding:10px 12px!important;}
body.tw-redesign .editor-field-main .phone-input-row .dial-code{width:76px!important;min-width:76px!important;}
@media(max-width:480px){body.tw-redesign[data-tw-current="7"] .editor-field-row .tw93-parallel-sliders{gap:12px!important}body.tw-redesign[data-tw-current="7"] .editor-field-row .tw93-parallel-sliders>:is(.editor-field-aux,.unified-transparency){grid-template-columns:minmax(0,1fr) 34px!important;column-gap:4px!important}}

/* Professional appearance: equal columns and identical label/control rows. */
body.tw-redesign[data-tw-current="7"] .professional-visual-settings .design-controls{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;width:100%!important;align-items:start!important;
}
body.tw-redesign[data-tw-current="7"] .professional-visual-settings .designer-select-control:is(:has(#bgColor),.icon-style-control,.icon-color-control){
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:18px 40px auto!important;align-content:start!important;align-items:start!important;gap:8px!important;min-width:0!important;margin:0!important;
}
body.tw-redesign[data-tw-current="7"] .professional-visual-settings .designer-select-control:is(:has(#bgColor),.icon-style-control,.icon-color-control)>span{grid-row:1!important;margin:0!important;line-height:18px!important}
body.tw-redesign[data-tw-current="7"] .professional-visual-settings .designer-select-control:is(:has(#bgColor),.icon-style-control,.icon-color-control)>:is(.visual-select,select,.icon-color-picker){grid-row:2!important;margin:0!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
body.tw-redesign[data-tw-current="7"] .professional-visual-settings :is(.visual-select-trigger,select,.icon-color-hex){height:40px!important;min-height:40px!important;box-sizing:border-box!important}
body.tw-redesign[data-tw-current="7"] .professional-visual-settings .icon-color-picker{display:block!important}
body.tw-redesign[data-tw-current="7"] .professional-visual-settings .icon-color-hex{width:100%!important;max-width:none!important}
body.tw-redesign[data-tw-current="7"] .professional-visual-settings #iconColorOutput{display:none!important}
body.tw-redesign[data-tw-current="7"] .professional-visual-settings .icon-color-presets{grid-row:3!important;margin:0!important}
body.tw-redesign[data-tw-current="7"] .professional-visual-settings .background-scroll-control{display:block!important;grid-column:1/-1;margin:8px 0 0!important;padding-top:14px;border-top:1px solid #e6dccf}
body.tw-redesign[data-tw-current="7"] #backgroundScrollToggle{min-height:40px;padding:10px 16px;border:1px solid #b58a51;border-radius:8px;background:#fffdfa;color:#493924;cursor:pointer}
body.tw-redesign[data-tw-current="7"] #backgroundScrollToggle[aria-pressed="true"]{background:#a77635;color:white}
body.tw-redesign[data-tw-current="7"] #backgroundScrollHint{font-size:12px;line-height:1.4;margin:8px 0 0}
@media(max-width:640px){body.tw-redesign[data-tw-current="7"] .professional-visual-settings .design-controls{grid-template-columns:1fr!important;gap:16px!important}}

body.tw-redesign[data-tw-current="7"] .professional-visual-settings .designer-select-control.icon-color-control[hidden]{display:none!important}
body.tw-redesign[data-tw-current="7"] #cardForm .professional-visual-settings .designer-select-control.icon-color-control[hidden]{display:none!important}

/* Review is the real card and the existing mobile/desktop switch only. */
body.tw-redesign[data-tw-current="10"] .studio-layout{display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important}
body.tw-redesign[data-tw-current="10"] #cardForm{display:contents!important}
body.tw-redesign[data-tw-current="10"] .configure-section{display:none!important}
body.tw-redesign[data-tw-current="10"] .studio-preview{order:1!important;width:100%!important;max-width:850px!important}
body.tw-redesign[data-tw-current="10"] .studio-actions{order:2!important;width:100%!important}
body.tw-redesign[data-tw-current="10"] .studio-preview :is(.tw-preview-label,.studio-preview-head,.studio-preview-caption,.studio-dimensions,.card-motion-permission){display:none!important}
body.tw-redesign[data-tw-current="10"] .tw-preview-tools{display:flex!important;justify-content:center!important;margin:0 0 18px!important}
body.tw-redesign[data-tw-current="10"] .tw-preview-switch{display:flex!important}

/* card-adjustments.css */
/* Six equal contact slots fit in a full-width panel, including the gaps. */
.studio-card-mount .template-card[data-contact-layout="compact"][data-block-width-pct="100"] .tpl-actions,
#card#card.preview-parity[data-contact-layout="compact"][data-block-width-pct="100"] .data-actions{display:flex!important;flex-wrap:wrap!important;column-gap:3px!important;row-gap:6px!important;justify-content:center!important}
.studio-card-mount .template-card[data-contact-layout="compact"][data-block-width-pct="100"] .tpl-actions>.tpl-action,
#card#card.preview-parity[data-contact-layout="compact"][data-block-width-pct="100"] .data-actions>.data-row{box-sizing:border-box!important;flex:0 0 calc((100% - 15px)/6)!important;width:calc((100% - 15px)/6)!important;max-width:calc((100% - 15px)/6)!important;min-width:0!important}
.studio-card-mount .template-card[data-contact-layout="compact"][data-block-width-pct="100"] .tpl-action-icon,
#card#card.preview-parity[data-contact-layout="compact"][data-block-width-pct="100"] .data-icon{max-width:100%!important;min-width:0!important}
.studio-card-mount .template-card[data-contact-layout="compact"][data-block-width-pct="100"] .contact-icon-image,
#card#card.preview-parity[data-contact-layout="compact"][data-block-width-pct="100"] .contact-icon-image{max-width:100%!important;object-fit:contain}
.image-framing,.professional-spacing{box-sizing:border-box;min-width:0;grid-column:1/-1;margin:18px 0;padding:14px;border:1px solid #ded5c9;border-radius:10px}
.image-framing p,.professional-spacing p{font-size:12px;line-height:1.5}
.image-framing label{display:block;margin:12px 0}.image-framing input{width:100%}.image-framing output{float:right}
.spacing-control{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center;margin:12px 0}.spacing-control label{min-width:0}.spacing-control select,.spacing-control input{width:100%}.spacing-control button,.professional-spacing>button{padding:8px 12px;border:1px solid #b58a51;border-radius:7px;background:#fff;cursor:pointer}
/* A real empty row, also when contacts use flex layout. */
.artwork-card .professional-spacer,#card#card .professional-spacer{display:block!important;box-sizing:border-box!important;width:100%!important;height:var(--spacer-height)!important;min-height:var(--spacer-height)!important;flex-shrink:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important;pointer-events:none}
.artwork-card .tpl-actions>.professional-spacer,#card#card .data-actions>.professional-spacer{flex-basis:100%!important}
@media(max-width:600px){.spacing-control{grid-template-columns:1fr}.spacing-control button{justify-self:end}}

/* updates3215.css */
/* The compact text boxes use symmetric horizontal margins, like column mode. */
.studio-card-mount>.template-card.artwork-card.has-appearance[data-contact-layout="compact"] .tpl-content>:is(b,small,em),
#card#card#card[data-contact-layout="compact"] .content>:is(#name,#job,.meta){margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;align-self:center!important}
.studio-card-mount>.template-card.artwork-card.has-appearance[data-contact-layout="compact"] .tpl-content,
#card#card#card[data-contact-layout="compact"] .content{padding-left:15px!important;padding-right:15px!important}
.modern-icon{display:inline-block;width:24px;height:24px;vertical-align:middle;flex-shrink:0}
.tw-section-display-icon .modern-icon{width:1.3em;height:1.3em}.save-contact-symbol .modern-icon,.tpl-save-contact .modern-icon,.save-contact-button .modern-icon{width:1.25em;height:1.25em}
.tw-body-background{display:grid;grid-template-columns:minmax(0,1fr) 44px auto;gap:8px;margin:12px 0}.tw-body-background>strong,.tw-body-background>.tw-section-range{grid-column:1/-1}.tw-body-background input{min-width:0;width:100%;box-sizing:border-box}
.studio-card-mount .premium-editable{cursor:grab!important;touch-action:none}.studio-card-mount .premium-editable.premium-dragging{cursor:grabbing!important}.studio-card-mount .premium-center-remove{cursor:pointer!important}
.framing-dialog{width:min(850px,92vw);max-height:92dvh;box-sizing:border-box;border:0;border-radius:18px;padding:22px;background:#faf7f1;color:#173428;overflow:auto;font:15px/1.5 system-ui}
.framing-dialog::backdrop{background:#000a}.framing-dialog h2{margin:0}.framing-stage{position:relative;width:fit-content;max-width:100%;margin:auto;line-height:0}.framing-stage>img{display:block;max-width:100%;max-height:58dvh;width:auto;height:auto}.framing-window{position:absolute;box-sizing:border-box;border:3px dashed white;border-radius:18px;outline:1px solid #173428;box-shadow:0 0 0 1px #0006;cursor:move;touch-action:none;background:#ffffff08}.framing-window:focus-visible{outline:3px solid #00a6a3}.framing-dialog footer{display:flex;justify-content:flex-end;gap:12px}.framing-dialog button,.image-framing button{padding:11px 18px;border:1px solid #315d4e;border-radius:9px;background:#fff;color:#173428;cursor:pointer}.framing-dialog [data-apply]{background:#315d4e;color:white}

/* updates3222.css */
/* Use the same icon-above-label layout in editor and published sections. */
.custom-section-tab,#card#card#card .custom-section-tab{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important}
.tw-section-display-icon,#card#card#card .tw-section-display-icon{display:block!important;margin:0 auto 5px!important;text-align:center!important;line-height:1.2;font-size:22px}
.tw-section-display-icon img,#card#card#card .tw-section-display-icon img{display:block!important;width:34px;height:34px;object-fit:contain;margin:auto}
.professional-spacer{position:relative!important;min-height:var(--spacer-height)!important}
.studio-card-mount .professional-spacer{outline:1px dashed #b58a5166;cursor:grab!important}
.save-contact-color-control .save-contact-switch{display:none!important}
.save-contact-color-control>.hex-color-input,.save-contact-color-control>input[type=color]{display:none!important}
.save-contact-color-control>input.unified-hex{display:none!important}
.studio-card-mount .professional-spacer>.premium-center-remove{top:-17px!important;left:auto!important;right:0!important;transform:none!important}
.save-palette{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0}
.save-palette button{box-sizing:border-box;width:29px;height:29px;min-height:29px!important;min-width:29px;border:1px solid #cabda9;border-radius:50%!important;background:var(--swatch,#fff);color:#8a5a23;cursor:pointer;padding:0!important}
.save-palette button[aria-pressed=true]{outline:2px solid #b58a51;outline-offset:2px}
.save-palette .auto-color{font-size:13px;background:linear-gradient(135deg,#fff 45%,#315d4e 45%,#315d4e 55%,#fff 55%)}
.save-palette-dialog{border:0;border-radius:14px;padding:22px;max-width:90vw}.save-palette-dialog::backdrop{background:#0008}.save-palette-dialog input{max-width:180px;margin:8px}.save-palette-dialog button{padding:9px 14px;margin:6px}

.professional-spacer.premium-editable{pointer-events:auto!important}

/* Native portfolio keeps both columns inside the card, including iOS Safari. */
#card .inline-portfolio{display:block!important;position:relative!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;overflow:visible!important;margin:10px 0!important;flex:0 0 auto!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
#card .inline-portfolio[hidden]{display:none!important}
#card .inline-portfolio-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;align-items:start!important}
#card .inline-portfolio-item{display:block!important;margin:0!important;padding:0!important;min-width:0!important;width:100%!important;max-width:100%!important;height:auto!important;overflow-wrap:anywhere}
#card .inline-portfolio-photo{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;border-radius:10px!important;overflow:hidden;cursor:pointer}
#card .inline-portfolio .inline-portfolio-image,#card .inline-portfolio video{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;position:static!important;transform:none!important;border-radius:10px!important}
#card .inline-portfolio audio{display:block;width:100%;max-width:100%;min-width:0}
#card .inline-portfolio-note{white-space:pre-wrap;margin:0;padding:8px;overflow-wrap:anywhere}
#card .inline-portfolio figcaption{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;padding:5px 0}
#card .inline-portfolio-status{font-size:13px}
.native-portfolio-viewer{box-sizing:border-box;width:min(94vw,1000px);max-width:94vw;max-height:94dvh;padding:12px;border:0;border-radius:12px;background:#172126;color:white}
.native-portfolio-viewer::backdrop{background:#000b}
.native-portfolio-viewer>button{display:block;margin:0 0 10px auto;padding:8px 14px;background:#fff;color:#172126;border:0;border-radius:6px;cursor:pointer}
.native-portfolio-viewer>img{display:block;width:auto;height:auto;max-width:100%;max-height:80dvh;object-fit:contain;margin:auto}

/* v32.39: avoid intrinsic grid sizing and nested scroll clipping in iOS. */
#card#card#card .inline-portfolio-grid{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-items:flex-start!important;gap:10px!important;height:auto!important;max-height:none!important;overflow:visible!important}
#card#card#card .inline-portfolio-item{box-sizing:border-box!important;flex:0 0 calc((100% - 10px)/2)!important;width:calc((100% - 10px)/2)!important;max-width:calc((100% - 10px)/2)!important;min-width:0!important;position:static!important;float:none!important;transform:none!important}
#card#card#card .inline-portfolio-photo,#card#card#card .inline-portfolio-image{box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
#card#card#card.preview-parity.portfolio-expanded{height:auto!important;max-height:none!important;overflow:visible!important}
#card#card#card.portfolio-expanded .content{min-width:0!important;height:auto!important;max-height:none!important;overflow:visible!important}

/* editor-updates3235.css */
/* Editor v32.35 */
body.tw-redesign #cardForm input[type=range]{appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box!important;padding:0!important;border:0!important;height:16px!important;min-height:16px!important;background:transparent!important;margin-inline:0!important;--range-fill:0%;border-radius:0!important}
body.tw-redesign #cardForm input[type=range]::-webkit-slider-runnable-track{height:6px!important;border:0!important;border-radius:4px!important;background:linear-gradient(to right,#b78a4e 0%,#b78a4e var(--range-fill),#414345 var(--range-fill),#414345 100%)!important}
body.tw-redesign #cardForm input[type=range]::-webkit-slider-thumb{appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box!important;width:16px!important;height:16px!important;border-radius:50%!important;border:0!important;background:#b78a4e!important;margin-top:-5px!important;box-shadow:none!important}
body.tw-redesign #cardForm input[type=range]::-moz-range-track{height:6px!important;background:#414345!important;border:0!important;border-radius:4px}
body.tw-redesign #cardForm input[type=range]::-moz-range-progress{height:6px!important;background:#b78a4e!important;border-radius:4px}
body.tw-redesign #cardForm input[type=range]::-moz-range-thumb{width:16px!important;height:16px!important;border:0!important;background:#b78a4e!important;border-radius:50%}
body.tw-redesign #cardForm :is(#blockWidth,#dataBlockY,#effectBlockWidth){width:100%!important;max-width:none!important;justify-self:stretch!important}
body.tw-redesign .company-logo-card .tw-media-primary{align-items:stretch!important}
body.tw-redesign .company-logo-card .tw-media-style-area{display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;align-self:stretch!important;height:auto!important}
body.tw-redesign .company-logo-card .tw-media-style-grid{height:100%!important;align-items:stretch!important;grid-auto-rows:1fr!important}
body.tw-redesign .company-logo-card .tw-media-style-option{height:100%!important;box-sizing:border-box!important;align-content:center!important;min-height:150px!important}
body.tw-redesign .profile-image-card [data-kind=illustration] img{filter:none!important}
body.tw-redesign .profile-animated-demo{overflow:hidden;position:relative}
body.tw-redesign .profile-animated-demo img{animation:profile-demo-visible 2.4s ease-in-out infinite!important;transform-origin:center}
@keyframes profile-demo-visible{0%,100%{transform:scale(1.12) translateX(-6%) rotate(-5deg)}50%{transform:scale(1.24) translateX(6%) rotate(5deg)}}
.profile-motion-badge{position:absolute;bottom:0;right:0;width:18px;height:18px;display:grid;place-items:center;font-size:10px;color:white;background:#315d4e;border-radius:50%;z-index:1}
body.tw-redesign :is(.background-scroll-control,.tw-save-visibility,.save-contact-editor-head),body.tw-redesign .icon-color-picker{display:none!important}
body.tw-redesign .icon-color-presets{display:flex!important;flex-wrap:wrap!important;justify-content:space-between;gap:7px!important;width:100%!important}
body.tw-redesign .icon-color-presets .icon-color-preset{width:24px!important;height:24px!important;min-height:24px!important;flex:0 0 24px!important;padding:0!important;border:1px solid #c9b79c!important;border-radius:50%!important;cursor:pointer}
body.tw-redesign .icon-color-more{background:#fff!important;color:#a67439!important;font-size:20px!important;line-height:1}
body.tw-redesign .save-border-design-row{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:center}
body.tw-redesign .save-border-design-row .tw-save-border-setting{grid-column:auto!important;width:auto!important;min-width:0}
body.tw-redesign .save-border-design-row .save-contact-design-control{grid-column:auto!important;border:0!important;padding:0!important;margin:0!important;min-width:0}
body.tw-redesign .save-border-design-row :is(.save-contact-design-label,.save-contact-file-hint,.save-contact-design-preview){display:none!important}
body.tw-redesign .save-border-design-row .save-contact-design-picker{display:block!important}
body.tw-redesign .save-border-design-row .save-contact-design-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
body.tw-redesign[data-tw-current="9"] .calendar-editor-card{display:none!important}
body.tw-redesign .calendar-editor-card .calendar-editor-grid{max-width:490px!important}
body.tw-redesign .calendar-editor-card .annual-calendar-day,body.tw-redesign .calendar-editor-card .annual-calendar-blank{aspect-ratio:auto!important;height:30px!important;min-height:30px!important}
body.tw-redesign .calendar-editor-card .annual-calendar-weekdays span{min-height:18px!important}
body.tw-redesign .calendar-editor-card .calendar-month-nav{margin:7px 0!important}
body.tw-redesign .calendar-editor-card :is(.calendar-year-control,.calendar-connection){margin-block:6px!important}
body.tw-redesign .calendar-editor-card .calendar-day-editor{margin-top:8px;padding-top:8px}
body.tw-redesign .calendar-editor-card .calendar-entry-fields{gap:6px}
body.tw-redesign .calendar-editor-card textarea{min-height:48px!important}
@media(min-width:851px){body.tw-redesign #cardForm{display:flex!important;flex-direction:column!important;min-height:731px!important}body.tw-redesign .studio-actions{margin-top:auto!important;padding-top:24px!important}body.tw-redesign[data-tw-current="11"] .studio-layout{grid-template-columns:minmax(0,1fr) 390px!important}}
body.tw-redesign[data-tw-current="11"] .studio-preview{display:block!important;position:sticky!important;top:18px!important}
body.tw-redesign[data-tw-current="11"] .tw-preview-label{display:block!important}
@media(max-width:850px){body.tw-redesign .save-border-design-row{grid-template-columns:1fr}body.tw-redesign[data-tw-current="11"] .studio-preview{position:static!important}body.tw-redesign .company-logo-card .tw-media-style-option{min-height:125px!important}}
@media(prefers-reduced-motion:reduce){body.tw-redesign .profile-animated-demo img{animation:none!important}}

body.tw-redesign[data-tw-current="11"] .tw-preview-switch{display:flex!important;justify-content:center;gap:8px}

body.tw-redesign .professional-visual-settings .icon-color-control .icon-color-picker,body.tw-redesign #iconColorHex,body.tw-redesign #iconColorOutput{display:none!important}
body.tw-redesign #cardForm .configure-controls>.calendar-editor-card{display:none!important}
body.tw-redesign[data-tw-current="12"] #cardForm .configure-controls>.calendar-editor-card:not([hidden]){display:block!important}
body.tw-redesign .calendar-editor-card>h3{font-size:18px!important;margin:5px 0!important}
body.tw-redesign .calendar-editor-card>p{margin:4px 0 8px!important}
body.tw-redesign .calendar-editor-card .annual-calendar-day,body.tw-redesign .calendar-editor-card .annual-calendar-blank{height:24px!important;min-height:24px!important}
body.tw-redesign .calendar-editor-card textarea{height:48px!important;box-sizing:border-box!important}
body.tw-redesign .calendar-editor-card .calendar-entry-fields input,body.tw-redesign .calendar-editor-card .calendar-entry-fields select{height:34px!important;min-height:34px!important;padding-block:5px!important}
body.tw-redesign .calendar-editor-card .calendar-year-control{margin-block:3px!important}
body.tw-redesign .icon-color-presets{gap:4px!important}
body.tw-redesign .calendar-editor-card .calendar-editor-head{margin-bottom:8px!important}
body.tw-redesign .calendar-editor-card .calendar-title{font-size:18px!important;margin:4px 0!important}
body.tw-redesign .calendar-editor-card .calendar-hint{margin:4px 0 8px!important}
body.tw-redesign .calendar-editor-card .calendar-sync-panel{padding:8px 10px!important;margin:6px 0!important;min-height:0!important}
body.tw-redesign .calendar-editor-card .calendar-sync-actions button{height:30px!important;min-height:30px!important;padding:5px 9px!important}
body.tw-redesign .calendar-editor-card .annual-calendar-days{grid-template-rows:repeat(6,20px)!important}
body.tw-redesign .calendar-editor-card .annual-calendar-day,body.tw-redesign .calendar-editor-card .annual-calendar-blank{height:20px!important;min-height:20px!important}
body.tw-redesign[data-tw-current="12"] #cardForm .configure-controls>.calendar-editor-card{padding-top:6px!important}

body.tw-redesign .profile-motion-render{position:relative!important;overflow:hidden!important}
body.tw-redesign .profile-motion-render img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;animation:none!important;transform:none!important}

/* media3237.css */

/* v32.37: motion catalogue, video and contact scale. */
.tpl-fondo-45-demo,.tpl-fondo-45{--artwork:url("/static/backgrounds/motion/45.svg?v=3237");--art-panel:rgba(255,255,255,.8)}
.tpl-fondo-46-demo,.tpl-fondo-46{--artwork:url("/static/backgrounds/motion/46.svg?v=3237");--art-panel:rgba(255,255,255,.8)}
.tpl-fondo-47-demo,.tpl-fondo-47{--artwork:url("/static/backgrounds/motion/47.svg?v=3237");--art-panel:rgba(255,255,255,.8)}
.tpl-fondo-48-demo,.tpl-fondo-48{--artwork:url("/static/backgrounds/motion/48.svg?v=3237");--art-panel:rgba(255,255,255,.8)}
.tpl-fondo-49-demo,.tpl-fondo-49{--artwork:url("/static/backgrounds/motion/49.svg?v=3237");--art-panel:rgba(255,255,255,.8)}
.tpl-fondo-50-demo,.tpl-fondo-50{--artwork:url("/static/backgrounds/motion/50.svg?v=3237");--art-panel:rgba(255,255,255,.8)}
.tpl-fondo-51-demo,.tpl-fondo-51{--artwork:url("/static/backgrounds/motion/51.svg?v=3237");--art-panel:rgba(255,255,255,.8)}
.tpl-fondo-52-demo,.tpl-fondo-52{--artwork:url("/static/backgrounds/motion/52.svg?v=3237");--art-panel:rgba(255,255,255,.8)}
.tpl-pro-medical-demo,.tpl-pro-medical{--artwork:url("/static/backgrounds/motion/medical.svg?v=3237")!important}
.tpl-pro-law-demo,.tpl-pro-law{--artwork:url("/static/backgrounds/motion/law.svg?v=3237")!important}
.tpl-pro-architecture-demo,.tpl-pro-architecture{--artwork:url("/static/backgrounds/motion/architecture.svg?v=3237")!important}
.tpl-pro-tech-demo,.tpl-pro-tech{--artwork:url("/static/backgrounds/motion/tech.svg?v=3237")!important}
.tpl-pro-finance-demo,.tpl-pro-finance{--artwork:url("/static/backgrounds/motion/finance.svg?v=3237")!important}
.tpl-pro-photo-demo,.tpl-pro-photo{--artwork:url("/static/backgrounds/motion/photo.svg?v=3237")!important}
.tpl-pro-realestate-demo,.tpl-pro-realestate{--artwork:url("/static/backgrounds/motion/realestate.svg?v=3237")!important}
.tpl-pro-construction-demo,.tpl-pro-construction{--artwork:url("/static/backgrounds/motion/construction.svg?v=3237")!important}
.tpl-pro-beauty-demo,.tpl-pro-beauty{--artwork:url("/static/backgrounds/motion/beauty.svg?v=3237")!important}
.tpl-pro-gastronomy-demo,.tpl-pro-gastronomy{--artwork:url("/static/backgrounds/motion/gastronomy.svg?v=3237")!important}
.tpl-pro-engineering-demo,.tpl-pro-engineering{--artwork:url("/static/backgrounds/motion/engineering.svg?v=3237")!important}
.tpl-pro-creative-demo,.tpl-pro-creative{--artwork:url("/static/backgrounds/motion/creative.svg?v=3237")!important}

.template-card[class*="tpl-pro-"]>.artwork-background,#card[class*="tpl-pro-"]>.artwork-background{background-image:var(--artwork)!important;background-color:transparent!important}
.artwork-card[class*="tpl-pro-"]>.pro-artwork-mask{display:none!important}
.background-motion-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
[data-background-fit=contain] .background-motion-video{object-fit:contain}
[data-background-fit=stretch] .background-motion-video{object-fit:fill}
.artwork-card .tpl-action-icon,.artwork-card .data-icon{zoom:var(--contact-icon-scale,1)}
.icon-scale-control{display:grid;gap:10px;margin-top:14px;border-top:1px solid #e6d8c8;padding-top:12px}
.icon-scale-control span{display:flex;justify-content:space-between;font-size:11px}.icon-scale-control input{width:100%;accent-color:#b88948}
.background-video-upload{display:grid;gap:8px;margin:12px 0;font-size:12px}.background-video-upload button{justify-self:start;border:1px solid #b88948;border-radius:8px;background:#fff;padding:10px 16px;color:#624421}

/* editor-updates3238.css */
body.tw-redesign .tw-step-heading{position:relative;padding-right:350px!important;min-height:80px}
body.tw-redesign .tw-step-heading>.draft-start-over-row{position:absolute;right:0;top:18px;margin:0!important;display:flex!important;gap:10px}
body.tw-redesign .tw-step-heading .draft-start-over-button{width:164px}
.secondary-color-control{margin-top:17px}.tw-secondary-swatches{display:flex;gap:8px;flex-wrap:wrap}.tw-secondary-swatches .active{outline:2px solid #b88948;outline-offset:3px}
body.tw-redesign .save-contact-design-actions>label{min-height:48px!important;min-width:170px!important;padding:12px 22px!important;font-size:13px!important;display:flex!important;align-items:center;justify-content:center;box-sizing:border-box}
.draft-portfolio-tabs{display:flex;justify-content:center;gap:8px;margin:16px 0 12px}.draft-portfolio-tabs button{flex:1;min-width:0;border:1px solid #cdd7d0;border-radius:15px;min-height:46px;background:#748b88;color:#fff;font-weight:800;font-size:14px;cursor:pointer}.draft-portfolio-tabs button:first-child{background:#183e3b}.draft-portfolio-tabs button:last-child{background:#f3f7f7;color:#56717b}.draft-portfolio-tabs button:hover{filter:brightness(1.08)}
.portfolio-text-dialog{border:1px solid #d3c3af;border-radius:18px;padding:24px;width:min(440px,85vw);color:#172e39}.portfolio-text-dialog::backdrop{background:#10252788}.portfolio-text-dialog textarea{width:100%;min-height:160px;box-sizing:border-box;margin:12px 0;padding:12px}.portfolio-text-dialog footer{display:flex;justify-content:flex-end;gap:10px}.portfolio-text-dialog button{padding:10px 18px;border-radius:8px;border:1px solid #b88948;background:#fff}.portfolio-text-dialog button[type=submit]{background:#b88948;color:white}
@media(max-width:700px){body.tw-redesign .tw-step-heading{padding-right:0!important}body.tw-redesign .tw-step-heading>.draft-start-over-row{position:static;margin:12px 0!important;justify-content:flex-start}body.tw-redesign .tw-step-heading .draft-start-over-button{width:auto;flex:1}.draft-portfolio-tabs{gap:5px}.draft-portfolio-tabs button{font-size:12px}.save-contact-design-actions{min-width:0}}

/* editor-updates3241.css */
.plan-motion-wrap3241{position:relative;display:block}.plan-motion-base3241{display:block;width:100%!important;height:100%!important;object-fit:contain;object-position:center top}
.plan-motion-portrait3241{position:absolute!important;z-index:1;overflow:hidden;border-radius:50%;background:#fac9a8}
.motion-example3241{overflow:hidden;isolation:isolate}.tw92-layout-photo.motion-example3241{position:absolute}
.motion-example3241>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;border-radius:inherit;transform:none!important}
body.tw-redesign[data-tw-current="7"] .professional-visual-settings .icon-color-control .icon-color-presets{grid-row:2!important;align-self:center!important;display:flex!important;flex-wrap:nowrap!important;justify-content:space-between;gap:3px!important;margin:0!important;height:38px!important;align-items:center}
body.tw-redesign .icon-color-presets .icon-color-preset{width:clamp(17px,1.65vw,24px)!important;height:clamp(17px,1.65vw,24px)!important;min-height:0!important;min-width:0!important;flex:0 1 24px!important;aspect-ratio:1/1}
body.tw-redesign .tw-save-icon-list{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px!important}
body.tw-redesign .tw-save-icon-list .tw-save-icon-choice{width:100%!important;min-width:0!important;padding:6px!important;box-sizing:border-box}


/* wallet.css */
.wallet-wrap{display:flex;width:100%;justify-content:center;margin:12px 0;box-sizing:border-box}
.wallet-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid currentColor;background:rgba(255,255,255,.25);color:inherit;cursor:pointer;font:inherit}
.wallet-button svg{width:19px;height:19px}.wallet-dialog{border:1px solid #d8c4aa;border-radius:16px;padding:24px;max-width:360px}.wallet-dialog a{display:block;margin:12px 0;padding:12px;background:#172d3b;color:white;border-radius:8px;text-align:center;text-decoration:none}
body.tw-redesign[data-tw-current="14"] .configure-controls>.wallet-editor-card:not([hidden]){display:block!important}
.wallet-editor-card .save-contact-editor-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wallet-editor-card .tw-save-icon-list{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}
.wallet-editor-card .tw-save-icon-choice{width:100%;min-width:0}
.wallet-editor-card .save-contact-design-control{grid-column:2!important;grid-row:auto!important}
.wallet-editor-card .save-contact-design-preview,.wallet-editor-card .save-contact-design-label,.wallet-editor-card .save-contact-file-hint{display:none}
.wallet-editor-card .save-contact-design-actions label{min-height:48px;min-width:170px;display:flex;align-items:center;justify-content:center}
.wallet-editor-card .tw-save-border-setting{grid-column:1!important}
@media(max-width:640px){.wallet-editor-card .save-contact-editor-grid{grid-template-columns:1fr}.wallet-editor-card .save-contact-design-control{grid-column:1!important}}

/* series-mode.css */
/* v32.44 — compact first step, product series and public product sheet. */
body.tw-redesign[data-tw-current="1"] .product-mode-chooser {min-height:0!important}
body.tw-redesign[data-tw-current="1"] .studio-layout{min-height:595px!important}
body.tw-redesign[data-tw-current="1"] .product-mode-options{gap:14px!important}
body.tw-redesign[data-tw-current="1"] .product-mode:not(.tw-series-plan){min-height:244px!important;padding:14px 18px!important;gap:7px!important;grid-template-columns:35px minmax(0,1fr)!important}
body.tw-redesign[data-tw-current="1"] .product-mode:not(.tw-series-plan)>div:nth-child(2){min-height:53px!important;padding-right:160px!important;padding-top:0!important}
body.tw-redesign[data-tw-current="1"] .product-mode>div:nth-child(2) b{font-size:18px!important}
body.tw-redesign[data-tw-current="1"] .product-mode>div:nth-child(2) small{font-size:11px!important}
body.tw-redesign[data-tw-current="1"] .product-mode>.tw-plan-price{top:19px!important;right:16px!important}
body.tw-redesign[data-tw-current="1"] .product-mode>.tw-plan-price b{font-size:18px!important}
body.tw-redesign[data-tw-current="1"] .tw-plan-detail{grid-template-columns:minmax(100px,.92fr) minmax(145px,1.22fr)!important;gap:10px!important}
body.tw-redesign[data-tw-current="1"] .tw-plan-visual,body.tw-redesign[data-tw-current="1"] .tw-plan-visual.tw94-basic-illustration,body.tw-redesign[data-tw-current="1"] .tw-plan-visual.tw94-plus-illustration{height:150px!important;max-height:150px!important}
body.tw-redesign[data-tw-current="1"] .tw-plan-benefits{font-size:11px!important}
body.tw-redesign[data-tw-current="1"] .tw-plan-benefits>span{min-height:28px!important;padding:4px 1px!important;white-space:normal!important}
body.tw-redesign[data-tw-current="1"] .tw-plan-benefits i{width:20px!important;height:20px!important;font-size:11px!important;margin:0 8px 0 0!important}
.tw-series-access{box-sizing:border-box;margin:13px 0 2px;padding:14px 17px;background:#fff;border:1px solid #e8dac8;border-radius:14px;display:grid;grid-template-columns:1fr minmax(260px,1.25fr);gap:10px 18px;align-items:center}
.tw-series-access label b{display:block;color:#493424;font:700 13px Inter,Arial,sans-serif}
.tw-series-access label small{display:block;font:400 11px/1.5 Inter,Arial,sans-serif;color:#7a7270;margin-top:4px}
.tw-series-access-row{display:flex;gap:9px}
.tw-series-access-row input{flex:1;min-width:0;min-height:40px;border:1px solid #d9cab5;border-radius:10px;padding:8px 10px;font:13px Inter,Arial,sans-serif}
.tw-series-access-row button{flex:none;border:0;border-radius:10px;padding:10px 14px;background:#b4874c;color:white;font:700 11px Inter,Arial,sans-serif;cursor:pointer}
.tw-series-access-row button:disabled{opacity:.6;cursor:wait}
.tw-series-access-status{margin:0;min-height:0;grid-column:1/-1;font:600 11px/1.4 Inter,Arial,sans-serif;color:#387252}
.tw-series-access-status:empty{display:none}
.tw-series-access-status.is-error{color:#ac4747}
body.tw-redesign[data-tw-current="1"] .product-mode.tw-series-plan{min-height:79px!important;grid-column:1/-1!important;align-content:center!important;grid-template-columns:35px minmax(0,1fr) minmax(155px,auto)!important;padding:12px 18px!important;gap:7px!important}
body.tw-redesign[data-tw-current="1"] .product-mode.tw-series-plan[hidden]{display:none!important}
body.tw-redesign[data-tw-current="1"] .tw-series-plan>div:nth-child(2){padding-right:0!important;padding-top:0!important;min-height:0!important}
body.tw-redesign[data-tw-current="1"] .tw-series-plan>.tw-plan-price{position:static!important;text-align:right!important;align-self:center!important}
body.tw-redesign.tw-series-unlocked[data-tw-current="1"] .product-mode:not(.tw-series-plan){min-height:244px!important}
body.tw-redesign.tw-series-unlocked[data-tw-current="1"] .tw-plan-visual,body.tw-redesign.tw-series-unlocked[data-tw-current="1"] .tw-plan-visual.tw94-basic-illustration,body.tw-redesign.tw-series-unlocked[data-tw-current="1"] .tw-plan-visual.tw94-plus-illustration{height:150px!important;max-height:150px!important}
body.tw-redesign.tw-series-unlocked[data-tw-current="1"] .tw-plan-benefits>span{min-height:28px!important;padding:4px 1px!important}
.tw-series-new-qr{padding:13px 16px;margin:0 0 18px;border-radius:13px;border:1px solid #d5b98e;background:#fff9f0}
.tw-series-new-qr[hidden]{display:none!important}
.tw-series-new-qr label{display:flex;align-items:flex-start;gap:12px;cursor:pointer}
.tw-series-new-qr input{width:18px;height:18px;margin-top:2px;accent-color:#b4874c}
.tw-series-new-qr b{display:block;font:700 13px/1.4 Inter,Arial,sans-serif;color:#583e21}
.tw-series-new-qr small{display:block;font:400 11px/1.5 Inter,Arial,sans-serif;color:#786b5c;margin-top:3px}
.tw-wizard [hidden]{display:none!important}
/* Series: only the custom sections and QR remain on the published product page. */
body[data-card-type="series"] #card :is(#photo,#companyLogo,#job,#name,.meta,.data-actions,.save-contact-wrap,.wallet-button-wrap,.wallet-button,.company-logo),
body[data-card-type="series"] #card :is(.save-contact-button,.wallet-cta){display:none!important}
body[data-card-type="series"] #card .content{padding-top:25px!important}
body[data-card-type="series"] #card .custom-public-sections{width:100%!important;max-width:100%!important}
/* Preview uses the same layout, with only identification features visible. */
body[data-series="true"] .studio-card-mount :is(.tpl-photo,.tpl-company-logo,.tpl-actions,.tpl-action,.tpl-save-contact-wrap,.save-contact-wrap,.tpl-bio,.tpl-content>small,.tpl-content>b,.tpl-content>em,.tpl-wallet-button,.tw-wallet-preview){display:none!important}
body[data-series="true"] .studio-card-mount :is(.tpl-custom-sections,.tpl-custom-section){display:block!important}
@media(max-width:1000px){.tw-series-access{grid-template-columns:1fr}body.tw-redesign[data-tw-current="1"] .product-mode>div:nth-child(2){padding-right:100px!important}}
@media(max-width:800px){body.tw-redesign[data-tw-current="1"] .studio-layout{min-height:0!important}body.tw-redesign[data-tw-current="1"] .product-mode:not(.tw-series-plan){min-height:0!important}body.tw-redesign[data-tw-current="1"] .tw-plan-visual,body.tw-redesign[data-tw-current="1"] .tw-plan-visual.tw94-basic-illustration,body.tw-redesign[data-tw-current="1"] .tw-plan-visual.tw94-plus-illustration{height:150px!important;max-height:150px!important}body.tw-redesign[data-tw-current="1"] .product-mode.tw-series-plan{grid-template-columns:35px minmax(0,1fr)!important;min-height:0!important}body.tw-redesign[data-tw-current="1"] .product-mode.tw-series-plan>.tw-plan-price{grid-column:2;position:static!important;text-align:left!important}}
@media(max-width:480px){body.tw-redesign[data-tw-current="1"] .product-mode>div:nth-child(2){padding-right:95px!important}body.tw-redesign[data-tw-current="1"] .product-mode>div:nth-child(2) b{font-size:16px!important}body.tw-redesign[data-tw-current="1"] .tw-plan-visual{height:145px!important;max-height:145px!important}body.tw-redesign[data-tw-current="1"] .product-mode>.tw-plan-price b{font-size:15px!important}.tw-series-access{padding:12px}.tw-series-access-row{flex-direction:column}.tw-series-access-row button{min-height:38px}}

.tw-series-qr-result a{display:inline-flex;padding:11px 16px;background:#fbf4e8;color:#6c471f;border-radius:10px;border:1px solid #bd9861;font:700 13px Inter,Arial,sans-serif;text-decoration:none}

/* Tarjeta.work v32.45 | plan comparison and plan-specific navigation */
body.tw-redesign[data-tw-current="1"] .product-mode:not(.tw-series-plan){
 min-height:285px!important;
 padding:16px 18px!important;
}
body.tw-redesign[data-tw-current="1"] .tw-plan-visual,
body.tw-redesign[data-tw-current="1"] .tw-plan-visual.tw94-basic-illustration,
body.tw-redesign[data-tw-current="1"] .tw-plan-visual.tw94-plus-illustration{
 height:178px!important;max-height:178px!important;
}
body.tw-redesign[data-tw-current="1"] .tw-plan-benefits>span{
 min-height:30px!important;
 padding:5px 1px!important;
}
body.tw-redesign.tw-series-unlocked[data-tw-current="1"] .product-mode:not(.tw-series-plan){min-height:285px!important}
body.tw-redesign.tw-series-unlocked[data-tw-current="1"] .tw-plan-visual,
body.tw-redesign.tw-series-unlocked[data-tw-current="1"] .tw-plan-visual.tw94-basic-illustration,
body.tw-redesign.tw-series-unlocked[data-tw-current="1"] .tw-plan-visual.tw94-plus-illustration{
 height:178px!important;max-height:178px!important;
}
body.tw-redesign.tw-series-unlocked[data-tw-current="1"] .tw-plan-benefits>span{min-height:30px!important;padding:5px 1px!important}
/* Free vertical room while preserving the common footer/navigation structure. */
@media(min-width:851px){
 body.tw-redesign[data-tw-current="1"] #cardForm{min-height:732px!important}
 body.tw-redesign[data-tw-current="1"] .studio-layout{min-height:0!important}
}
@media(max-width:800px){
 body.tw-redesign[data-tw-current="1"] .product-mode:not(.tw-series-plan){min-height:0!important}
 body.tw-redesign[data-tw-current="1"] .tw-plan-visual,
 body.tw-redesign[data-tw-current="1"] .tw-plan-visual.tw94-basic-illustration,
 body.tw-redesign[data-tw-current="1"] .tw-plan-visual.tw94-plus-illustration{height:166px!important;max-height:166px!important}
}
@media(max-width:480px){
 body.tw-redesign[data-tw-current="1"] .tw-plan-visual,
 body.tw-redesign[data-tw-current="1"] .tw-plan-visual.tw94-basic-illustration,
 body.tw-redesign[data-tw-current="1"] .tw-plan-visual.tw94-plus-illustration{height:156px!important;max-height:156px!important}
}
/* Never expose stages that are outside the selected package. */
.tw-wizard [data-tw-step][hidden]{display:none!important}

@media(min-width:801px){.tw-series-access{grid-template-columns:minmax(190px,.85fr) minmax(260px,1.25fr)!important}}
@media(max-width:850px){body.tw-redesign[data-tw-current="1"] .product-mode-chooser{margin-bottom:0!important}}
/* On desktop, fit every stage of the active plan without horizontal scrolling. */
@media(min-width:851px){
 body.tw-redesign .tw-wizard{display:grid!important;overflow:visible!important}
 body.tw-redesign .tw-wizard a{min-width:0!important;flex-basis:auto!important;overflow-wrap:anywhere!important}
}

/* Tarjeta.work v32.46 | Match Next button level on card type and background steps. */
/* The background step expands slightly at narrower desktop widths.
   Keep the first step's Next button aligned without changing the cards or
   the background step's existing layout. */
@media (min-width:851px) and (max-width:999px){
  body.tw-redesign[data-tw-current="1"] #cardForm{min-height:749px!important}
}
/* Just below the desktop layout breakpoint the editor is not flex by
   default: align its navigation row to the same bottom edge as step 2. */
@media (min-width:801px) and (max-width:850px){
  body.tw-redesign[data-tw-current="1"] #cardForm{
    display:flex!important;
    flex-direction:column!important;
    min-height:716px!important;
  }
  body.tw-redesign[data-tw-current="1"] .studio-actions{
    margin-top:auto!important;
  }
}


/* Tarjeta.work v32.50 — Subir 30px más navegación y pie, solamente en Tipo de tarjeta.
   Mantiene intactos los recuadros y el campo de código personalizado. */
@media (min-width:801px) {
  body.tw-redesign[data-tw-current="1"] #cardForm {
    min-height:clamp(520px,calc(100dvh - 375px),600px)!important;
  }
}


/* Tarjeta.work v32.51 — Serie validada no agrega altura ni mueve Siguiente. */
.tw-series-access[hidden]{display:none!important}
body.tw-redesign[data-tw-current="1"] .product-mode-options{position:relative}
.tw-series-change-code[hidden]{display:none!important}
body.tw-redesign[data-tw-current="1"] .tw-series-change-code{
  position:absolute;right:18px;bottom:6px;z-index:2;
  padding:2px 5px;border:0;background:transparent;
  font:600 10px/1.25 Inter,Arial,sans-serif;color:#826039;
  text-decoration:underline;cursor:pointer;
}
@media(min-width:801px){
 body.tw-redesign[data-tw-current="1"] .product-mode.tw-series-plan{
  min-height:70px!important;padding:8px 18px!important;
  grid-template-columns:35px minmax(0,1fr) minmax(115px,auto)!important;
 }
}
@media(max-width:800px){
 body.tw-redesign.tw-series-unlocked[data-tw-current="1"] .product-mode:not(.tw-series-plan){min-height:0!important}
 body.tw-redesign.tw-series-unlocked[data-tw-current="1"] .tw-plan-visual,
 body.tw-redesign.tw-series-unlocked[data-tw-current="1"] .tw-plan-visual.tw94-basic-illustration,
 body.tw-redesign.tw-series-unlocked[data-tw-current="1"] .tw-plan-visual.tw94-plus-illustration{
   height:132px!important;max-height:132px!important;
 }
 body.tw-redesign[data-tw-current="1"] .product-mode.tw-series-plan{padding:8px 14px!important;gap:4px!important}
 body.tw-redesign[data-tw-current="1"] .product-mode.tw-series-plan>div:nth-child(2){min-height:0!important;padding-right:0!important}
 body.tw-redesign[data-tw-current="1"] .product-mode.tw-series-plan>div:nth-child(2) small{
  display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden!important;font-size:10px!important;line-height:1.3!important;max-height:26px!important;
 }
 body.tw-redesign[data-tw-current="1"] .tw-series-change-code{right:14px;bottom:7px}
 body.tw-redesign.tw-series-unlocked[data-tw-current="1"] .studio-actions{margin-top:16px!important}
}


/* Tarjeta.work v32.52 — Paso 2: altura alineada con Tipo de tarjeta.
   Todos los ajustes son exclusivos de Selección de fondo. */
body.tw-redesign[data-tw-current="2"] .studio-preview .studio-card-mount{
  width:min(246px,100%)!important;
  height:540px!important;
  border-radius:34px!important;
}
body.tw-redesign[data-tw-current="2"] .studio-preview .studio-card-mount>.template-card{
  border-radius:26px!important;
}
@media (min-width:801px){
  /* Misma referencia de altura que el botón Siguiente del paso 1 aprobado. */
  body.tw-redesign[data-tw-current="2"] #cardForm{
    min-height:clamp(520px,calc(100dvh - 375px),600px)!important;
  }
  /* El catálogo sigue desplazándose dentro de su propia lista. */
  body.tw-redesign[data-tw-current="2"] .template-section #templateGrid{
    height:365px!important;
    min-height:0!important;
    max-height:365px!important;
    overflow-y:auto!important;
  }
}
@media (min-width:851px){
  /* Alinear “Vista previa” con la descripción de Selección de fondo. */
  body.tw-redesign[data-tw-current="2"] .studio-preview{
    margin-top:-50px!important;
  }
  body.tw-redesign[data-tw-current="2"] .tw-preview-label{
    font-size:13px!important;
  }
}
@media (min-width:851px) and (max-width:1000px){
  body.tw-redesign[data-tw-current="2"] .template-section #templateGrid{
    height:348px!important;
    max-height:348px!important;
  }
}
/* La tercera pestaña ocupa la misma altura que el catálogo desplazable. */
@media (min-width:801px){
  body.tw-redesign[data-tw-current="2"][data-tw-bg="custom"] .tw-custom-upload-panel{
    height:365px!important;
    min-height:0!important;
    max-height:365px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    margin:6px 0 0!important;
  }
  body.tw-redesign[data-tw-current="2"][data-tw-bg="custom"] .tw-custom-upload-panel .custom-background-controls{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
}
@media (min-width:851px) and (max-width:1000px){
  body.tw-redesign[data-tw-current="2"][data-tw-bg="custom"] .tw-custom-upload-panel{
    height:348px!important;
    max-height:348px!important;
  }
}
/* Entre 801 y 850 px el editor se apila y cambia el padding de navegación. */
@media (min-width:801px) and (max-width:850px){
  body.tw-redesign[data-tw-current="2"] #cardForm{
    min-height:calc(clamp(520px,100dvh - 375px,600px) + 14px)!important;
  }
}
@media (min-width:801px) and (max-width:850px){
  body.tw-redesign[data-tw-current="2"] .studio-actions{
    margin-top:34px!important;
  }
}


/* Tarjeta.work v32.53 – Background step visual layout. */
/* Move the existing persisted color selectors below the background instruction,
   without affecting the approved Type of Card step or the Effect controls. */
body.tw-redesign .tw3253-background-colors{display:none}
body.tw-redesign[data-tw-current="2"] .tw3253-background-colors{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;
  align-items:start;box-sizing:border-box;margin:0 0 14px;padding:0;
}
body.tw-redesign .tw3253-background-colors>div{
  min-width:0;border:1px solid #e6d8c6;border-radius:12px;background:#fffdf9;
  padding:10px 13px;box-sizing:border-box;
}
body.tw-redesign .tw3253-background-colors h3{
  margin:0 0 7px!important;font:700 12px/1.2 Inter,Arial,sans-serif!important;
  color:#3d3229;letter-spacing:0!important;
}
body.tw-redesign .tw3253-background-colors .tw-swatch-row,
body.tw-redesign .tw3253-background-colors .tw-secondary-swatches{
  display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center;
}
body.tw-redesign .tw3253-background-colors .tw-color-swatch,
body.tw-redesign .tw3253-background-colors .tw-color-custom{
  height:29px!important;width:29px!important;min-width:29px!important;
  border-radius:8px!important;flex:none!important;
}
body.tw-redesign .tw3253-background-colors .secondary-color-control{
  margin:0!important;padding:0!important;border:0!important;display:block!important;
}
/* The existing brand HEX editor stays inside the same Solid colors pane but
   is pinned ABOVE the scrolling swatches, not at the end of the gallery. */
body.tw-redesign .tw3253-solid-hex{display:none!important}
body.tw-redesign[data-tw-current="2"][data-tw-bg="solid"] .tw3253-solid-hex{
  display:block!important;margin:-6px 0 10px;min-width:0;
}
body.tw-redesign .tw3253-solid-hex .custom-hex-option{
  box-sizing:border-box;display:grid!important;grid-template-columns:minmax(0,1fr) 35px 120px auto;
  padding:10px!important;margin:0!important;gap:8px;
}
body.tw-redesign .tw3253-solid-hex .custom-hex-swatch{width:35px;height:35px}
/* Remove-image action lives just above the upload rectangle when an image is loaded. */
body.tw-redesign .tw3253-upload-toolbar{display:flex;justify-content:flex-end;margin:0 0 10px}
body.tw-redesign .tw3253-upload-toolbar[hidden]{display:none!important}
body.tw-redesign .tw3253-upload-toolbar #removeBackground{
  display:inline-flex!important;align-items:center;justify-content:center;
  width:auto!important;padding:8px 13px!important;margin:0!important;
  border:1px solid #bf9e76!important;border-radius:9px!important;background:#fff!important;
  color:#744f2b!important;cursor:pointer;
}
/* Keep Next at the established position: the two compact palettes take space
   reclaimed from the scrolling background catalogue at desktop resolutions. */
@media(min-width:851px){
 body.tw-redesign[data-tw-current="2"] .template-section #templateGrid{
   height:284px!important;max-height:284px!important;
 }
}
@media(min-width:851px) and (max-width:1000px){
 body.tw-redesign[data-tw-current="2"] .template-section #templateGrid{
   height:271px!important;max-height:271px!important;
 }
}
@media(max-width:850px){
 body.tw-redesign[data-tw-current="2"] .tw3253-background-colors{margin:3px 0 10px;gap:8px}
 body.tw-redesign .tw3253-background-colors>div{padding:9px 8px}
 body.tw-redesign .tw3253-background-colors .tw-color-swatch,
 body.tw-redesign .tw3253-background-colors .tw-color-custom{width:24px!important;min-width:24px!important;height:24px!important}
 body.tw-redesign .tw3253-solid-hex .custom-hex-option{grid-template-columns:minmax(0,1fr) 32px 90px auto}
}
@media(max-width:520px){
 body.tw-redesign .tw3253-solid-hex .custom-hex-option{grid-template-columns:1fr 32px auto;gap:8px}
 body.tw-redesign .tw3253-solid-hex .custom-hex-option>div{grid-column:1/-1}
 body.tw-redesign .tw3253-solid-hex .custom-hex-option input{min-width:0}
}
@media (min-width:851px){
 body.tw-redesign[data-tw-current="2"] .studio-preview{margin-top:-50px!important}
}
@media (min-width:851px) and (max-width:1000px){
 body.tw-redesign .tw3253-background-colors .tw-swatch-row,
 body.tw-redesign .tw3253-background-colors .tw-secondary-swatches{gap:3px!important}
 body.tw-redesign .tw3253-background-colors .tw-color-swatch,
 body.tw-redesign .tw3253-background-colors .tw-color-custom{
   width:19px!important;min-width:19px!important;height:19px!important;border-radius:6px!important
 }
}
@media (min-width:1001px){
 body.tw-redesign[data-tw-current="2"] .template-section #templateGrid{
  height:277px!important;max-height:277px!important
 }
}
/* Keep the Step 2 navigation at the same level in every background tab. */
@media (min-width:1001px){
 body.tw-redesign[data-tw-current="2"][data-tw-bg="solid"] .template-section #templateGrid{
   height:190px!important;max-height:190px!important;overflow-y:auto!important
 }
 body.tw-redesign[data-tw-current="2"][data-tw-bg="custom"] .tw-custom-upload-panel{
   height:279px!important;min-height:0!important;max-height:279px!important;overflow-y:auto!important
 }
}
@media (min-width:851px) and (max-width:1000px){
 body.tw-redesign[data-tw-current="2"][data-tw-bg="solid"] .template-section #templateGrid{
   height:182px!important;max-height:182px!important;overflow-y:auto!important
 }
 body.tw-redesign[data-tw-current="2"][data-tw-bg="custom"] .tw-custom-upload-panel{
   height:272px!important;min-height:0!important;max-height:272px!important;overflow-y:auto!important
 }
}

body.tw-redesign .tw3253-background-colors>.tw3253-secondary-color{
  border:1px solid #e6d8c6!important;border-radius:12px!important;
  background:#fffdf9!important;padding:10px 13px!important;
}
@media (max-width:850px){
 body.tw-redesign .tw3253-background-colors>.tw3253-secondary-color{padding:9px 8px!important}
}
@media (min-width:851px) and (max-width:1000px){
 body.tw-redesign .tw3253-background-colors .tw-swatch-row,
 body.tw-redesign .tw3253-background-colors .tw-secondary-swatches{gap:2px!important}
 body.tw-redesign .tw3253-background-colors .tw-color-swatch,
 body.tw-redesign .tw3253-background-colors .tw-color-custom{
   width:17px!important;min-width:17px!important;height:17px!important
 }
}
@media (max-width:780px){
 body.tw-redesign[data-tw-current="2"] .template-section #templateGrid{
   height:463px!important;max-height:463px!important;min-height:0!important;overflow-y:auto!important
 }
 body.tw-redesign[data-tw-current="2"][data-tw-bg="solid"] .template-section #templateGrid{
   height:338px!important;max-height:338px!important
 }
}


/* Tarjeta.work v32.54 — STEP 2 ONLY: Background layout and primary selected ring. */
body.tw-redesign[data-tw-current="2"] .tw3253-primary-color .tw-color-swatch.active,
body.tw-redesign[data-tw-current="2"] .tw3253-primary-color .tw-color-custom.active{
  outline:2px solid #b88948!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 1px #e3d4bf!important;
}
body.tw-redesign[data-tw-current="2"] .tw3253-primary-color .tw-color-custom.active{
  background:var(--tw3254-custom-selected)!important;
  color:#151b1d!important;
}
/* The image use is fixed to the original full-background mode. */
body.tw-redesign[data-tw-current="2"] .tw-custom-upload-panel #backgroundUsage,
body.tw-redesign[data-tw-current="2"] .tw-custom-upload-panel [data-custom-bg="usageLabel"]{display:none!important}
body.tw-redesign[data-tw-current="2"] .tw-custom-upload-panel .custom-background-layout{
  grid-template-columns:minmax(0,1fr)!important;
}
body.tw-redesign[data-tw-current="2"] .tw-custom-upload-panel .custom-bg-full{
  grid-column:1/-1!important;
  min-width:0!important;
}
/* Image fit + framing share one compact row, with the original event-backed button. */
body.tw-redesign[data-tw-current="2"] .tw3254-fit-framing-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:12px!important;
  width:100%;min-width:0;
}
body.tw-redesign[data-tw-current="2"] .tw3254-fit-framing-row>label{
  min-width:0!important;margin:0!important;
}
body.tw-redesign[data-tw-current="2"] .tw3254-fit-framing-row>.image-framing{
  box-sizing:border-box!important;grid-column:auto!important;
  min-width:0!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;
}
body.tw-redesign[data-tw-current="2"] .tw3254-fit-framing-row .image-framing button{
  white-space:nowrap!important;min-height:43px;
  font-size:12px!important;padding:10px 13px!important;
}
/* This legacy bordered section held only the removed-image button.
   v32.53 moved the button above upload, so the rectangle was left empty. */
body.tw-redesign[data-tw-current="2"] .tw-custom-upload-panel .tw93-custom-actions{
  display:none!important;
}
@media(max-width:670px){
  body.tw-redesign[data-tw-current="2"] .tw3254-fit-framing-row{
    grid-template-columns:minmax(0,1fr)!important;gap:9px!important;
  }
  body.tw-redesign[data-tw-current="2"] .tw3254-fit-framing-row .image-framing button{
    white-space:normal!important;max-width:100%!important;
  }
}


/* Tarjeta.work v32.56 — Step 2: image upload 10% shorter than v32.55. */
body.tw-redesign[data-tw-current="2"] .tw-custom-upload-panel .custom-background-picker {
  box-sizing:border-box!important;
  min-height:109px!important; /* v32.55: 121px × 0.90 */
  height:109px!important;
  padding:10px 14px!important;
}
@media (max-width:670px){
  body.tw-redesign[data-tw-current="2"] .tw-custom-upload-panel .custom-background-picker {
    min-height:84px!important; /* v32.55: 93px × 0.90 */
    height:84px!important;
    padding:8px 12px!important;
  }
}


/* Tarjeta.work v32.57 — Step 2 only: 10% shorter image upload and
   fit its full controls without the inner vertical scrollbar. */
body.tw-redesign[data-tw-current="2"] .tw-custom-upload-panel .custom-background-picker {
  min-height:98px!important; /* 109px in v32.56 × 0.90 */
  height:98px!important;
}
/* The custom panel is 279px desktop / 272px medium desktop.
   Condense its vertical padding instead of hiding scrollable content. */
@media (min-width:801px){
  body.tw-redesign[data-tw-current="2"] .tw-custom-upload-panel .custom-background-controls {
    padding:9px 20px!important;
  }
  body.tw-redesign[data-tw-current="2"] .tw-custom-upload-panel #backgroundFileName {
    display:block;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}
@media (max-width:670px){
  body.tw-redesign[data-tw-current="2"] .tw-custom-upload-panel .custom-background-picker {
    min-height:76px!important; /* 84px in v32.56 × 0.90 */
    height:76px!important;
  }
}


/* Tarjeta.work v32.58 — Effect: typography belongs to per-field editors,
   not to the general background-effect step. Leave native font support intact. */
body.tw-redesign[data-tw-current="3"] .tw-effect-picker .tw-effect-bottom{
  display:none!important;
}

/* From Effect onward, editor steps use exactly the same preview presentation as
   the approved Background screen: same top offset, mobile frame size and title.
   Step 10 is the intentionally expanded full-page review. */
body.tw-redesign:not([data-tw-current="1"]):not([data-tw-current="2"]):not([data-tw-current="10"]) .studio-preview .studio-card-mount{
  width:min(246px,100%)!important;
  height:540px!important;
  border-radius:34px!important;
}
body.tw-redesign:not([data-tw-current="1"]):not([data-tw-current="2"]):not([data-tw-current="10"]) .studio-preview .studio-card-mount>.template-card{
  border-radius:26px!important;
}
@media (min-width:851px){
  body.tw-redesign:not([data-tw-current="1"]):not([data-tw-current="2"]):not([data-tw-current="10"]) .studio-preview{
    margin-top:-50px!important;
  }
  body.tw-redesign:not([data-tw-current="1"]):not([data-tw-current="2"]):not([data-tw-current="10"]) .tw-preview-label{
    font-size:13px!important;
  }
}

/* In payment/finalization the Móvil/Escritorio switch remains functional, but
   floats on the heading row rather than pushing the mobile render down. */
@media (min-width:851px){
    body.tw-redesign[data-tw-current="11"] .tw-preview-tools{position:relative!important}
  body.tw-redesign[data-tw-current="11"] .tw-preview-switch{
    position:absolute!important;top:-7px;right:0;display:flex!important;
    margin:0!important;gap:6px!important;
  }
  body.tw-redesign[data-tw-current="11"] .tw-preview-switch button{
    padding:5px 9px!important;font-size:11px!important;
  }
}


/* v32.60 — Efecto: hacer coincidir la fila Volver / Siguiente con Fondo.
   Alcance exclusivamente paso 3: no cambia Tipo de tarjeta ni Fondo. */
@media (min-width:851px) {
  body.tw-redesign[data-tw-current="3"] #cardForm {
    min-height:525px!important;
  }
  /* El antiguo min-height:641px de Efecto provocaba el espacio sobrante. */
  body.tw-redesign[data-tw-current="3"] .configure-section {
    min-height:0!important;
  }
  /* Compactar tarjetas de muestra ligeramente sin esconder opciones ni controles. */
  body.tw-redesign[data-tw-current="3"] .tw-effect-sample {
    height:55px!important;
  }
  body.tw-redesign[data-tw-current="3"] .tw-effect-grid {
    gap:8px!important;
  }
  body.tw-redesign[data-tw-current="3"] .tw-effect-tile {
    padding-bottom:4px!important;
  }
  body.tw-redesign[data-tw-current="3"] .personalize-style-card {
    margin-bottom:0!important;
  }
  body.tw-redesign[data-tw-current="3"] .configure-controls>.personalize-style-card {
    padding:8px!important;
  }
}
/* Equivalencia con las alturas variables de la galería Fondo por ancho de pantalla. */
@media (min-width:1001px) and (max-width:1120px) {
  body.tw-redesign[data-tw-current="3"] #cardForm{min-height:558px!important}
}
@media (min-width:851px) and (max-width:960px) {
  body.tw-redesign[data-tw-current="3"] #cardForm{min-height:537px!important}
}


/* v32.61: el botón Siguiente de Efecto estaba ~24px por encima de Fondo
   en la vista ancha real; compensación SOLO para el paso Efecto.
   No altera el paso Tipo de tarjeta ni el paso Fondo aprobados. */
@media (min-width:1121px) {
  body.tw-redesign[data-tw-current="3"] #cardForm {
    min-height:549px!important;
  }
}


/* Tarjeta.work v32.62 — SOLO paso 4 (Foto).  Fondo/tipo de tarjeta sin cambios. */
body.tw-redesign[data-tw-current="4"] .profile-image-card .photo-presentation-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr)!important;
  align-items:start!important;
  gap:10px!important;
}
body.tw-redesign[data-tw-current="4"] .profile-image-card .photo-presentation-row>.photo-border-toggle{
  box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;
  align-items:flex-start!important;justify-content:flex-start!important;
  gap:6px!important;
  min-width:0!important;
  padding:0!important;margin:0!important;border:0!important;
}
body.tw-redesign[data-tw-current="4"] .profile-image-card .photo-border-toggle .border-toggle-title{
  color:#526875!important;font-size:10px!important;letter-spacing:.08em!important;
}
body.tw-redesign[data-tw-current="4"] .profile-image-card .photo-border-toggle .border-switch{
  margin:0!important;display:flex!important;gap:6px!important;
  align-items:center!important;white-space:normal!important;
}
/* The photo step used a legacy 625px minimum plus oversized media tiles.
   Compact content upwards; don't introduce a hidden internal scroll panel. */
@media (min-width:851px){
 body.tw-redesign[data-tw-current="4"] #cardForm{min-height:525px!important;}
 body.tw-redesign[data-tw-current="4"] .configure-section{min-height:0!important;}
 body.tw-redesign[data-tw-current="4"] .configure-controls>.profile-image-card{
   min-height:0!important;padding:12px 16px 14px!important;
 }
 body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-primary{
   margin:0 0 5px!important;gap:12px!important;
 }
 body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-upload{
   min-height:155px!important;height:155px!important;
   gap:7px!important;padding:9px!important;
 }
 body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-upload>.tw-upload-symbol{
   width:32px!important;height:32px!important;font-size:23px!important;
 }
 body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-upload>.tw-upload-cta{
   padding:7px 10px!important;
 }
 body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-style-title{
   margin:0 0 5px!important;font-size:13px!important;
 }
 body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-style-grid{
   gap:6px!important;
 }
 body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-style-option{
   padding:4px 2px 5px!important;gap:3px!important;min-height:0!important;
 }
 body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-style-option.active{
   padding:3px 1px 4px!important;
 }
 body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-style-picture{
   width:38px!important;height:38px!important;
 }
 body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-style-option .tw-style-label{
   font-size:10px!important;
 }
 body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-secondary{
   margin:0!important;
 }
 body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-secondary .photo-layout-controls{
   padding:9px 12px!important;
 }
 body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-secondary :is(.appearance-slider,.photo-y-control){
   margin:7px 0!important;
 }
 body.tw-redesign[data-tw-current="4"] .profile-image-card .photo-presentation-row :is(.icon-choice-button,.alignment-icon-button){
   min-height:32px!important;height:32px!important;
 }
}
@media (max-width:850px){
  body.tw-redesign[data-tw-current="4"] .profile-image-card .photo-presentation-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.tw-redesign[data-tw-current="4"] .profile-image-card .photo-presentation-row>.photo-border-toggle{
    grid-column:1/-1;
  }
}


/* v32.62 — Match Efecto and Foto navigation with the unchanged Fondo baseline.
   This supersedes the prior temporary +24px correction in v32.61. */
@media (min-width:1121px){
  body.tw-redesign[data-tw-current="3"] #cardForm{min-height:525px!important}
}
@media (min-width:851px) and (max-width:1120px){
  body.tw-redesign[data-tw-current="3"] #cardForm{min-height:520px!important}
}

/* Same navigation baseline at narrow desktop widths; preserve Fondo unchanged. */
@media (min-width:851px) and (max-width:960px){
 body.tw-redesign[data-tw-current="3"] #cardForm,
 body.tw-redesign[data-tw-current="4"] #cardForm{min-height:537px!important}
}
@media (min-width:961px) and (max-width:1000px){
 body.tw-redesign[data-tw-current="3"] #cardForm,
 body.tw-redesign[data-tw-current="4"] #cardForm{min-height:520px!important}
}
@media (min-width:1001px) and (max-width:1120px){
 body.tw-redesign[data-tw-current="3"] #cardForm,
 body.tw-redesign[data-tw-current="4"] #cardForm{min-height:525px!important}
}

@media (min-width:961px) and (max-width:1000px) and (min-height:880px){
 body.tw-redesign[data-tw-current="3"] #cardForm,
 body.tw-redesign[data-tw-current="4"] #cardForm{min-height:525px!important}
}


/* Tarjeta.work v32.63 · Logo: compact step 5 like the approved Foto editor. */
@media (min-width:851px){
 body.tw-redesign[data-tw-current="5"] #cardForm{min-height:525px!important;}
 body.tw-redesign[data-tw-current="5"] .configure-section{min-height:0!important;}
 body.tw-redesign[data-tw-current="5"] .configure-controls>.company-logo-card{
   min-height:0!important;padding:12px 16px 14px!important;
 }
 body.tw-redesign[data-tw-current="5"] .company-logo-card .tw-media-primary{
   margin:0 0 6px!important;gap:12px!important;
 }
 body.tw-redesign[data-tw-current="5"] .company-logo-card .tw-media-upload.tw94-logo-upload{
   height:155px!important;min-height:155px!important;max-height:155px!important;
   padding:9px!important;gap:7px!important;
 }
 body.tw-redesign[data-tw-current="5"] .company-logo-card .tw-media-upload .tw-upload-symbol{
   width:32px!important;height:32px!important;font-size:23px!important;
 }
 body.tw-redesign[data-tw-current="5"] .company-logo-card .tw-media-upload .tw-upload-cta{
   padding:7px 10px!important;
 }
 body.tw-redesign[data-tw-current="5"] .company-logo-card .tw-media-style-title{
   margin:0 0 5px!important;font-size:13px!important;
 }
 body.tw-redesign[data-tw-current="5"] .company-logo-card .tw-media-style-grid{
   gap:7px!important;grid-auto-rows:1fr!important;
 }
 body.tw-redesign[data-tw-current="5"] .company-logo-card .tw-media-style-option{
   min-height:0!important;height:100%!important;padding:4px 2px 5px!important;gap:3px!important;
 }
 body.tw-redesign[data-tw-current="5"] .company-logo-card .tw-media-style-option.active{
   padding:3px 1px 4px!important;
 }
 body.tw-redesign[data-tw-current="5"] .company-logo-card .tw-media-style-picture{
   height:38px!important;width:38px!important;
 }
 body.tw-redesign[data-tw-current="5"] .company-logo-card .tw-media-style-option .tw-style-label{
   font-size:10px!important;
 }
 body.tw-redesign[data-tw-current="5"] .company-logo-card .tw-media-secondary{
   margin:0!important;
 }
 body.tw-redesign[data-tw-current="5"] .company-logo-card .tw-media-secondary .logo-layout-controls{
   padding:9px 12px!important;
 }
 body.tw-redesign[data-tw-current="5"] .company-logo-card .tw94-logo-size-position{
   padding-top:9px!important;margin-top:8px!important;
 }
 body.tw-redesign[data-tw-current="5"] .company-logo-card button.tw94-logo-remove{
   margin-top:7px!important;
 }
}
/* Format, Position and Border must occupy the same horizontal row. */
body.tw-redesign[data-tw-current="5"] .company-logo-card .tw93-logo-settings-row.tw94-logo-shape-position{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr)!important;
  align-items:start!important;gap:10px!important;
}
body.tw-redesign[data-tw-current="5"] .company-logo-card .tw93-logo-settings-row>.tw93-logo-border{
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
  align-items:flex-start!important;justify-content:flex-start!important;
  gap:6px!important;width:auto!important;min-width:0!important;
  padding:0!important;margin:0!important;border:0!important;
}
body.tw-redesign[data-tw-current="5"] .company-logo-card .tw93-logo-border .border-toggle-title{
  color:#526875!important;font-size:10px!important;letter-spacing:.08em!important;
}
body.tw-redesign[data-tw-current="5"] .company-logo-card .tw93-logo-border .border-switch{
  margin:0!important;display:flex!important;align-items:center!important;
  gap:6px!important;white-space:normal!important;
}
@media(max-width:850px){
 body.tw-redesign[data-tw-current="5"] .company-logo-card .tw93-logo-settings-row.tw94-logo-shape-position{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 body.tw-redesign[data-tw-current="5"] .company-logo-card .tw93-logo-settings-row>.tw93-logo-border{grid-column:1/-1!important;}
}

/* Keep the three controls in a single line on narrower desktop screens. */
@media(min-width:851px) and (max-width:1100px){
 body.tw-redesign[data-tw-current="5"] .company-logo-card .tw93-logo-settings-row.tw94-logo-shape-position{
   grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr)!important;
   gap:6px!important;
 }
 body.tw-redesign[data-tw-current="5"] .company-logo-card .logo-shape-icons,
 body.tw-redesign[data-tw-current="5"] .company-logo-card .tw94-logo-horizontal{gap:5px!important;flex-wrap:nowrap!important;}
 body.tw-redesign[data-tw-current="5"] .company-logo-card .logo-shape-icons .icon-choice-button,
 body.tw-redesign[data-tw-current="5"] .company-logo-card .tw94-logo-horizontal .alignment-icon-button{
   width:33px!important;min-width:33px!important;height:34px!important;
 }
 body.tw-redesign[data-tw-current="5"] .company-logo-card .logo-shape-icons .icon-choice-button svg,
 body.tw-redesign[data-tw-current="5"] .company-logo-card .tw94-logo-horizontal .alignment-icon-button svg{
   width:16px!important;height:16px!important;
 }
}
@media(min-width:851px) and (max-width:1100px){
 body.tw-redesign[data-tw-current="5"] #cardForm{min-height:537px!important;}
}


/* v32.64 — Acomodo: remove unused title; align navigation with Foto/Logo. */
body.tw-redesign[data-tw-current="6"] .card-layout-title{display:none!important;}
@media (min-width:851px){
  body.tw-redesign[data-tw-current="6"] #cardForm{min-height:525px!important;}
  body.tw-redesign[data-tw-current="6"] .configure-section{min-height:0!important;}
  body.tw-redesign[data-tw-current="6"] .configure-controls>.card-layout-card{
    min-height:0!important;margin-top:0!important;
  }
}
/* The moved slider remains part of the existing professional fields grid,
   spans its full width and uses the same original saved value. */
body.tw-redesign .identity-card .fields > .data-block-y-control{
  grid-column:1/-1!important;
  box-sizing:border-box!important;
  margin:10px 0 14px!important;
  padding:14px 14px 10px!important;
  border:1px solid #e9ded2!important;
  border-radius:12px!important;
  background:#f7f2ea!important;
}
body.tw-redesign .identity-card .data-block-y-control > span{
  font-size:10px!important;color:#735a41!important;
}
body.tw-redesign .identity-card .data-block-y-control output{
  font-size:11px!important;color:#76502e!important;
}


/* Tarjeta.work v32.65: Acomodo option thumbnails only. A single centered
   profile image is followed by vertical contact icons (Una columna) or a
   horizontal icon row (Una fila). Real card layout stays untouched. */
body.tw-redesign[data-tw-current="6"] .card-layout-option .tw92-layout-demo .tw92-layout-photo{
  top:9px!important;left:50%!important;transform:translateX(-50%)!important;
  width:53px!important;height:53px!important;
}
body.tw-redesign[data-tw-current="6"] .card-layout-option .tw92-layout-demo .tw92-layout-icons,
body.tw-redesign[data-tw-current="6"] .card-layout-option .tw92-layout-demo .tw92-compact-icons{
  position:absolute!important;top:65px!important;left:50%!important;right:auto!important;
  transform:translateX(-50%)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  margin:0!important;padding:0!important;width:max-content!important;
  max-width:calc(100% - 14px)!important;height:auto!important;
  grid-template-columns:none!important;grid-template-rows:none!important;
}
body.tw-redesign[data-tw-current="6"] .card-layout-option .layout-preview-classic .tw92-layout-icons{
  flex-direction:column!important;gap:2px!important;
}
body.tw-redesign[data-tw-current="6"] .card-layout-option .layout-preview-compact .tw92-compact-copy{
  position:static!important;
}
body.tw-redesign[data-tw-current="6"] .card-layout-option .layout-preview-compact .tw92-compact-icons{
  flex-direction:row!important;top:83px!important;gap:8px!important;
}
body.tw-redesign[data-tw-current="6"] .card-layout-option .layout-preview-classic .tw92-icon{
  width:13px!important;height:13px!important;flex:0 0 13px!important;
}
body.tw-redesign[data-tw-current="6"] .card-layout-option .layout-preview-compact .tw92-icon{
  width:21px!important;height:21px!important;flex:0 0 21px!important;
}
body.tw-redesign[data-tw-current="6"] .card-layout-option .layout-preview-classic .tw92-icon img{
  width:10px!important;height:10px!important;
}
body.tw-redesign[data-tw-current="6"] .card-layout-option .layout-preview-compact .tw92-icon img{
  width:16px!important;height:16px!important;
}


/* v32.66 · Una columna: visual text placeholders alongside vertical contacts. */
body.tw-redesign[data-tw-current="6"] .card-layout-option .layout-preview-classic .tw92-layout-icons{
 left:calc(50% - 49px)!important;transform:none!important;
}
body.tw-redesign[data-tw-current="6"] .card-layout-option .layout-preview-classic .tw3266-column-copy{
 position:absolute;top:65px;left:calc(50% - 25px);width:min(85px,calc(50% - 4px));
 display:grid;grid-template-rows:repeat(5,13px);gap:2px;align-items:center;
}
body.tw-redesign[data-tw-current="6"] .card-layout-option .layout-preview-classic .tw3266-column-copy i{
 display:block;height:4px;border-radius:5px;background:#c5c4c1;opacity:.95;width:100%;
}
body.tw-redesign[data-tw-current="6"] .card-layout-option .layout-preview-classic .tw3266-column-copy i:nth-child(2){width:79%}
body.tw-redesign[data-tw-current="6"] .card-layout-option .layout-preview-classic .tw3266-column-copy i:nth-child(3){width:94%}
body.tw-redesign[data-tw-current="6"] .card-layout-option .layout-preview-classic .tw3266-column-copy i:nth-child(4){width:71%}
body.tw-redesign[data-tw-current="6"] .card-layout-option .layout-preview-classic .tw3266-column-copy i:nth-child(5){width:87%}

/* v32.66 · Fondo footer is explicitly aligned with approved Efecto / Foto. */
@media(min-width:1121px){body.tw-redesign[data-tw-current="2"] #cardForm{min-height:525px!important}}
@media(min-width:1001px) and (max-width:1120px){body.tw-redesign[data-tw-current="2"] #cardForm{min-height:525px!important}}
@media(min-width:961px) and (max-width:1000px){body.tw-redesign[data-tw-current="2"] #cardForm{min-height:520px!important}}
@media(min-width:851px) and (max-width:960px){body.tw-redesign[data-tw-current="2"] #cardForm{min-height:537px!important}}

/* The panel width comes only from Efecto. Width of interior blocks comes
   from Acomodo. Both settings keep their own values, preview & publication. */
.studio-card-mount .template-card[data-block-align] > .tpl-content,
#card[data-block-align] > .content{
 width:var(--main-panel-width-px,var(--main-panel-width,96%))!important;
 max-width:var(--main-panel-width-px,var(--main-panel-width,96%))!important;
}
.studio-card-mount .artwork-card.has-appearance > .tpl-content > :is(b,small,em,.tpl-actions,.tpl-bio,.tpl-custom-sections),
#card.artwork-card.has-appearance > .content > :is(h1,h2,small,.meta,.data-actions,.bio,.custom-public-sections){
 box-sizing:border-box!important;
 width:min(100%,var(--data-block-width-px,var(--data-block-width,96%)))!important;
 max-width:100%!important;
}
.studio-card-mount .artwork-card[data-block-align="left"] > .tpl-content > :is(b,small,em,.tpl-actions,.tpl-bio,.tpl-custom-sections),
#card.artwork-card[data-block-align="left"] > .content > :is(h1,h2,small,.meta,.data-actions,.bio,.custom-public-sections){margin-left:0!important;margin-right:auto!important}
.studio-card-mount .artwork-card[data-block-align="center"] > .tpl-content > :is(b,small,em,.tpl-actions,.tpl-bio,.tpl-custom-sections),
#card.artwork-card[data-block-align="center"] > .content > :is(h1,h2,small,.meta,.data-actions,.bio,.custom-public-sections){margin-left:auto!important;margin-right:auto!important}
.studio-card-mount .artwork-card[data-block-align="right"] > .tpl-content > :is(b,small,em,.tpl-actions,.tpl-bio,.tpl-custom-sections),
#card.artwork-card[data-block-align="right"] > .content > :is(h1,h2,small,.meta,.data-actions,.bio,.custom-public-sections){margin-left:auto!important;margin-right:0!important}


/* Tarjeta.work v32.68: Guardar contacto / Agregar a Wallet. */
body.tw-redesign[data-tw-current="8"] .save-contact-editor-card .save-contact-design-control,
body.tw-redesign[data-tw-current="14"] .wallet-editor-card .save-contact-design-control,
body.tw-redesign[data-tw-current="8"] .save-contact-editor-card #saveContactHeight,
body.tw-redesign[data-tw-current="14"] .wallet-editor-card #walletHeight {
  display:none!important;
}
body.tw-redesign[data-tw-current="8"] .save-contact-editor-card .save-contact-range-control:has(#saveContactHeight),
body.tw-redesign[data-tw-current="14"] .wallet-editor-card .save-contact-range-control:has(#walletHeight){display:none!important;}
body.tw-redesign[data-tw-current="8"] .save-contact-editor-card .save-contact-editor-grid,
body.tw-redesign[data-tw-current="14"] .wallet-editor-card .save-contact-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;}
body.tw-redesign[data-tw-current="8"] .save-contact-editor-card .tw-save-border-setting,
body.tw-redesign[data-tw-current="14"] .wallet-editor-card .tw-save-border-setting{
 grid-column:2!important;grid-row:auto!important;width:100%;height:100%;min-height:48px;box-sizing:border-box;
}
body.tw-redesign[data-tw-current="8"] .save-contact-editor-card .save-contact-range-control:has(#saveContactWidth),
body.tw-redesign[data-tw-current="14"] .wallet-editor-card .save-contact-range-control:has(#walletWidth){grid-column:1!important;grid-row:auto!important;align-self:center;}
body.tw-redesign[data-tw-current="14"] .wallet-editor-card .tw-save-border-setting #walletRadius,
body.tw-redesign[data-tw-current="14"] .wallet-editor-card .tw-save-border-setting output[for="walletRadius"]{display:none!important}
body.tw-redesign[data-tw-current="14"] .wallet-editor-card .tw-save-border-setting select{max-width:none!important;flex:1;min-width:0!important}
.tw3268-wallet-opacity{display:grid;grid-template-columns:1fr auto;gap:7px 12px;margin-top:12px;align-items:center;font:600 12px Inter,Arial,sans-serif;color:#504336;}
.tw3268-wallet-opacity input{grid-column:1/-1;width:100%!important;accent-color:#b5874a}
.tw3268-wallet-opacity output{color:#966e3e;font-variant-numeric:tabular-nums;}
@media(min-width:851px){
 body.tw-redesign[data-tw-current="8"] #cardForm,
 body.tw-redesign[data-tw-current="14"] #cardForm{min-height:525px!important;}
 body.tw-redesign[data-tw-current="8"] .configure-section,
 body.tw-redesign[data-tw-current="14"] .configure-section{min-height:0!important;}
 body.tw-redesign[data-tw-current="8"] .configure-controls>.save-contact-editor-card,
 body.tw-redesign[data-tw-current="14"] .configure-controls>.wallet-editor-card{min-height:0!important;margin-bottom:0!important;}
}
@media(max-width:850px){
 body.tw-redesign[data-tw-current="8"] .save-contact-editor-card .save-contact-editor-grid,
 body.tw-redesign[data-tw-current="14"] .wallet-editor-card .save-contact-editor-grid{grid-template-columns:1fr!important;}
 body.tw-redesign[data-tw-current="8"] .save-contact-editor-card .tw-save-border-setting,
 body.tw-redesign[data-tw-current="14"] .wallet-editor-card .tw-save-border-setting,
 body.tw-redesign[data-tw-current="8"] .save-contact-editor-card .save-contact-range-control:has(#saveContactWidth),
 body.tw-redesign[data-tw-current="14"] .wallet-editor-card .save-contact-range-control:has(#walletWidth){grid-column:1!important;}
}

/* v32.68: flatten the obsolete upload wrapper; keep horizontal size beside border.
   Applied only in step 8 (Guardar contacto). */
body.tw-redesign[data-tw-current="8"] .save-contact-editor-card .save-border-design-row{display:contents!important}
body.tw-redesign[data-tw-current="8"] .save-contact-editor-card .tw-save-border-setting{grid-column:2!important;align-self:stretch}
@media(min-width:851px){
 body.tw-redesign[data-tw-current="8"] .save-contact-editor-card .save-contact-editor-grid,
 body.tw-redesign[data-tw-current="14"] .wallet-editor-card .save-contact-editor-grid{gap:8px!important;}
 body.tw-redesign[data-tw-current="8"] .save-contact-editor-card .tw-save-icon-chooser,
 body.tw-redesign[data-tw-current="14"] .wallet-editor-card .tw-save-icon-chooser,
 body.tw-redesign[data-tw-current="8"] .save-contact-editor-card .tw-save-text-sample,
 body.tw-redesign[data-tw-current="14"] .wallet-editor-card .tw-save-text-sample{padding:8px 10px!important;}
 body.tw-redesign[data-tw-current="8"] .save-contact-editor-card .save-contact-color-control,
 body.tw-redesign[data-tw-current="14"] .wallet-editor-card .save-contact-color-control{padding:6px 8px!important;gap:4px 8px!important;}
 body.tw-redesign[data-tw-current="8"] .save-contact-editor-card .save-contact-range-control,
 body.tw-redesign[data-tw-current="14"] .wallet-editor-card .save-contact-range-control{padding:7px 9px!important;}
}

@media(min-width:851px) and (max-width:960px){
 body.tw-redesign[data-tw-current="8"] #cardForm,
 body.tw-redesign[data-tw-current="14"] #cardForm{min-height:537px!important;}
}


/* Tarjeta.work v32.69 — Agregar a Wallet: transparencia bajo la paleta. */
body.tw-redesign[data-tw-current="14"] .wallet-editor-card
.save-contact-color-control[data-color-kind="background"] .tw3268-wallet-opacity{
  grid-column:1/-1!important;
  grid-row:auto!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:2px 0 3px!important;
  box-sizing:border-box;
}
body.tw-redesign[data-tw-current="14"] .wallet-editor-card
.save-contact-color-control[data-color-kind="background"] .save-palette{
  grid-column:1/-1!important;
  margin:3px 0!important;
}

/* Personalización: navegación al nivel aprobado en Efecto y Foto.
   Form grows naturally for large user sections: nothing is clipped. */
@media (min-width:1121px){
  body.tw-redesign[data-tw-current="9"] #cardForm{min-height:525px!important;}
}
@media (min-width:1001px) and (max-width:1120px){
  body.tw-redesign[data-tw-current="9"] #cardForm{min-height:525px!important;}
}
@media (min-width:961px) and (max-width:1000px){
  body.tw-redesign[data-tw-current="9"] #cardForm{min-height:520px!important;}
}
@media (min-width:851px) and (max-width:960px){
  body.tw-redesign[data-tw-current="9"] #cardForm{min-height:537px!important;}
}
/* Editing many long sections should not push the navigation below Efecto / Foto.
   Keep the list scrollable in desktop only. */
@media(min-width:851px){
  body.tw-redesign[data-tw-current="9"] #customSectionsEditor{
    max-height:300px!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    align-content:start;
    scrollbar-width:thin;
    padding-right:5px;
  }
}


/* Tarjeta.work v32.70: Calendario y Portafolio — navegación a altura Efecto / Foto.
   Cambios limitados a pasos 12 y 13; no afectan Tipo de tarjeta ni Fondo. */
body.tw-redesign[data-tw-current="12"] .calendar-editor-card .calendar-editor-head{
  display:none!important; /* El encabezado y la explicación duplicaban el subtítulo de paso. */
}
body.tw-redesign[data-tw-current="12"] .calendar-editor-card .calendar-selected-head[hidden]{display:none!important;}
body.tw-redesign[data-tw-current="12"] .calendar-editor-card .calendar-details-action{
  grid-column:1/-1;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:10px;
  min-width:0;
}
body.tw-redesign[data-tw-current="12"] .calendar-editor-card .calendar-details-action>.wide{
  min-width:0!important;
  grid-column:auto!important;
  margin:0!important;
}
body.tw-redesign[data-tw-current="12"] .calendar-editor-card .calendar-details-action>.calendar-add-entry{
  grid-column:auto!important;
  justify-self:end!important;
  margin:0!important;
  white-space:nowrap;
  min-height:34px;
}
@media (min-width:851px){
  body.tw-redesign[data-tw-current="12"] #cardForm,
  body.tw-redesign[data-tw-current="13"] #cardForm{
    min-height:525px!important;
  }
  body.tw-redesign[data-tw-current="12"] .configure-section,
  body.tw-redesign[data-tw-current="13"] .configure-section{min-height:0!important}
  /* Mantiene visible toda la edición del día sin alargar la página.
     El contenido editable del calendario sigue accesible con scroll local. */
  body.tw-redesign[data-tw-current="12"] .configure-controls>.calendar-editor-card{
    max-height:418px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    box-sizing:border-box;
  }
  /* Portafolio: proyectos agregados desplazan el scroll local, no los botones. */
  body.tw-redesign[data-tw-current="13"] .configure-controls>.draft-portfolio-card{
    max-height:418px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    box-sizing:border-box;
  }
}
@media (min-width:851px) and (max-width:960px){
  body.tw-redesign[data-tw-current="12"] #cardForm,
  body.tw-redesign[data-tw-current="13"] #cardForm{min-height:537px!important}
}
/* Compactación del calendario: el formulario y Agregar al día son visibles
   sin scroll cuando no hay eventos. Con varios eventos hay scroll local. */
body.tw-redesign[data-tw-current="12"] .calendar-editor-card .calendar-sync-panel{
  padding:4px 9px!important;
}
body.tw-redesign[data-tw-current="12"] .calendar-editor-card .calendar-sync-actions button{
  height:28px!important; min-height:28px!important;
}
body.tw-redesign[data-tw-current="12"] .calendar-editor-card .calendar-year-control button,
body.tw-redesign[data-tw-current="12"] .calendar-editor-card .calendar-year-control input{
  height:28px!important;min-height:28px!important;box-sizing:border-box;
}
body.tw-redesign[data-tw-current="12"] .calendar-editor-card .calendar-month-nav{
  margin:3px 0!important;
}
body.tw-redesign[data-tw-current="12"] .calendar-editor-card .calendar-month-nav button{
  height:30px!important;min-height:30px!important;
}
body.tw-redesign[data-tw-current="12"] .calendar-editor-card .annual-calendar-days{
  grid-template-rows:repeat(6,17px)!important;
}
body.tw-redesign[data-tw-current="12"] .calendar-editor-card .annual-calendar-day,
body.tw-redesign[data-tw-current="12"] .calendar-editor-card .annual-calendar-blank{
  height:17px!important;min-height:17px!important;
}
body.tw-redesign[data-tw-current="12"] .calendar-editor-card textarea{
  height:38px!important;min-height:38px!important;padding:7px 10px!important;
}
body.tw-redesign[data-tw-current="12"] .calendar-editor-card #calendarDayItems:empty{
  margin:0!important;display:none!important;
}


/* Tarjeta.work v32.71 — Finalizar: misma vista previa móvil que en los pasos anteriores.
   El selector Móvil / Escritorio se oculta solo en Finalizar (paso 11). */
body.tw-redesign[data-tw-current="11"] .tw-preview-switch{
  display:none!important;
}
@media (min-width:851px){
  body.tw-redesign[data-tw-current="11"] .studio-layout{
    grid-template-columns:minmax(0,1fr) 320px!important;
  }
}


/* Tarjeta.work v32.73: efectos, calendario y portafolio; pasos anteriores intactos. */
/* Sin ícono Play en las opciones de Efecto no seleccionadas. */
body.tw-redesign[data-tw-current="3"] .tw-effect-tile:not(.active) .tw-effect-sample i { display:none!important; }

/* El día seleccionado usa el borde café alrededor de TODA la celda, sin óvalo. */
body.tw-redesign .calendar-editor-card .annual-calendar-day.selected {
  border:2px solid #B78A4E!important;
  border-radius:5px!important;
  background:transparent!important;
  color:#3A2925!important;
  box-shadow:inset 0 0 0 0 transparent!important;
  font-weight:800!important;
  box-sizing:border-box!important;
}
body.tw-redesign .calendar-editor-card .annual-calendar-day.selected:focus-visible {
  outline:2px solid #B78A4E!important;outline-offset:2px!important;
}

/* Controles Portafolio: mismos tonos café/dorado de Tarjeta.work. */
body.tw-redesign .draft-portfolio-tabs button {
  background:#D9BC96!important;
  border-color:#BD9A6D!important;
  color:#3A2925!important;
}
body.tw-redesign .draft-portfolio-tabs button:first-child,
body.tw-redesign .draft-portfolio-tabs button[aria-pressed="true"],
body.tw-redesign .draft-portfolio-tabs button.active {
  background:#A7793E!important;
  color:#FFFFFF!important;
  border-color:#9A6D34!important;
}
body.tw-redesign .draft-portfolio-tabs button:last-child:not(.active):not([aria-pressed="true"]) {
  background:#F7F1E8!important;
  color:#6A4B30!important;
  border-color:#CDBB9F!important;
}
body.tw-redesign .draft-portfolio-tabs button:hover {filter:brightness(.98);}

/* Ilustración sobre blanco y movimiento real con fondo de la foto original. */
body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-style-option[data-kind="illustration"] .tw-media-style-picture {
  background:#FFFFFF!important;
}
body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-style-option[data-kind="video"] .tw-media-style-picture {
  background:#FFFFFF!important;
}

/* v32.74: open-license font choices, accurately previewed and persisted. */
.font-playfair-display,.font-playfair-display h1,.business-card.font-playfair-display,.business-card.font-playfair-display h3{font-family:"Playfair Display",Georgia,serif!important;}
.font-bodoni-moda,.font-bodoni-moda h1,.business-card.font-bodoni-moda,.business-card.font-bodoni-moda h3{font-family:"Bodoni Moda",Georgia,serif!important;}
.font-dm-serif-display,.font-dm-serif-display h1,.business-card.font-dm-serif-display,.business-card.font-dm-serif-display h3{font-family:"DM Serif Display",Georgia,serif!important;}
.font-gloock,.font-gloock h1,.business-card.font-gloock,.business-card.font-gloock h3{font-family:"Gloock",Georgia,serif!important;}
.font-marcellus,.font-marcellus h1,.business-card.font-marcellus,.business-card.font-marcellus h3{font-family:"Marcellus",Georgia,serif!important;}
.font-italiana,.font-italiana h1,.business-card.font-italiana,.business-card.font-italiana h3{font-family:"Italiana",Georgia,serif!important;}
.font-cinzel,.font-cinzel h1,.business-card.font-cinzel,.business-card.font-cinzel h3{font-family:"Cinzel",Georgia,serif!important;}
.font-fraunces,.font-fraunces h1,.business-card.font-fraunces,.business-card.font-fraunces h3{font-family:"Fraunces",Georgia,serif!important;}
.font-abril-fatface,.font-abril-fatface h1,.business-card.font-abril-fatface,.business-card.font-abril-fatface h3{font-family:"Abril Fatface",Georgia,serif!important;}
.font-tenor-sans,.font-tenor-sans h1,.business-card.font-tenor-sans,.business-card.font-tenor-sans h3{font-family:"Tenor Sans",Arial,sans-serif!important;}
.font-outfit,.font-outfit h1,.business-card.font-outfit,.business-card.font-outfit h3{font-family:"Outfit",Arial,sans-serif!important;}
.font-manrope,.font-manrope h1,.business-card.font-manrope,.business-card.font-manrope h3{font-family:"Manrope",Arial,sans-serif!important;}
.font-sora,.font-sora h1,.business-card.font-sora,.business-card.font-sora h3{font-family:"Sora",Arial,sans-serif!important;}
.font-josefin-sans,.font-josefin-sans h1,.business-card.font-josefin-sans,.business-card.font-josefin-sans h3{font-family:"Josefin Sans",Arial,sans-serif!important;}
.font-syne,.font-syne h1,.business-card.font-syne,.business-card.font-syne h3{font-family:"Syne",Arial,sans-serif!important;}
.font-work-sans,.font-work-sans h1,.business-card.font-work-sans,.business-card.font-work-sans h3{font-family:"Work Sans",Arial,sans-serif!important;}
.font-dm-sans,.font-dm-sans h1,.business-card.font-dm-sans,.business-card.font-dm-sans h3{font-family:"DM Sans",Arial,sans-serif!important;}
.font-raleway,.font-raleway h1,.business-card.font-raleway,.business-card.font-raleway h3{font-family:"Raleway",Arial,sans-serif!important;}
.font-pacifico,.font-pacifico h1,.business-card.font-pacifico,.business-card.font-pacifico h3{font-family:"Pacifico",cursive!important;}
.font-caveat,.font-caveat h1,.business-card.font-caveat,.business-card.font-caveat h3{font-family:"Caveat",cursive!important;}
.font-satisfy,.font-satisfy h1,.business-card.font-satisfy,.business-card.font-satisfy h3{font-family:"Satisfy",cursive!important;}
.font-cookie,.font-cookie h1,.business-card.font-cookie,.business-card.font-cookie h3{font-family:"Cookie",cursive!important;}
.font-lobster,.font-lobster h1,.business-card.font-lobster,.business-card.font-lobster h3{font-family:"Lobster",cursive!important;}
.font-italianno,.font-italianno h1,.business-card.font-italianno,.business-card.font-italianno h3{font-family:"Italianno",cursive!important;}
.font-pinyon-script,.font-pinyon-script h1,.business-card.font-pinyon-script,.business-card.font-pinyon-script h3{font-family:"Pinyon Script",cursive!important;}
.font-handlee,.font-handlee h1,.business-card.font-handlee,.business-card.font-handlee h3{font-family:"Handlee",cursive!important;}

/* v32.81 custom text layout shared in preview and published card */
.studio-card-mount .premium-section > .custom-section-tabtext,
#card.preview-parity .premium-section > .custom-section-tabtext{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-wrap:anywhere!important;white-space:pre-line}

.tw-section-text-line-spacing[hidden]{display:none!important}

.tw-series-qr-result img{display:block;width:120px;height:120px;margin:8px auto;border:5px solid white;border-radius:8px;box-sizing:content-box}

/* v32.82: custom-section frame switch and safe, matching inner gutters in preview/publication. */
.custom-section-frame-control{display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-height:36px}
.custom-section-frame-control[hidden]{display:none!important}
.custom-section-frame-control input{width:19px;height:19px;accent-color:#b58a51}
.studio-card-mount .custom-section-tabpanel,
.studio-card-mount .custom-section-tabpanel:not(.has-section-bg),
#card#card#card.preview-parity .custom-section-tabpanel,
#card#card#card.preview-parity .custom-section-tabpanel:not(.has-section-bg){padding-left:12px!important;padding-right:12px!important;min-width:0!important;box-sizing:border-box!important}
.studio-card-mount .custom-section-tabpanel.section-no-frame,
#card#card#card .custom-section-tabpanel.section-no-frame,
.studio-card-mount .custom-section-detached.section-no-frame,
#card#card#card .custom-section-detached.section-no-frame{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.studio-card-mount .custom-section-tabstage.section-stage-collapsed,
#card#card#card .custom-section-tabstage.section-stage-collapsed{display:none!important}
/* v32.82: fixed artwork and a separately scrolling portfolio layer. */
#card#card#card.preview-parity.portfolio-expanded{overflow:hidden!important;overscroll-behavior:none!important}
#card#card#card.portfolio-expanded > .content,
#card#card#card.portfolio-expanded > .photo,
#card#card#card.portfolio-expanded > .company-logo,
#card#card#card.portfolio-expanded > .qr-public-panel,
#card#card#card.portfolio-expanded > .calendar-public-panel,
#card#card#card.portfolio-expanded > .additional-content-panel,
#card#card#card.portfolio-expanded > .premium-detached-panel,
#card#card#card.portfolio-expanded > .tw-share-wrap{visibility:hidden!important;pointer-events:none!important}
#card#card#card.portfolio-expanded > .inline-portfolio:not([hidden]){display:block!important;position:absolute!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;max-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch;box-sizing:border-box!important;padding:56px 12px 24px!important;margin:0!important;background:transparent!important;z-index:140!important}
#card#card#card > .inline-portfolio-close{position:absolute!important;top:var(--tw-portfolio-close-offset,8px)!important;right:var(--tw-portfolio-close-offset,8px)!important;z-index:145!important;display:block!important;box-sizing:border-box!important;padding:8px 12px!important;margin:0!important;border:1px solid currentColor!important;border-radius:20px!important;background:rgba(14,17,20,.80)!important;color:white!important;font:600 12px/1.2 Inter,sans-serif!important;cursor:pointer!important;pointer-events:auto!important}
#card#card#card > .inline-portfolio-close[hidden]{display:none!important}

/* Preserve borderless text even when the Neon icon preset draws a frame. */
.studio-card-mount .artwork-card[data-icon-style] .custom-section-tabpanel.section-no-frame:not(.has-section-bg):not(.section-bg-title-only){border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;background-color:transparent!important;outline:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

.studio-card-mount .artwork-card[data-icon-style="neon"] .custom-section-tabpanel:not(.has-section-bg):not(.section-bg-title-only),
.studio-card-mount .artwork-card[data-icon-style="neon"] .custom-section-tabpanel.has-section-bg{padding-left:12px!important;padding-right:12px!important}

/* v32.84 — Efecto: cuatro opciones por fila, dos filas completas.
   Más altura en las vistas de las muestras sin ocupar una tercera fila;
   se mantiene la altura mínima previa del formulario y su navegación. */
@media (min-width:781px){
  body.tw-redesign[data-tw-current="3"] .tw-effect-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  body.tw-redesign[data-tw-current="3"] .tw-effect-sample{
    height:68px!important;
  }
}

/* v32.85 — Foto: estilos en 3 columnas x 2 filas, ligeramente más altos.
   El área de subida se estira hasta la misma base que las tarjetas de estilo.
   Formato, Posición y Borde de imagen ocupan tercios equitativos; el borde
   queda alineado al extremo derecho sin alterar los controles originales. */
body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-style-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(76px,auto))!important;
  gap:6px!important;
}
body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-style-option{
  box-sizing:border-box!important;
  min-height:76px!important;
  align-content:center!important;
}
@media (min-width:851px){
  body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-primary{
    align-items:stretch!important;
  }
  body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-style-area{
    display:flex!important;
    flex-direction:column!important;
    align-self:stretch!important;
  }
  body.tw-redesign[data-tw-current="4"] .profile-image-card .tw-media-upload{
    height:auto!important;
    min-height:0!important;
    align-self:stretch!important;
  }
  body.tw-redesign[data-tw-current="4"] .profile-image-card .photo-presentation-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    column-gap:18px!important;
  }
  body.tw-redesign[data-tw-current="4"] .profile-image-card .photo-presentation-row>label:nth-child(2){
    justify-self:center!important;
  }
  body.tw-redesign[data-tw-current="4"] .profile-image-card .photo-presentation-row>.photo-border-toggle{
    justify-self:end!important;
    align-items:flex-end!important;
    text-align:right!important;
    max-width:100%!important;
  }
}
@media (max-width:850px){
  body.tw-redesign[data-tw-current="4"] .profile-image-card .photo-presentation-row>.photo-border-toggle{
    justify-self:end!important;
    align-items:flex-end!important;
    text-align:right!important;
  }
}

/* v32.86 — Logo: mismo reparto de Formato / Posición / Borde de imagen
   que el paso Foto (v32.85). No cambia los elementos ni sus eventos. */
@media (min-width:851px){
  body.tw-redesign[data-tw-current="5"] .company-logo-card .tw93-logo-settings-row.tw94-logo-shape-position{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    column-gap:18px!important;
    align-items:start!important;
  }
  body.tw-redesign[data-tw-current="5"] .company-logo-card .tw93-logo-settings-row.tw94-logo-shape-position>label:nth-child(2){
    justify-self:center!important;
  }
  body.tw-redesign[data-tw-current="5"] .company-logo-card .tw93-logo-settings-row.tw94-logo-shape-position>.tw93-logo-border{
    grid-column:3!important;
    justify-self:end!important;
    align-items:flex-end!important;
    text-align:right!important;
    max-width:100%!important;
  }
}
/* Reservar la altura original de la fila al compactar los iconos: no mueve
   el contenido posterior ni la navegación «Siguiente». */
body.tw-redesign[data-tw-current="5"] .company-logo-card .tw93-logo-settings-row.tw94-logo-shape-position{
  padding-bottom:7px!important;
}
/* Las dimensiones de los botones visuales coinciden con Foto. */
body.tw-redesign[data-tw-current="5"] .company-logo-card .tw93-logo-settings-row.tw94-logo-shape-position :is(.logo-shape-icons .icon-choice-button,.tw94-logo-horizontal .alignment-icon-button){
  width:42px!important;
  min-width:42px!important;
  height:32px!important;
  min-height:32px!important;
  padding:5px!important;
}
body.tw-redesign[data-tw-current="5"] .company-logo-card .tw93-logo-settings-row.tw94-logo-shape-position :is(.logo-shape-icons .icon-choice-button svg,.tw94-logo-horizontal .alignment-icon-button svg){
  width:20px!important;
  height:18px!important;
}
@media (max-width:850px){
  body.tw-redesign[data-tw-current="5"] .company-logo-card .tw93-logo-settings-row.tw94-logo-shape-position{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body.tw-redesign[data-tw-current="5"] .company-logo-card .tw93-logo-settings-row.tw94-logo-shape-position>.tw93-logo-border{
    grid-column:1/-1!important;
    justify-self:end!important;
    align-items:flex-end!important;
    text-align:right!important;
    max-width:100%!important;
  }
}

/* Tarjeta.work v32.88 — Guardar contacto:
   misma distribución vertical de los controles que Agregar a Wallet.
   Se ajusta solamente el editor del paso 8; no se alteran valores ni funciones. */
body.tw-redesign[data-tw-current="8"] .save-contact-editor-card .save-contact-editor-grid {
  align-items: stretch !important;
}
/* Fondo y letra ocupan exactamente la misma altura de fila. */
body.tw-redesign[data-tw-current="8"] .save-contact-editor-card
.save-contact-color-control[data-color-kind="background"] {
  align-self: stretch !important;
}
/* La transparencia permanece debajo de los colores, como en Wallet. */
body.tw-redesign[data-tw-current="8"] .save-contact-editor-card
.save-contact-color-control[data-color-kind="background"] .save-palette {
  grid-column: 1 / -1 !important;
  margin: 3px 0 !important;
}
body.tw-redesign[data-tw-current="8"] .save-contact-editor-card
.save-contact-color-control[data-color-kind="background"] .unified-transparency {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  padding: 2px 0 3px !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  font: 600 12px Inter, Arial, sans-serif !important;
  color: #504336 !important;
}
body.tw-redesign[data-tw-current="8"] .save-contact-editor-card
.save-contact-color-control[data-color-kind="background"] .unified-transparency input {
  width: 100% !important;
  min-width: 0 !important;
}
/* La regla anterior de borde en la columna 2 creaba una segunda columna
   implícita en móvil, desacomodando todo el formulario. */
@media (max-width: 850px) {
  body.tw-redesign[data-tw-current="8"] .save-contact-editor-card .save-contact-editor-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
  }
  body.tw-redesign[data-tw-current="8"] .save-contact-editor-card
  :is(.tw-save-border-setting, .save-contact-range-control:has(#saveContactWidth), .save-contact-design-control) {
    grid-column: 1 / -1 !important;
  }
  body.tw-redesign[data-tw-current="8"] .save-contact-editor-card .save-border-design-row {
    display: contents !important;
  }
}