/* Shared visual system: miniature cards and real preview use the same layout rules. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.template-heading h2{font-size:25px;margin:8px 0}.template-heading p{font-size:13px;color:#666;margin:0 0 20px}
#template-select{font:inherit;width:100%;padding:12px;background:#fff;border:1px solid #ccc;border-radius:8px;margin:7px 0 12px;color:#0C0E12}select:focus-visible{outline:3px solid #009FE3;outline-offset:3px}
.template-library{margin-bottom:30px}.template-library summary{cursor:pointer;padding:12px 0;font-size:13px;font-weight:700}.template-library summary span{font-weight:400;color:#666;float:right;font-size:10px}.template-filters{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 16px}.template-filters button{font-size:10px;border:1px solid #ddd;background:#fff;border-radius:30px;padding:8px 10px}.template-filters button[aria-pressed=true]{background:#0C0E12;color:#fff;border-color:#0C0E12}
.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:560px;overflow:auto;padding:6px;overscroll-behavior:contain}.template-choice{border:2px solid #e5e5e5;background:#fafafa;border-radius:12px;padding:10px 6px;text-align:left;min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px;color:#0C0E12}.template-choice:hover{border-color:#009FE3}.template-choice[aria-pressed=true]{border-color:#0C0E12;background:#f1f1f1;box-shadow:0 0 0 3px #CCFF00}.template-choice>strong{font-size:10px;text-align:center}.template-choice>small{font-size:9px;text-align:center;color:#666;line-height:1.3;min-height:35px}.template-mini{--u:.24px;pointer-events:none;width:80px;height:150px;border:2px solid #0C0E12;border-radius:10px;overflow:hidden;display:block;position:relative;flex-shrink:0}.template-mini .tm-photo{display:block}.template-mini .tm-name{height:calc(20 * var(--u));width:85%;background:currentColor;border-radius:1px}.template-mini .tm-role{height:calc(9 * var(--u));width:48%;background:currentColor;opacity:.5}.template-mini .tm-bio{height:calc(35 * var(--u));width:100%;background:repeating-linear-gradient(0deg,transparent 0 3px,currentColor 3px 4px);opacity:.25}.template-mini .tm-button{height:calc(38 * var(--u));min-height:7px}.template-mini .tm-lines{width:100%;display:flex;flex-direction:column;gap:7px}.template-mini .tm-lines i{display:block;height:2px;background:currentColor;opacity:.3;width:90%}.template-mini .tm-lines i:nth-child(2){width:75%}.template-mini .tm-photo{background:#ddd;border:2px solid #fff}.template-mini .tm-cover:before{content:'V';font:bold 10px Montserrat,sans-serif}.preview-area .phone-card{--u:1px;isolation:isolate;transition:background .2s;min-width:0}.template-grid [hidden]{display:none!important}
@media(max-width:1100px) and (min-width:761px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.template-grid{max-height:330px}.editor-grid{display:flex;flex-direction:column}.preview-area{order:-1}.preview-area .phone-card{max-width:330px}.form-panel{padding:20px}.template-choice>small{min-height:24px}}@media(prefers-reduced-motion:reduce){.preview-area .phone-card{transition:none}}
:is(.phone-card,.template-mini)[data-template]{background:#fff;color:#0C0E12;position:relative;}
:is(.phone-card,.template-mini)[data-template] :is(.card-cover,.tm-cover){height:calc(126 * var(--u));background:var(--accent);padding:calc(26 * var(--u));color:#fff;display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;}
:is(.phone-card,.template-mini)[data-template] :is(.card-inner,.tm-body){padding:calc(28 * var(--u));display:flex;flex-direction:column;gap:calc(12 * var(--u));position:relative;}
:is(.phone-card,.template-mini)[data-template] :is(#p-name,.tm-name){font-family:Montserrat,Inter,sans-serif;font-size:calc(26 * var(--u));line-height:1.12;margin:0;letter-spacing:-.8px;}
:is(.phone-card,.template-mini)[data-template] :is(#p-role,.tm-role){margin:0;color:inherit;opacity:.7;font-size:calc(12 * var(--u));}
:is(.phone-card,.template-mini)[data-template] :is(#p-bio,.tm-bio){margin:calc(8 * var(--u)) 0;line-height:1.65;color:inherit;font-size:calc(12 * var(--u));}
:is(.phone-card,.template-mini)[data-template] :is(#p-photo,.tm-photo){width:calc(76 * var(--u));height:calc(76 * var(--u));border-radius:50%;object-fit:cover;margin:calc(-64 * var(--u)) 0 calc(8 * var(--u));position:relative;border:calc(4 * var(--u)) solid #fff;}
:is(.phone-card,.template-mini)[data-template] :is(#download,.tm-button){width:100%;background:#0C0E12;color:#fff;border-radius:calc(8 * var(--u));padding:calc(14 * var(--u)) calc(10 * var(--u));font-size:calc(12 * var(--u));}
:is(.phone-card,.template-mini)[data-template] :is(.contact-lines,.tm-lines){margin-top:calc(8 * var(--u));color:inherit;}
:is(.phone-card,.template-mini)[data-template] .card-kicker{color:inherit;opacity:.6;}
:is(.phone-card,.template-mini)[data-template] .card-footer{color:inherit;opacity:.65;margin-top:calc(16 * var(--u));}
:is(.phone-card,.template-mini)[data-template="signature"] :is(.card-cover,.tm-cover){border-bottom:calc(8 * var(--u)) solid #0C0E12;}
:is(.phone-card,.template-mini)[data-template="portrait"] :is(.card-cover,.tm-cover){height:calc(150 * var(--u));justify-content:center;}
:is(.phone-card,.template-mini)[data-template="portrait"] :is(.card-inner,.tm-body){text-align:center;align-items:center;}
:is(.phone-card,.template-mini)[data-template="portrait"] :is(.contact-lines,.tm-lines){width:100%;}
:is(.phone-card,.template-mini)[data-template="minimal"] :is(.card-cover,.tm-cover){height:auto;background:none;color:inherit;padding-bottom:0;}
:is(.phone-card,.template-mini)[data-template="minimal"] :is(.card-inner,.tm-body){gap:calc(20 * var(--u));}
:is(.phone-card,.template-mini)[data-template="minimal"] :is(#p-photo,.tm-photo){margin:0;border-radius:calc(14 * var(--u));}
:is(.phone-card,.template-mini)[data-template="minimal"] .card-kicker{display:none;}
:is(.phone-card,.template-mini)[data-template="minimal"] :is(#download,.tm-button){background:#fff;color:#0C0E12;border:1px solid #0C0E12;}
:is(.phone-card,.template-mini)[data-template="business"] :is(.card-cover,.tm-cover){height:calc(60 * var(--u));padding:calc(18 * var(--u));}
:is(.phone-card,.template-mini)[data-template="business"] :is(.card-inner,.tm-body){padding:calc(24 * var(--u));border-top:calc(10 * var(--u)) solid #eee;}
:is(.phone-card,.template-mini)[data-template="business"] :is(#p-photo,.tm-photo){margin:0;border-radius:calc(8 * var(--u));width:calc(54 * var(--u));height:calc(54 * var(--u));}
:is(.phone-card,.template-mini)[data-template="business"] :is(#p-name,.tm-name){font-size:calc(22 * var(--u));}
:is(.phone-card,.template-mini)[data-template="business"] :is(#p-bio,.tm-bio){order:4;}
:is(.phone-card,.template-mini)[data-template="business"] .card-footer{order:5;}
:is(.phone-card,.template-mini)[data-template="contact"] :is(.card-cover,.tm-cover){height:calc(70 * var(--u));}
:is(.phone-card,.template-mini)[data-template="contact"] :is(#p-photo,.tm-photo){margin:0;}
:is(.phone-card,.template-mini)[data-template="contact"] :is(#p-bio,.tm-bio){order:4;}
:is(.phone-card,.template-mini)[data-template="contact"] :is(.contact-lines,.tm-lines){order:2;}
:is(.phone-card,.template-mini)[data-template="contact"] :is(#download,.tm-button){order:3;}
:is(.phone-card,.template-mini)[data-template="contact"] .card-footer{order:5;}
:is(.phone-card,.template-mini)[data-template="contact"] .card-kicker{display:none;}
:is(.phone-card,.template-mini)[data-template="compact"] :is(.card-cover,.tm-cover){height:calc(48 * var(--u));padding:calc(13 * var(--u)) calc(20 * var(--u));}
:is(.phone-card,.template-mini)[data-template="compact"] :is(.card-inner,.tm-body){padding:calc(20 * var(--u));gap:calc(7 * var(--u));}
:is(.phone-card,.template-mini)[data-template="compact"] :is(#p-photo,.tm-photo){margin:0;width:calc(44 * var(--u));height:calc(44 * var(--u));}
:is(.phone-card,.template-mini)[data-template="compact"] :is(#p-name,.tm-name){font-size:calc(21 * var(--u));}
:is(.phone-card,.template-mini)[data-template="compact"] :is(#p-bio,.tm-bio){font-size:calc(11 * var(--u));}
:is(.phone-card,.template-mini)[data-template="compact"] .card-kicker{display:none;}
:is(.phone-card,.template-mini)[data-template="compact"] :is(.contact-lines,.tm-lines){margin:0;}
:is(.phone-card,.template-mini)[data-template="editorial"] :is(.card-cover,.tm-cover){background:#fff;color:#0C0E12;height:calc(65 * var(--u));border-bottom:1px solid #0C0E12;}
:is(.phone-card,.template-mini)[data-template="editorial"] :is(#p-name,.tm-name){font-size:calc(44 * var(--u));letter-spacing:-2px;}
:is(.phone-card,.template-mini)[data-template="editorial"] :is(#p-photo,.tm-photo){margin:0;align-self:flex-end;border-radius:0;}
:is(.phone-card,.template-mini)[data-template="editorial"] :is(#p-bio,.tm-bio){border-left:calc(3 * var(--u)) solid var(--accent);padding-left:calc(12 * var(--u));}
:is(.phone-card,.template-mini)[data-template="editorial"] :is(#download,.tm-button){border-radius:0;}
:is(.phone-card,.template-mini)[data-template="split"]{padding-left:calc(26 * var(--u));border-left:calc(18 * var(--u)) solid var(--accent)!important;}
:is(.phone-card,.template-mini)[data-template="split"] :is(.card-cover,.tm-cover){height:calc(60 * var(--u));background:#fff;color:#0C0E12;padding-left:calc(12 * var(--u));}
:is(.phone-card,.template-mini)[data-template="split"] :is(.card-inner,.tm-body){padding:calc(12 * var(--u));}
:is(.phone-card,.template-mini)[data-template="split"] :is(#p-photo,.tm-photo){margin:0;border-radius:0;}
:is(.phone-card,.template-mini)[data-template="split"] :is(#p-name,.tm-name){font-size:calc(29 * var(--u));}
:is(.phone-card,.template-mini)[data-template="split"] :is(.contact-lines,.tm-lines){border-left:1px solid #ddd;padding-left:calc(10 * var(--u));}
:is(.phone-card,.template-mini)[data-template="poster"] :is(.card-cover,.tm-cover){height:calc(85 * var(--u));background:#0C0E12;color:#fff;}
:is(.phone-card,.template-mini)[data-template="poster"] :is(.card-inner,.tm-body){background:var(--accent);color:#fff;}
:is(.phone-card,.template-mini)[data-template="poster"] :is(#p-name,.tm-name){font-size:calc(40 * var(--u));text-transform:uppercase;font-weight:900;}
:is(.phone-card,.template-mini)[data-template="poster"] :is(#p-photo,.tm-photo){margin:0;border-radius:0;}
:is(.phone-card,.template-mini)[data-template="poster"] :is(#download,.tm-button){border-radius:0;border:2px solid #fff;}
:is(.phone-card,.template-mini)[data-template="poster"] .card-kicker{display:none;}
:is(.phone-card,.template-mini)[data-template="studio"]{background:#0C0E12;color:#fff;}
:is(.phone-card,.template-mini)[data-template="studio"] :is(.card-cover,.tm-cover){height:calc(100 * var(--u));width:88%;margin-left:12%;}
:is(.phone-card,.template-mini)[data-template="studio"] :is(.card-inner,.tm-body){margin-right:calc(14 * var(--u));}
:is(.phone-card,.template-mini)[data-template="studio"] :is(#p-photo,.tm-photo){border-radius:0;transform:rotate(-5deg);}
:is(.phone-card,.template-mini)[data-template="studio"] :is(#p-name,.tm-name){font-size:calc(34 * var(--u));}
:is(.phone-card,.template-mini)[data-template="studio"] :is(#download,.tm-button){background:#fff;color:#0C0E12;border-radius:0;}
:is(.phone-card,.template-mini)[data-template="gallery"] :is(.card-cover,.tm-cover){height:calc(45 * var(--u));background:#fff;color:#0C0E12;padding:calc(12 * var(--u)) calc(28 * var(--u));}
:is(.phone-card,.template-mini)[data-template="gallery"] :is(#p-photo,.tm-photo){width:100%;height:calc(180 * var(--u));border-radius:0;margin:0;border:0;}
:is(.phone-card,.template-mini)[data-template="gallery"] :is(.card-inner,.tm-body){padding-top:0;}
:is(.phone-card,.template-mini)[data-template="gallery"] :is(#p-name,.tm-name){font-size:calc(24 * var(--u));}
:is(.phone-card,.template-mini)[data-template="gallery"] :is(#download,.tm-button){border-radius:0;}
:is(.phone-card,.template-mini)[data-template="gallery"] .card-kicker{display:none;}
:is(.phone-card,.template-mini)[data-template="type"] :is(.card-cover,.tm-cover){height:calc(40 * var(--u));background:transparent;color:inherit;padding:calc(12 * var(--u)) calc(24 * var(--u));}
:is(.phone-card,.template-mini)[data-template="type"] :is(#p-name,.tm-name){font-size:calc(49 * var(--u));font-weight:900;letter-spacing:-2.5px;}
:is(.phone-card,.template-mini)[data-template="type"] :is(#p-photo,.tm-photo){margin:0;width:calc(48 * var(--u));height:calc(48 * var(--u));}
:is(.phone-card,.template-mini)[data-template="type"] :is(#download,.tm-button){background:transparent;color:inherit;border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);border-radius:0;}
:is(.phone-card,.template-mini)[data-template="type"] .card-kicker{display:none;}
:is(.phone-card,.template-mini)[data-template="noir"]{background:#0C0E12;color:#fff;}
:is(.phone-card,.template-mini)[data-template="noir"] :is(.card-cover,.tm-cover){background:transparent;border-bottom:1px solid #555;height:calc(90 * var(--u));justify-content:center;}
:is(.phone-card,.template-mini)[data-template="noir"] :is(.card-inner,.tm-body){text-align:center;align-items:center;}
:is(.phone-card,.template-mini)[data-template="noir"] :is(#p-photo,.tm-photo){margin:0;}
:is(.phone-card,.template-mini)[data-template="noir"] :is(#download,.tm-button){background:#fff;color:#0C0E12;}
:is(.phone-card,.template-mini)[data-template="noir"] :is(.contact-lines,.tm-lines){width:100%;}
:is(.phone-card,.template-mini)[data-template="outline"] :is(.card-cover,.tm-cover){height:calc(65 * var(--u));background:transparent;color:inherit;}
:is(.phone-card,.template-mini)[data-template="outline"] :is(.card-inner,.tm-body){margin:calc(14 * var(--u));padding:calc(22 * var(--u));border:1px solid #0C0E12;outline:1px solid #0C0E12;outline-offset:calc(-6 * var(--u));}
:is(.phone-card,.template-mini)[data-template="outline"] :is(#p-photo,.tm-photo){margin:0;border-radius:0;}
:is(.phone-card,.template-mini)[data-template="outline"] :is(#p-name,.tm-name){font-size:calc(24 * var(--u));}
:is(.phone-card,.template-mini)[data-template="outline"] :is(#download,.tm-button){background:#fff;color:inherit;border:1px solid #0C0E12;border-radius:0;}
:is(.phone-card,.template-mini)[data-template="executive"] :is(.card-cover,.tm-cover){height:calc(90 * var(--u));align-items:center;border-left:calc(8 * var(--u)) solid #0C0E12;}
:is(.phone-card,.template-mini)[data-template="executive"] :is(#p-photo,.tm-photo){margin:0;border-radius:0;width:calc(60 * var(--u));height:calc(85 * var(--u));}
:is(.phone-card,.template-mini)[data-template="executive"] :is(#p-name,.tm-name){font-size:calc(24 * var(--u));}
:is(.phone-card,.template-mini)[data-template="executive"] :is(#p-role,.tm-role){border-bottom:1px solid #999;padding-bottom:calc(12 * var(--u));}
:is(.phone-card,.template-mini)[data-template="executive"] :is(#download,.tm-button){border-radius:0;}
:is(.phone-card,.template-mini)[data-template="mono"] :is(.card-cover,.tm-cover){height:calc(95 * var(--u));background:#0C0E12;color:#fff;border-bottom:calc(15 * var(--u)) solid #eee;}
:is(.phone-card,.template-mini)[data-template="mono"] :is(.card-inner,.tm-body){gap:calc(18 * var(--u));}
:is(.phone-card,.template-mini)[data-template="mono"] :is(#p-photo,.tm-photo){margin:0;border-radius:0;}
:is(.phone-card,.template-mini)[data-template="mono"] :is(#p-name,.tm-name){font-size:calc(30 * var(--u));}
:is(.phone-card,.template-mini)[data-template="mono"] :is(#download,.tm-button){border-radius:0;}
:is(.phone-card,.template-mini)[data-template="mono"] .card-kicker{display:none;}
:is(.phone-card,.template-mini)[data-template="folio"] :is(.card-cover,.tm-cover){height:calc(60 * var(--u));background:transparent;color:inherit;}
:is(.phone-card,.template-mini)[data-template="folio"] :is(#p-photo,.tm-photo){margin:0;align-self:flex-end;}
:is(.phone-card,.template-mini)[data-template="folio"] :is(#p-bio,.tm-bio){order:2;font-size:calc(16 * var(--u));border-top:calc(4 * var(--u)) solid var(--accent);padding-top:calc(15 * var(--u));}
:is(.phone-card,.template-mini)[data-template="folio"] :is(#download,.tm-button){order:4;}
:is(.phone-card,.template-mini)[data-template="folio"] :is(.contact-lines,.tm-lines){order:3;}
:is(.phone-card,.template-mini)[data-template="folio"] .card-footer{order:5;}
:is(.phone-card,.template-mini)[data-template="atelier"] :is(.card-cover,.tm-cover){height:calc(110 * var(--u));border-bottom:calc(10 * var(--u)) solid #0C0E12;}
:is(.phone-card,.template-mini)[data-template="atelier"] :is(.card-inner,.tm-body){margin:calc(12 * var(--u));border:calc(3 * var(--u)) solid #0C0E12;padding:calc(18 * var(--u));}
:is(.phone-card,.template-mini)[data-template="atelier"] :is(#p-photo,.tm-photo){margin:0;align-self:flex-end;border-radius:0;}
:is(.phone-card,.template-mini)[data-template="atelier"] :is(#p-name,.tm-name){font-size:calc(31 * var(--u));}
:is(.phone-card,.template-mini)[data-template="atelier"] :is(#download,.tm-button){border-radius:0;}
:is(.phone-card,.template-mini)[data-template="pulse"] :is(.card-cover,.tm-cover){height:calc(150 * var(--u));clip-path:polygon(0 0,100% 0,100% 68%,0 100%);}
:is(.phone-card,.template-mini)[data-template="pulse"] :is(.card-inner,.tm-body){padding-top:calc(10 * var(--u));}
:is(.phone-card,.template-mini)[data-template="pulse"] :is(#p-photo,.tm-photo){margin:0;}
:is(.phone-card,.template-mini)[data-template="pulse"] :is(#download,.tm-button){padding-top:calc(22 * var(--u));padding-bottom:calc(22 * var(--u));border-radius:calc(30 * var(--u));}
:is(.phone-card,.template-mini)[data-template="pulse"] :is(#p-name,.tm-name){font-size:calc(32 * var(--u));}
:is(.phone-card,.template-mini)[data-template="signal"]{border-right:calc(12 * var(--u)) solid var(--accent)!important;}
:is(.phone-card,.template-mini)[data-template="signal"] :is(.card-cover,.tm-cover){height:calc(70 * var(--u));background:#0C0E12;color:#fff;}
:is(.phone-card,.template-mini)[data-template="signal"] :is(#p-photo,.tm-photo){margin:0;}
:is(.phone-card,.template-mini)[data-template="signal"] :is(.contact-lines,.tm-lines){background:#0C0E12;color:#fff;margin-left:calc(-28 * var(--u));margin-right:calc(-28 * var(--u));padding:calc(20 * var(--u));}
:is(.phone-card,.template-mini)[data-template="signal"] :is(#download,.tm-button){order:3;}
:is(.phone-card,.template-mini)[data-template="signal"] .card-footer{order:4;}
:is(.phone-card,.template-mini)[data-template="badge"] :is(.card-cover,.tm-cover){height:calc(175 * var(--u));justify-content:center;}
:is(.phone-card,.template-mini)[data-template="badge"] :is(.card-inner,.tm-body){text-align:center;align-items:center;padding-top:0;}
:is(.phone-card,.template-mini)[data-template="badge"] :is(#p-photo,.tm-photo){width:calc(100 * var(--u));height:calc(115 * var(--u));border-radius:calc(18 * var(--u));margin-top:calc(-68 * var(--u));}
:is(.phone-card,.template-mini)[data-template="badge"] .card-kicker{padding-top:calc(20 * var(--u));}
:is(.phone-card,.template-mini)[data-template="badge"] :is(.contact-lines,.tm-lines){width:100%;}
:is(.phone-card,.template-mini)[data-template="badge"] :is(#download,.tm-button){border-radius:calc(26 * var(--u));}
:is(.phone-card,.template-mini)[data-template="ribbon"] :is(.card-cover,.tm-cover){height:calc(75 * var(--u));width:92%;margin:calc(22 * var(--u)) 0 0;border-radius:0 calc(30 * var(--u)) calc(30 * var(--u)) 0;}
:is(.phone-card,.template-mini)[data-template="ribbon"] :is(.card-inner,.tm-body){padding-left:calc(40 * var(--u));}
:is(.phone-card,.template-mini)[data-template="ribbon"] :is(#p-photo,.tm-photo){margin:0;border-radius:calc(10 * var(--u));}
:is(.phone-card,.template-mini)[data-template="ribbon"] :is(#p-name,.tm-name){font-size:calc(28 * var(--u));}
:is(.phone-card,.template-mini)[data-template="ribbon"] :is(#download,.tm-button){border-radius:calc(25 * var(--u)) 0 calc(25 * var(--u)) 0;}
:is(.phone-card,.template-mini)[data-template="tiles"] :is(.card-cover,.tm-cover){height:calc(85 * var(--u));}
:is(.phone-card,.template-mini)[data-template="tiles"] :is(#p-photo,.tm-photo){margin:0;border-radius:calc(15 * var(--u));}
:is(.phone-card,.template-mini)[data-template="tiles"] :is(.card-inner,.tm-body){padding:calc(20 * var(--u));}
:is(.phone-card,.template-mini)[data-template="tiles"] :is(.contact-lines,.tm-lines){display:grid;grid-template-columns:1fr 1fr;gap:calc(8 * var(--u));}
:is(.phone-card,.template-mini)[data-template="tiles"] :is(#download,.tm-button){border-radius:calc(16 * var(--u));}
:is(.phone-card,.template-mini)[data-template="frame"]{background:var(--accent);padding:calc(14 * var(--u));}
:is(.phone-card,.template-mini)[data-template="frame"] :is(.card-cover,.tm-cover){background:transparent;height:calc(65 * var(--u));padding:calc(14 * var(--u));}
:is(.phone-card,.template-mini)[data-template="frame"] :is(.card-inner,.tm-body){background:#fff;color:#0C0E12;border-radius:calc(18 * var(--u));padding:calc(22 * var(--u));}
:is(.phone-card,.template-mini)[data-template="frame"] :is(#p-photo,.tm-photo){margin:0;}
:is(.phone-card,.template-mini)[data-template="frame"] :is(#p-name,.tm-name){font-size:calc(25 * var(--u));}
:is(.phone-card,.template-mini)[data-template="horizon"] :is(.card-cover,.tm-cover){height:calc(210 * var(--u));align-items:flex-start;}
:is(.phone-card,.template-mini)[data-template="horizon"] :is(.card-inner,.tm-body){margin-top:calc(-115 * var(--u));padding-top:0;}
:is(.phone-card,.template-mini)[data-template="horizon"] :is(#p-photo,.tm-photo){margin:0;width:calc(60 * var(--u));height:calc(60 * var(--u));}
:is(.phone-card,.template-mini)[data-template="horizon"] :is(#p-name,.tm-name){background:#fff;padding:calc(12 * var(--u));box-shadow:calc(6 * var(--u)) calc(6 * var(--u)) 0 #0C0E12;margin-bottom:calc(14 * var(--u));}
:is(.phone-card,.template-mini)[data-template="stack"]{background:#eee;}
:is(.phone-card,.template-mini)[data-template="stack"] :is(.card-cover,.tm-cover){height:calc(75 * var(--u));margin:calc(12 * var(--u));border-radius:calc(15 * var(--u));}
:is(.phone-card,.template-mini)[data-template="stack"] :is(.card-inner,.tm-body){background:#fff;margin:calc(12 * var(--u));border-radius:calc(15 * var(--u));padding:calc(20 * var(--u));}
:is(.phone-card,.template-mini)[data-template="stack"] :is(#p-photo,.tm-photo){margin:0;}
:is(.phone-card,.template-mini)[data-template="stack"] :is(.contact-lines,.tm-lines){border-top:calc(8 * var(--u)) solid #eee;padding-top:calc(10 * var(--u));}
:is(.phone-card,.template-mini)[data-template="index"] :is(.card-cover,.tm-cover){height:calc(60 * var(--u));background:#fff;color:inherit;border-bottom:calc(3 * var(--u)) solid #0C0E12;}
:is(.phone-card,.template-mini)[data-template="index"] :is(#p-photo,.tm-photo){margin:0;border-radius:0;width:calc(56 * var(--u));height:calc(56 * var(--u));}
:is(.phone-card,.template-mini)[data-template="index"] :is(.card-inner,.tm-body){padding:calc(22 * var(--u));}
:is(.phone-card,.template-mini)[data-template="index"] :is(.contact-lines,.tm-lines){counter-reset:contacts;}
:is(.phone-card,.template-mini)[data-template="index"] :is(#download,.tm-button){order:3;border-radius:0;}
:is(.phone-card,.template-mini)[data-template="index"] .card-footer{order:4;}
:is(.phone-card,.template-mini)[data-template="capsule"] :is(.card-cover,.tm-cover){height:calc(110 * var(--u));border-radius:0 0 50% 50%;}
:is(.phone-card,.template-mini)[data-template="capsule"] :is(.card-inner,.tm-body){align-items:center;text-align:center;}
:is(.phone-card,.template-mini)[data-template="capsule"] :is(#p-photo,.tm-photo){margin:calc(-55 * var(--u)) 0 0;}
:is(.phone-card,.template-mini)[data-template="capsule"] :is(#download,.tm-button){border-radius:calc(40 * var(--u));}
:is(.phone-card,.template-mini)[data-template="capsule"] :is(.contact-lines,.tm-lines){width:100%;}
:is(.phone-card,.template-mini)[data-template="capsule"] :is(#p-name,.tm-name){font-size:calc(25 * var(--u));}
:is(.phone-card,.template-mini)[data-template="architect"] :is(.card-cover,.tm-cover){height:calc(95 * var(--u));background:#fff;color:inherit;border-bottom:1px solid #0C0E12;}
:is(.phone-card,.template-mini)[data-template="architect"] :is(.card-inner,.tm-body){border-left:1px solid #0C0E12;margin-left:calc(23 * var(--u));padding-left:calc(18 * var(--u));}
:is(.phone-card,.template-mini)[data-template="architect"] :is(#p-photo,.tm-photo){margin:0;border-radius:0;border:1px solid #0C0E12;}
:is(.phone-card,.template-mini)[data-template="architect"] :is(#p-name,.tm-name){font-size:calc(27 * var(--u));}
:is(.phone-card,.template-mini)[data-template="architect"] :is(#download,.tm-button){border:1px solid #0C0E12;background:#fff;color:inherit;border-radius:0;}
:is(.phone-card,.template-mini)[data-template="spotlight"]{background:#0C0E12;color:#fff;}
:is(.phone-card,.template-mini)[data-template="spotlight"] :is(.card-cover,.tm-cover){background:#0C0E12;color:#fff;height:calc(115 * var(--u));justify-content:center;}
:is(.phone-card,.template-mini)[data-template="spotlight"] :is(.card-inner,.tm-body){background:#fff;color:#0C0E12;margin:0 calc(16 * var(--u)) calc(16 * var(--u));border-radius:calc(26 * var(--u));padding:calc(22 * var(--u));}
:is(.phone-card,.template-mini)[data-template="spotlight"] :is(#p-photo,.tm-photo){margin:calc(-45 * var(--u)) auto 0;}
:is(.phone-card,.template-mini)[data-template="spotlight"] :is(#p-name,.tm-name){text-align:center;font-size:calc(29 * var(--u));}
:is(.phone-card,.template-mini)[data-template="spotlight"] :is(#p-role,.tm-role){text-align:center;}

.phone-card[data-template] .contact-lines span{color:inherit;opacity:.65}.phone-card[data-template] .contact-lines>div{border-color:#8885}.phone-card[data-template] .card-footer strong{color:inherit}
.phone-card[data-template=tiles] .contact-lines>div{padding:12px;background:#eee;border-radius:12px;border:0;min-width:0}.phone-card[data-template=tiles] .contact-lines>div:last-child{grid-column:1/-1}
.phone-card[data-template=index] .contact-lines>div{counter-increment:contacts;position:relative;padding-left:29px}.phone-card[data-template=index] .contact-lines>div:before{content:'0' counter(contacts);position:absolute;left:0;top:15px;font-size:10px;font-weight:800}
.phone-card[data-template=capsule] .contact-lines>div{border:1px solid #ddd;border-radius:25px;margin-bottom:9px;padding:12px 8px}
.phone-card[data-template][data-accent=fluo] .card-cover,.phone-card[data-template][data-accent=fluo][data-template=poster] .card-inner{color:#0C0E12}
.template-mini{--accent:#009FE3}.template-mini .tm-body{min-height:100px}.template-mini[data-template=tiles] .tm-lines i{height:8px;width:100%;background:#8883;opacity:1}.template-mini[data-template=capsule] .tm-lines i{height:6px;border:1px solid #999;border-radius:9px;background:none;width:100%}.template-mini[data-template=index] .tm-lines i{border-left:3px solid #222;padding-left:4px}.template-mini[data-template=signal] .tm-lines{width:auto}.template-mini .tm-name{letter-spacing:normal}

.phone-card[data-template] .card-cover{gap:12px;overflow-wrap:anywhere}
.phone-card[data-template][data-accent=bright]:is([data-template=signature],[data-template=portrait],[data-template=business],[data-template=contact],[data-template=compact],[data-template=poster],[data-template=studio],[data-template=executive],[data-template=atelier],[data-template=pulse],[data-template=badge],[data-template=ribbon],[data-template=tiles],[data-template=frame],[data-template=horizon],[data-template=stack],[data-template=capsule]) .card-cover{color:#0C0E12}
.phone-card[data-template=poster][data-accent=bright] .card-inner{color:#0C0E12}
.phone-card[data-template=poster] .card-cover{color:#fff!important}

.export-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin:22px 0 0}.export-actions .button{width:100%;max-width:350px}.export-actions .subtle{border-radius:8px;padding:12px 18px}.export-actions button:disabled{opacity:.6;cursor:wait}

/* Client palette is independent of the RECTO interface. */
.phone-card[data-template] .card-cover{color:var(--accent-ink,#000000)!important}
.phone-card[data-template=poster] .card-inner{color:var(--accent-ink,#000000)!important}
.custom-card-color{padding:16px 0}.custom-card-color label{display:block;margin:9px 0;font-size:12px}.custom-card-color input[type=color]{width:56px;height:40px;padding:3px;border:1px solid #ccc;cursor:pointer}.custom-card-color input[type=text]{font-family:Inter,sans-serif;max-width:160px}.custom-color-row{display:flex;gap:12px;align-items:end}.custom-card-color p{font-size:11px;color:#666;line-height:1.5}
.phone-card:is([data-template=noir],[data-template=mono],[data-template=signal],[data-template=spotlight],[data-template=poster]) .card-cover{color:#FFFFFF!important}.phone-card:is([data-template=gallery],[data-template=split],[data-template=type],[data-template=outline],[data-template=folio],[data-template=index],[data-template=architect],[data-template=minimal],[data-template=editorial]) .card-cover{color:#0C0E12!important}

/* Editorial cards v3 — shared by editor, examples and autonomous export. */
.phone-card .card-cover{position:relative;overflow:hidden;isolation:isolate}
.phone-card .card-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.phone-card [hidden]{display:none!important}
.phone-card[data-cover-mode=gradient] .card-cover{background:radial-gradient(ellipse at 90% 0%,#ffffff99,transparent 60%),linear-gradient(135deg,var(--accent),var(--cover-color,#d8b8f0))}
.phone-card[data-cover-mode=image][data-has-cover=true] .card-cover{background:#ddd}
.phone-card:is([data-cover-mode=image],[data-cover-mode=gradient]) .card-cover>span{color:#141414;background:#fffffff0;padding:8px 12px;border-radius:30px;position:relative;font-size:10px;letter-spacing:1px}
.phone-card .card-logo{width:64px;height:48px;object-fit:contain;background:#fff;padding:7px;border-radius:8px;position:relative}
:is(.phone-card,.template-mini)[data-template=portrait] :is(.card-cover,.tm-cover){height:calc(230 * var(--u));justify-content:space-between}
:is(.phone-card,.template-mini)[data-template=portrait] :is(.card-inner,.tm-body){text-align:left;align-items:stretch;padding:calc(30 * var(--u));gap:calc(12 * var(--u))}
:is(.phone-card,.template-mini)[data-template=portrait] :is(#p-photo,.tm-photo){width:calc(100 * var(--u));height:calc(112 * var(--u));border-radius:calc(20 * var(--u));margin-top:calc(-84 * var(--u));border:calc(5 * var(--u)) solid white}
:is(.phone-card,.template-mini)[data-template=portrait] :is(#p-name,.tm-name){font-size:calc(36 * var(--u));letter-spacing:calc(-1.7 * var(--u))}
:is(.phone-card,.template-mini)[data-template=studio]{background:color-mix(in srgb,var(--cover-color,#d8b8f0) 22%,white);color:#151515}
:is(.phone-card,.template-mini)[data-template=studio] :is(.card-cover,.tm-cover){height:calc(210 * var(--u));clip-path:none;border-radius:0 0 calc(100 * var(--u)) 0}
:is(.phone-card,.template-mini)[data-template=studio] :is(.card-inner,.tm-body){border:0;padding:calc(32 * var(--u));margin:0}
:is(.phone-card,.template-mini)[data-template=studio] :is(#p-name,.tm-name){font-size:calc(44 * var(--u));line-height:1;letter-spacing:calc(-2.5 * var(--u))}
:is(.phone-card,.template-mini)[data-template=studio] :is(#p-photo,.tm-photo){width:calc(94 * var(--u));height:calc(94 * var(--u));border-radius:calc(22 * var(--u));margin-top:calc(-80 * var(--u))}
:is(.phone-card,.template-mini)[data-template=minimal]{background:color-mix(in srgb,var(--accent) 14%,white)}
:is(.phone-card,.template-mini)[data-template=minimal] :is(.card-cover,.tm-cover){height:calc(265 * var(--u));padding:calc(24 * var(--u));display:flex}
:is(.phone-card,.template-mini)[data-template=minimal] :is(.card-inner,.tm-body){background:inherit;border-radius:calc(32 * var(--u)) calc(32 * var(--u)) 0 0;margin-top:calc(-32 * var(--u));padding:calc(32 * var(--u));gap:calc(14 * var(--u));text-align:center;align-items:center}
:is(.phone-card,.template-mini)[data-template=minimal] :is(#p-name,.tm-name){font-size:calc(35 * var(--u));letter-spacing:calc(-1.4 * var(--u))}
:is(.phone-card,.template-mini)[data-template=minimal] :is(#p-photo,.tm-photo){border-radius:50%;margin-top:calc(-72 * var(--u));width:calc(86 * var(--u));height:calc(86 * var(--u))}
:is(.phone-card,.template-mini)[data-template=minimal] :is(#download,.tm-button){border-radius:calc(30 * var(--u));background:#fff;border:0;color:#161616}
:is(.phone-card,.template-mini)[data-template=noir]{background:#151515;color:#fff}
:is(.phone-card,.template-mini)[data-template=noir] :is(.card-cover,.tm-cover){height:calc(160 * var(--u));background:linear-gradient(140deg,#151515,var(--accent));}
:is(.phone-card,.template-mini)[data-template=noir] :is(.card-inner,.tm-body){padding:calc(26 * var(--u));text-align:left;align-items:stretch}
:is(.phone-card,.template-mini)[data-template=noir] :is(#p-photo,.tm-photo){width:100%;height:calc(240 * var(--u));border-radius:calc(12 * var(--u));object-position:center 35%;border:0;margin:calc(-84 * var(--u)) 0 calc(10 * var(--u))}
:is(.phone-card,.template-mini)[data-template=noir] :is(#p-name,.tm-name){font-size:calc(35 * var(--u));letter-spacing:calc(-1.5 * var(--u))}
:is(.phone-card,.template-mini)[data-template=noir] :is(#download,.tm-button){background:white;color:#141414;border-radius:calc(30 * var(--u))}
:is(.phone-card,.template-mini)[data-template=architect] :is(.card-cover,.tm-cover){height:calc(210 * var(--u));border:0}
:is(.phone-card,.template-mini)[data-template=architect] :is(.card-inner,.tm-body){margin:0 calc(24 * var(--u));padding:calc(28 * var(--u)) 0;border-left:0;border-top:calc(5 * var(--u)) solid var(--accent)}
:is(.phone-card,.template-mini)[data-template=architect] :is(#p-name,.tm-name){font-size:calc(38 * var(--u));letter-spacing:calc(-1.8 * var(--u))}
:is(.phone-card,.template-mini)[data-template=architect] :is(#p-photo,.tm-photo){width:calc(94 * var(--u));height:calc(110 * var(--u));border:0;border-radius:0;margin:0}
.phone-card:is([data-template=portrait],[data-template=studio],[data-template=minimal],[data-template=noir],[data-template=architect]) .contact-lines{width:100%;line-height:1.5}
.card-media-controls{border-top:1px solid #ddd;padding-top:24px;margin-top:24px}.card-media-controls label{display:block;margin:18px 0;font-size:12px}.card-media-controls select{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #ccc;border-radius:8px;background:white}.card-media-controls input[type=color]{display:block;width:60px;height:40px;margin-top:10px}.card-media-controls p,.card-media-controls small{font-size:11px;line-height:1.6;color:#555}.cover-presets{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cover-presets button{background:white;border:1px solid #ddd;border-radius:12px;padding:6px;text-align:left;font:600 11px Inter,sans-serif}.cover-presets img{width:100%;height:80px;object-fit:cover;border-radius:8px;margin-bottom:8px}