.business-card-studio{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);gap:26px;align-items:start}
.business-card-stage{position:sticky;top:26px;padding:26px;border-radius:12px;background:#ebede8;border:1px solid #dce3d8}
.business-card-stage>.eyebrow{margin-bottom:20px}
.business-card-stage>p{font-size:11px;line-height:1.55;color:#879286;margin:18px 0 0}
.card-print-note{margin-top:25px;padding-top:18px;border-top:1px solid #cfd8cb;color:#637061}
.card-print-note strong{display:block;font-size:12px;color:#334b36}
.card-print-note p{font-size:11px;line-height:1.65;margin:7px 0 0}
.print-card{position:relative;width:100%;aspect-ratio:1.8;border:1px solid #d2d0c8;border-radius:2px;overflow:hidden;box-shadow:0 18px 30px #17201829,0 2px 4px #17201817;background:#f4f0e6;color:#242722;font-family:Georgia,'Times New Roman',serif;font-variant:small-caps;text-rendering:optimizeLegibility;letter-spacing:.01em}
.print-card:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 2px,#777 3px,transparent 4px);background-size:100% 5px}
.print-card-phone{position:absolute;left:4.2%;top:11%;max-width:42%;font-size:clamp(10px,1.3vw,20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.print-card-email{position:absolute;left:4.2%;top:20%;max-width:45%;font-size:clamp(7px,.82vw,13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.print-card-brand{position:absolute;right:4.2%;top:11%;max-width:47%;text-align:right;line-height:1.1;overflow:hidden}
.print-card-brand>div{font-size:clamp(11px,1.45vw,23px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.print-card-brand small{display:block;font-size:clamp(7px,.82vw,13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.print-card-person{position:absolute;left:5%;right:5%;top:42%;text-align:center;line-height:1.22;overflow:hidden}
.print-card-person>div:first-child{font-size:clamp(16px,2.15vw,34px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.print-card-person>div:last-child{font-size:clamp(12px,1.68vw,27px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.print-card-address{position:absolute;left:6%;right:6%;bottom:6%;text-align:center;font-size:clamp(9px,1.03vw,16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.print-card[data-style=noir]{background:#181a19;border-color:#484a47;color:#e8e4d9}
.print-card[data-style=noir]:before{opacity:.08}
.print-card[data-style=linen]{background:#e3e0d6;border-color:#c7c4ba;color:#282b27}
.business-card-editor{background:#fff;border:1px solid #e2e7df;border-radius:11px;padding:26px}
.business-card-editor label{display:block;font-size:11px;font-weight:600;color:#60705f;margin:13px 0}
.business-card-editor input:not([type=radio]){display:block;width:100%;margin-top:7px;padding:10px;border:1px solid #dce4d9;border-radius:6px;background:#fff;color:#283028;font-size:12px}
.card-color-label{margin-top:27px}
.paper-choices{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.paper-choices label{display:flex;align-items:center;gap:7px;margin:0;padding:8px 10px;border:1px solid #dce4d9;border-radius:7px;cursor:pointer;font-size:11px}
.paper-choices label:has(input:checked){border-color:#789372;background:#eff4eb;color:#293c29}
.paper-choices input{accent-color:#4c704b;margin:0}
.paper-swatch{display:block;width:17px;height:17px;border:1px solid #c9c9bf;border-radius:3px}
.paper-swatch.ivory{background:#f4f0e6}.paper-swatch.noir{background:#181a19}.paper-swatch.linen{background:#e3e0d6}
.card-studio-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:28px}
.card-studio-actions a{text-decoration:none}
.card-studio-actions a[aria-disabled=true]{opacity:.45;pointer-events:none}
[data-theme=dark] .business-card-stage{background:#172119;border-color:#303d32}
[data-theme=dark] .card-print-note{border-color:#344436;color:#a6b6a4}
[data-theme=dark] .card-print-note strong{color:#dcebd8}
[data-theme=dark] .business-card-editor{background:#1b251e;border-color:#303d32}
[data-theme=dark] .business-card-editor label{color:#a6b3a3}
[data-theme=dark] .business-card-editor input:not([type=radio]){background:#121b15;border-color:#354637;color:#e7eee5}
[data-theme=dark] .paper-choices label{border-color:#354637}
[data-theme=dark] .paper-choices label:has(input:checked){background:#263b2b;color:#e7eee5}
@media(max-width:1050px){.business-card-studio{grid-template-columns:1fr}.business-card-stage{position:static}.print-card-phone{font-size:clamp(12px,2vw,20px)}.print-card-email{font-size:clamp(8px,1.25vw,13px)}.print-card-brand>div{font-size:clamp(13px,2.2vw,23px)}.print-card-brand small{font-size:clamp(8px,1.25vw,13px)}.print-card-person>div:first-child{font-size:clamp(18px,3.2vw,34px)}.print-card-person>div:last-child{font-size:clamp(14px,2.4vw,27px)}.print-card-address{font-size:clamp(10px,1.5vw,16px)}}
@media(max-width:600px){.business-card-stage,.business-card-editor{padding:16px}.print-card-phone{font-size:clamp(8px,2.5vw,14px)}.print-card-email{font-size:clamp(6px,1.7vw,10px)}.print-card-brand>div{font-size:clamp(9px,3vw,16px)}.print-card-brand small{font-size:clamp(6px,1.7vw,10px)}.print-card-person>div:first-child{font-size:clamp(14px,4vw,25px)}.print-card-person>div:last-child{font-size:clamp(10px,3vw,18px)}.print-card-address{font-size:clamp(7px,2vw,12px)}}
.print-card{container-type:inline-size}
.print-card .print-card-brand{display:contents}
.print-card .print-card-phone,.print-card .print-card-brand>div{top:11%;font-size:clamp(8px,3.2cqw,20px);line-height:1.15;font-variant-numeric:lining-nums}
.print-card .print-card-brand>div{position:absolute;right:4.2%;max-width:47%;text-align:right}
.print-card .print-card-email,.print-card .print-card-brand small{top:20%;font-size:clamp(6px,2.05cqw,13px);line-height:1.15}
.print-card .print-card-brand small{position:absolute;right:4.2%;max-width:47%;text-align:right}