@font-face{font-family:'BC Sans';src:url('./business-card-fonts/BC-Sans-3296aa442cb0.woff2') format('woff2');font-display:block;font-weight:100 900}
@font-face{font-family:'BC Serif';src:url('./business-card-fonts/BC-Serif-6ef996674788.woff2') format('woff2');font-display:block;font-weight:100 900}
@font-face{font-family:'BC Mono';src:url('./business-card-fonts/BC-Mono-eea0eb0f0c59.woff2') format('woff2');font-display:block;font-weight:100 900}
/* The exact same fixed 1080 × 648 H5 canvas is used in previews and PNGs. */
.bc-canvas[data-template=mono] .bc-art:before,.bc-canvas[data-template=terracotta] .bc-art:after{display:none}
.bc-canvas[data-template=terracotta] .bc-contacts{border-top:1px solid #b88a71;padding-top:18px}
.bc-stage{position:relative;width:100%;height:194px;overflow:hidden;border-radius:8px;isolation:isolate;background:#f8fbfa}
.bc-canvas,.bc-canvas *{box-sizing:border-box}.bc-canvas{--bg:#f8fbfa;--ink:#17201d;--muted:#46534e;--accent:#006b62;--wash:#d5e8e2;position:relative;isolation:isolate;width:1080px;height:648px;overflow:hidden;transform-origin:top left;background:var(--bg);color:var(--ink);font-family:'BC Sans',sans-serif;font-size:30px;text-align:left}
.bc-canvas p{margin:0}.bc-canvas strong,.bc-canvas b{font-weight:700}.bc-brand{position:absolute;left:60px;top:52px;width:960px;height:100px;display:flex;align-items:flex-start;justify-content:space-between;gap:36px}.bc-company{color:var(--accent);font-size:30px;line-height:1.4;max-height:90px;width:770px;overflow-wrap:anywhere;white-space:pre-wrap}.bc-image{width:132px;height:132px;object-fit:contain;flex-shrink:0;border-radius:20px;background:var(--wash);padding:8px}.bc-identity{position:absolute;left:60px;top:176px;width:860px;height:242px}.bc-name{display:block;font-size:76px;line-height:1.5;max-height:116px;overflow-wrap:anywhere;white-space:pre-wrap;letter-spacing:-1px}.bc-business{font-size:33px;line-height:1.45;height:100px;margin-top:20px!important;color:var(--muted);overflow-wrap:anywhere;white-space:pre-wrap}.bc-contacts{position:absolute;left:60px;right:60px;bottom:48px;display:flex;flex-direction:column;gap:10px}.bc-contact{display:flex;align-items:baseline;gap:20px;font-size:27px;line-height:1.5;color:var(--muted)}.bc-label{width:150px;flex:0 0 150px;font-size:22px;letter-spacing:1px;color:var(--accent)}.bc-contact b{display:block;flex:1;min-width:0;max-height:132px;font-weight:500;overflow-wrap:anywhere;white-space:pre-wrap}.bc-art{position:absolute;inset:0;z-index:-1;pointer-events:none}.bc-art:before,.bc-art:after{content:'';position:absolute}.bc-art:before{left:0;top:0;bottom:0;width:24px;background:var(--accent)}.bc-art:after{right:-126px;bottom:-174px;width:450px;height:450px;border:66px solid var(--accent);border-radius:50%;opacity:.10}
.bc-canvas[data-template=midnight]{--bg:#192524;--ink:#f4fbf8;--muted:#c2d5cf;--accent:#63d4b8;--wash:#224f45;background:linear-gradient(90deg,#0b3831 25%,#192524 25%)}
[data-template=midnight] .bc-brand{left:334px;width:686px}[data-template=midnight] .bc-company{width:686px}[data-template=midnight] .bc-image{position:absolute;left:-270px;top:70px;width:154px;height:154px}[data-template=midnight] .bc-identity{left:334px;width:686px}[data-template=midnight] .bc-name{font-size:68px}[data-template=midnight] .bc-contacts{left:334px;border-top:2px solid #49625b;padding-top:22px}[data-template=midnight] .bc-label{width:125px;flex-basis:125px}[data-template=midnight] .bc-art:before{display:none}[data-template=midnight] .bc-art:after{right:auto;left:-260px;bottom:-240px;opacity:.15}
.bc-canvas[data-template=ocean]{--bg:#edf6f8;--ink:#17313b;--muted:#49626c;--accent:#2a6f89;--wash:#d7e8ed;background:linear-gradient(#edf6f8 61%,#d7e8ed 61%)}[data-template=ocean] .bc-art:before{height:16px;width:100%;bottom:auto}[data-template=ocean] .bc-art:after{border-radius:0;transform:rotate(35deg);width:320px;height:320px}
.bc-canvas[data-template=saffron]{--bg:#fff9eb;--ink:#332a16;--muted:#6c6043;--accent:#99702d;--wash:#f3e6c7;font-family:'BC Serif','BC Sans',serif;text-align:center}[data-template=saffron] .bc-art{inset:23px;border:2px solid #b89558;outline:1px solid #b89558;outline-offset:9px}[data-template=saffron] .bc-art:before,[data-template=saffron] .bc-art:after{display:none}[data-template=saffron] .bc-company{width:100%;padding:0 130px}[data-template=saffron] .bc-image{position:absolute;right:0;top:0;width:92px;height:92px}[data-template=saffron] .bc-identity{left:100px;width:880px;top:180px}[data-template=saffron] .bc-contact{justify-content:center}[data-template=saffron] .bc-contact b{flex:0 1 auto;max-width:760px}[data-template=saffron] .bc-label{display:none}
.bc-canvas[data-template=graphite]{--bg:#ecefed;--ink:#202422;--muted:#505753;--accent:#353a37;--wash:#dce0dc}[data-template=graphite] .bc-identity{top:230px;width:440px;height:340px}[data-template=graphite] .bc-name{height:180px;max-height:180px;font-size:80px}[data-template=graphite] .bc-business{height:140px}[data-template=graphite] .bc-contacts{left:555px;top:247px;bottom:55px;justify-content:center;border-left:2px solid #b5bcb7;padding-left:36px;gap:26px}[data-template=graphite] .bc-contact{display:block}[data-template=graphite] .bc-label{display:block;width:auto;margin-bottom:5px}[data-template=graphite] .bc-art:before{width:100%;height:14px;bottom:auto}[data-template=graphite] .bc-art:after{display:none}
.bc-canvas[data-template=coral]{--bg:#fff1ed;--ink:#402622;--muted:#76524b;--accent:#a54d3d;--wash:#f6d5ca}[data-template=coral] .bc-art:before{left:auto;right:-130px;top:-160px;width:470px;height:590px;bottom:auto;border-radius:48%;background:#f4b9a5;transform:rotate(-25deg)}[data-template=coral] .bc-art:after{width:240px;height:240px;border-width:3px;right:30px;bottom:-105px;opacity:.4}[data-template=coral] .bc-image{background:#fff5f1;width:160px;height:160px;border-radius:50%;margin-top:82px}[data-template=coral] .bc-identity{width:730px}[data-template=coral] .bc-company{width:730px}
.bc-canvas[data-template=ruby]{--bg:#2a2021;--ink:#fff6f3;--muted:#decac7;--accent:#eea28f;--wash:#543135;font-family:'BC Serif','BC Sans',serif;text-align:center}[data-template=ruby] .bc-art:before{left:40px;right:40px;width:auto;top:25px;bottom:25px;background:none;border:1px solid #90635f}[data-template=ruby] .bc-art:after{width:710px;height:710px;right:185px;top:-365px;border:1px solid #bf8272;opacity:.5}[data-template=ruby] .bc-company{width:100%;padding:0 100px}[data-template=ruby] .bc-image{width:88px;height:88px;position:absolute;right:0}[data-template=ruby] .bc-identity{left:90px;top:195px;width:900px}[data-template=ruby] .bc-contacts{left:100px;right:100px;border-top:1px solid #694c49;padding-top:20px}[data-template=ruby] .bc-label{display:none}[data-template=ruby] .bc-contact b{font-weight:400}
.bc-canvas[data-template=forest]{--bg:#eef4e9;--ink:#20301e;--muted:#52644e;--accent:#47773e;--wash:#d9e8cf}[data-template=forest] .bc-art:before{left:auto;right:-40px;width:220px;top:0;bottom:-80px;transform:rotate(12deg);background:#c4d7b7}[data-template=forest] .bc-art:after{width:160px;height:380px;right:110px;top:260px;bottom:auto;border:0;background:#76986c;border-radius:100% 0 100% 0;transform:rotate(26deg);opacity:.4}[data-template=forest] .bc-brand{width:740px}[data-template=forest] .bc-company{width:620px}[data-template=forest] .bc-image{position:absolute;right:-190px;top:0;width:115px;height:115px;background:#eef4e9}[data-template=forest] .bc-identity{width:780px}[data-template=forest] .bc-contacts{right:220px}.bc-canvas[data-template=sky]{--bg:#eaf3fb;--ink:#1c3043;--muted:#4d6377;--accent:#3a71a2;--wash:#e6f1fc}[data-template=sky] .bc-art{inset:28px;border-radius:44px;background:#fff;box-shadow:0 14px 0 #c8dcec}[data-template=sky] .bc-art:before{width:150px;height:14px;left:45px;top:0;bottom:auto;border-radius:0 0 15px 15px}[data-template=sky] .bc-art:after{display:none}[data-template=sky] .bc-brand{top:70px;left:78px;width:924px}[data-template=sky] .bc-identity{left:78px}[data-template=sky] .bc-contacts{left:78px;bottom:65px}
.bc-canvas[data-template=mono]{--bg:#fff;--ink:#161616;--muted:#333;--accent:#111;--wash:#eee}[data-template=mono] .bc-brand{top:auto;bottom:50px;width:390px;height:110px;align-items:flex-end}[data-template=mono] .bc-company{width:280px;font-size:23px}[data-template=mono] .bc-image{width:84px;height:84px;border-radius:0}[data-template=mono] .bc-identity{top:55px;left:60px;width:960px}[data-template=mono] .bc-name{font-size:100px;height:155px;max-height:155px;letter-spacing:-5px}[data-template=mono] .bc-business{width:900px;height:108px;font-size:32px}[data-template=mono] .bc-contacts{left:506px;right:60px;bottom:55px;border-left:2px solid #222;padding-left:30px}[data-template=mono] .bc-contact{font-size:24px}[data-template=mono] .bc-label{display:none}[data-template=mono] .bc-art:before{height:3px;width:960px;top:375px;left:60px;bottom:auto}[data-template=mono] .bc-art:after{display:none}
.bc-canvas[data-template=cobalt]{--bg:#193fd5;--ink:#fff;--muted:#e1e9ff;--accent:#e6fa77;--wash:#294fdb}[data-template=cobalt] .bc-art:before{left:auto;right:-50px;top:350px;bottom:auto;width:330px;height:340px;transform:rotate(15deg);background:#e6fa77}[data-template=cobalt] .bc-art:after{display:none}[data-template=cobalt] .bc-brand{left:65px;top:55px;width:950px}[data-template=cobalt] .bc-image{background:#fff;border-radius:0;width:130px;height:130px}[data-template=cobalt] .bc-identity{left:65px;top:173px;width:810px}[data-template=cobalt] .bc-name{font-size:90px;font-weight:900}[data-template=cobalt] .bc-contacts{left:65px;right:255px;bottom:48px}[data-template=cobalt] .bc-label{display:none}
.bc-canvas[data-template=terracotta]{--bg:#f3e5d3;--ink:#492f27;--muted:#725144;--accent:#a5543a;--wash:#ead0b7;font-family:'BC Serif','BC Sans',serif}[data-template=terracotta] .bc-art:before{left:35px;top:35px;bottom:35px;width:9px}[data-template=terracotta] .bc-art:after{height:2px;width:920px;right:55px;bottom:210px;border:0;border-radius:0;background:#a5543a;opacity:.7}[data-template=terracotta] .bc-brand{left:80px;top:45px;width:935px}[data-template=terracotta] .bc-company{letter-spacing:4px;font-size:25px}[data-template=terracotta] .bc-image{height:145px;width:112px;border-radius:0;padding:0}[data-template=terracotta] .bc-identity{left:80px;top:175px;width:810px}[data-template=terracotta] .bc-name{font-size:82px;font-weight:500}[data-template=terracotta] .bc-contacts{left:80px;bottom:48px}
.bc-canvas[data-template=lilac]{--bg:#f1edf8;--ink:#3c2f53;--muted:#675979;--accent:#79639f;--wash:#dfd3ed}[data-template=lilac] .bc-art:before{width:258px;height:500px;left:35px;top:90px;bottom:auto;border-radius:150px 150px 0 0;background:#d4c5e8}[data-template=lilac] .bc-art:after{width:210px;height:460px;left:60px;top:113px;bottom:auto;border:1px solid #9c85b4;border-radius:150px 150px 0 0;opacity:1}[data-template=lilac] .bc-brand{left:350px;width:665px;top:60px}[data-template=lilac] .bc-company{width:665px}[data-template=lilac] .bc-image{position:absolute;left:-262px;top:170px;width:150px;height:150px;background:#e9e0f5}[data-template=lilac] .bc-identity{left:350px;width:665px;top:190px}[data-template=lilac] .bc-contacts{left:350px}[data-template=lilac] .bc-label{display:none}
.bc-canvas[data-template=amber]{--bg:#fff0cf;--ink:#4b320e;--muted:#705324;--accent:#a3660b;--wash:#f6d699}[data-template=amber] .bc-art:before{left:auto;right:0;width:290px;background:#edc16d;border-left:3px dashed #af7924}[data-template=amber] .bc-art:after{width:60px;height:60px;right:261px;top:-30px;border:0;background:#fff;border-radius:50%;opacity:1;box-shadow:0 648px white}[data-template=amber] .bc-brand{width:650px}[data-template=amber] .bc-company{width:630px}[data-template=amber] .bc-image{position:absolute;left:785px;top:22px;width:136px;height:136px;background:#ffedc5;border-radius:0}[data-template=amber] .bc-identity{width:660px;top:190px}[data-template=amber] .bc-contacts{right:345px;bottom:50px}[data-template=amber] .bc-label{display:none}[data-template=amber] .bc-name{font-size:74px}
.bc-canvas[data-template=navy]{--bg:#f3f2ed;--ink:#1c304d;--muted:#49566c;--accent:#213a61;--wash:#dde1e6;font-family:'BC Serif','BC Sans',serif}[data-template=navy] .bc-art:before{width:100%;height:104px;top:0;bottom:auto;background:#213a61}[data-template=navy] .bc-art:after{width:100%;height:8px;left:0;bottom:22px;border:0;border-radius:0;background:#213a61;opacity:1}[data-template=navy] .bc-brand{top:25px;height:60px;align-items:center}[data-template=navy] .bc-company{color:#fff;font-size:27px;max-height:60px}[data-template=navy] .bc-image{position:absolute;right:5px;top:115px;border:2px solid #213a61;border-radius:50%;width:120px;height:120px}[data-template=navy] .bc-identity{top:162px;width:800px}[data-template=navy] .bc-contacts{bottom:60px;border-top:2px solid #c9ccd0;padding-top:22px}
.bc-canvas[data-template=mint]{--bg:#e9fff2;--ink:#193c2d;--muted:#416855;--accent:#1e7653;--wash:#c7f4dc;font-family:'BC Mono','BC Sans',monospace}[data-template=mint] .bc-art{inset:24px;border:2px solid #81b79e;background-image:linear-gradient(#57937512 1px,transparent 1px),linear-gradient(90deg,#57937512 1px,transparent 1px);background-size:24px 24px}[data-template=mint] .bc-art:before{width:36px;height:36px;top:12px;left:12px;bottom:auto;box-shadow:36px 0 #1e7653,0 36px #1e7653}[data-template=mint] .bc-art:after{width:36px;height:36px;bottom:12px;right:12px;border:0;border-radius:0;background:#1e7653;box-shadow:-36px 0 #1e7653,0 -36px #1e7653;opacity:1}[data-template=mint] .bc-brand{left:110px;width:865px;top:60px}[data-template=mint] .bc-company{font-size:27px}[data-template=mint] .bc-image{border-radius:0;width:112px;height:112px}[data-template=mint] .bc-identity{left:80px;top:195px;width:900px}[data-template=mint] .bc-name{font-size:65px}[data-template=mint] .bc-contacts{left:80px;right:92px;bottom:65px}
.bc-canvas[data-template=rose]{--bg:#fff7f5;--ink:#563638;--muted:#785958;--accent:#a16b6e;--wash:#f3e0df;font-family:'BC Serif','BC Sans',serif}[data-template=rose] .bc-art:before{left:auto;right:-150px;top:-180px;bottom:auto;width:510px;height:420px;background:#ead0cf;transform:rotate(35deg)}[data-template=rose] .bc-art:after{width:420px;height:320px;border:1px solid #bc9092;right:-140px;bottom:-240px;border-radius:0;transform:rotate(-35deg);opacity:.6}[data-template=rose] .bc-brand{top:56px}[data-template=rose] .bc-image{background:#fff9f6;border-radius:50%;width:112px;height:112px}[data-template=rose] .bc-identity{top:186px;width:840px}[data-template=rose] .bc-name{font-weight:500;font-size:82px}[data-template=rose] .bc-contacts{border-top:1px solid #dec2c1;padding-top:18px}
.bc-canvas[data-template=slate]{--bg:#e6ebee;--ink:#293843;--muted:#4e606d;--accent:#47667e;--wash:#cdd9e0}[data-template=slate] .bc-art{inset:20px;border:1px solid #a0b1bd;background:linear-gradient(90deg,transparent 48%,#8298a915 48%,#8298a915 48.2%,transparent 48.2%)}[data-template=slate] .bc-art:before{width:310px;height:200px;top:-80px;left:825px;bottom:auto;background:none;border:1px solid #8da2b2;transform:rotate(-30deg)}[data-template=slate] .bc-art:after{width:150px;height:150px;bottom:-70px;left:-70px;border-radius:0;border:1px solid #8da2b2;opacity:1;transform:rotate(45deg)}[data-template=slate] .bc-brand{left:55px;top:45px;width:970px;border-bottom:1px solid #a0b1bd;height:120px}[data-template=slate] .bc-image{width:88px;height:88px;border-radius:0;background:#fff}[data-template=slate] .bc-identity{left:55px;top:218px;width:422px;height:350px}[data-template=slate] .bc-name{font-size:66px;max-height:174px}[data-template=slate] .bc-business{height:148px;font-size:31px}[data-template=slate] .bc-contacts{left:560px;top:222px;bottom:80px;justify-content:space-between}[data-template=slate] .bc-contact{display:block}[data-template=slate] .bc-label{display:block;font-size:20px;margin-bottom:5px}
.bc-canvas[data-template=sunrise]{--bg:#fff6e8;--ink:#5a3725;--muted:#785a43;--accent:#b65c24;--wash:#f7d1a7}[data-template=sunrise] .bc-art:before{left:auto;right:-70px;top:-220px;bottom:auto;width:550px;height:550px;border-radius:50%;background:#f4ac59}[data-template=sunrise] .bc-art:after{width:100%;height:52px;border:0;border-radius:0;bottom:0;left:0;background:#d97739;opacity:1}[data-template=sunrise] .bc-company{width:650px}[data-template=sunrise] .bc-image{background:#ffedd3;border-radius:50%;width:140px;height:140px;margin-top:36px}[data-template=sunrise] .bc-identity{width:800px;top:184px}[data-template=sunrise] .bc-contacts{bottom:80px}
.bc-canvas[data-template=noir]{--bg:#17191d;--ink:#f2e6ce;--muted:#c7bfad;--accent:#c4a36c;--wash:#34312b;font-family:'BC Serif','BC Sans',serif}[data-template=noir] .bc-art{inset:25px;border:1px solid #95794d}[data-template=noir] .bc-art:before{left:28px;right:28px;top:122px;bottom:auto;width:auto;height:1px;background:#95794d}[data-template=noir] .bc-art:after{width:102px;height:102px;right:62px;top:224px;bottom:auto;border:1px solid #95794d;border-radius:0;opacity:1;transform:rotate(45deg)}[data-template=noir] .bc-brand{top:55px;left:70px;width:940px;height:72px}[data-template=noir] .bc-company{letter-spacing:3px;font-size:27px}[data-template=noir] .bc-image{position:absolute;right:8px;top:144px;width:100px;height:100px;background:#17191d;border-radius:0}[data-template=noir] .bc-identity{left:70px;top:203px;width:760px}[data-template=noir] .bc-name{font-size:72px;font-weight:500}[data-template=noir] .bc-contacts{left:70px;right:70px;bottom:60px}