.proof-image-toolbox button.business-card-proof-tool {
   background: transparent;
   border-color: transparent;
   font-size: 18px;
   color: rgba(0, 0, 0, 0.5);
   font-weight: bold;
   text-align: justify;
   width: 100%;

}
 .proof-image-toolbox button.business-card-proof-tool.selected {
   color: #cd0000;

}
 .proof-image-container-wrapper.business-card-proof-active #proof-image-container {
   display: none;

}
.proof-image-container-wrapper.business-card-proof-active .proof-side-slider {
   display: none;

}
.proof-image-container-wrapper.business-card-proof-active + .col-lg-12.text-center .proof-svg-font-size,
.proof-image-container-wrapper.business-card-proof-active ~ .col-lg-12.text-center .proof-svg-font-size {
   display: none;

}
.business-card-proof-font-edit-hidden {
   display: none !important;

}
 .business-card-proof-viewer {
   --bc-width: 560px;
   --bc-height: 320px;
   --bc-thickness: 5px;
   --bc-rotate-x: 0deg;
   --bc-rotate-y: 18deg;
   --bc-edge-color: #ffffff;
   --bc-edge-middle-color: #ffffff;
   --bc-radius: 0px;
   --bc-glare: 0.08;
   --bc-glare-x: 50%;
   --bc-glare-y: 24%;
   --bc-glare-angle: 115deg;
   --bc-scene-pivot-z: 0px;
   --bc-cutline-inset: 8px;
   --bc-safe-inset: 18px;
   --bc-folder-split: 50%;
   --bc-folder-right-width: 50%;
   --bc-folder-fold: 52%;
   --bc-folder-bottom: 48%;
   --bc-folder-split-px: calc(var(--bc-width) * 0.5);
   --bc-folder-right-px: calc(var(--bc-width) * 0.5);
   --bc-folder-fold-px: calc(var(--bc-height) * 0.52);
   --bc-folder-center-angle: 60deg;
   --bc-folder-center-angle-neg: -60deg;
   --bc-folder-pocket-angle: -180deg;
   --bc-folder-pocket-cut: 12%;
   --bc-folder-pocket-radius: 3px;
   --bc-folder-depth: max(2px, calc(var(--bc-thickness) * 0.45));
   --bc-folder-panel-scale-x: 0.889;
   --bc-folder-panel-scale-y: 1;
   --bc-folder-current-scale-x: var(--bc-folder-panel-scale-x);
   --bc-folder-current-scale-y: var(--bc-folder-panel-scale-y);
   --bc-folder-flat-scale-x: 0.84;
   --bc-folder-flat-scale-y: 1;
   --bc-folder-pivot-x: 50%;
   --bc-folder-pivot-y: 50%;
   --bc-folder-closed-pivot-z: calc(var(--bc-width) * -0.17);
   --bc-folder-back-color: #ffffff;
   width: min(100%, 980px);
   margin: 20px auto 32px;
   padding: 24px;
   border: 1px solid transparent;
   border-radius: 14px;
   background: transparent;
   box-shadow: none;
   overflow: visible;
   contain: layout style;

}
 .proof-image-container-wrapper.business-card-proof-active {
   overflow: visible;

}
 .business-card-proof-viewer[data-setup="0"] {
   background: transparent;
   border-color: transparent;
   box-shadow: none;
   padding-left: 0;
   padding-right: 0;

}
 .business-card-proof-viewer[data-finish="gloss"] {
   --bc-glare: 0.42;

}
.business-card-proof-stage {
   min-height: calc(var(--bc-height) + 120px);
   display: flex;
   align-items: center;
   justify-content: center;
   perspective: 1400px;
   overflow: visible;

}
.business-card-proof-viewer[data-folder-mode="yes"] .business-card-proof-stage {
   min-height: calc(var(--bc-height) + 30px);
   perspective-origin: var(--bc-folder-pivot-x) var(--bc-folder-pivot-y);

}
.business-card-proof-source-images {
   display: none;
   gap: 14px;
   grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
   margin: 16px auto 18px;
   max-width: min(100%, 960px);
   width: 100%;

}
.business-card-proof-viewer[data-show-proof-images="yes"] .business-card-proof-source-images,
.business-card-proof-source-images-on .business-card-proof-source-images {
   display: grid;

}
.business-card-proof-source-images figure {
   background: rgba(255,255,255,0.82);
   border: 1px solid rgba(15,23,42,0.1);
   border-radius: 8px;
   box-shadow: 0 10px 24px rgba(15,23,42,0.08);
   margin: 0;
   overflow: hidden;
   padding: 8px;

}
.business-card-proof-source-images img {
   background: #fff;
   border-radius: 5px;
   display: block;
   height: auto;
   max-height: none;
   object-fit: contain;
   width: 100%;

}
.business-card-proof-source-svg {
   align-items: center;
   background: #fff;
   border-radius: 5px;
   display: flex;
   justify-content: center;
   overflow: hidden;
   width: 100%;

}
.business-card-proof-source-svg svg {
   display: block;
   height: auto;
   max-width: 100%;

}
.business-card-proof-source-images figcaption {
   color: #4b5563;
   font-size: 11px;
   font-weight: 800;
   line-height: 1.2;
   margin-top: 7px;
   text-align: center;

}
 .business-card-proof-message-row {
   align-items: center;
   display: flex;
   flex-direction: column;
   gap: 7px;
   justify-content: center;
   margin: 0 auto 12px;
   max-width: min(100%, var(--bc-width));
   text-align: center;

}
 .business-card-proof-message {
   color: #32325d;
   font-size: 14px;
   font-weight: 800;
   line-height: 1.45;
   margin: 0 auto;
   max-width: 100%;
   text-align: center;

}
 .business-card-proof-message-empty {
   display: none;

}
.business-card-proof-scene {
   position: relative;
   width: var(--bc-width);
   height: var(--bc-height);
   transform-style: preserve-3d;
   transform: translateZ(var(--bc-scene-pivot-z)) rotateX(var(--bc-rotate-x, 0deg)) rotateY(var(--bc-rotate-y)) translateZ(calc(var(--bc-scene-pivot-z) * -1));
   transition: transform 0.14s ease-out;
   cursor: grab;
   touch-action: none;
   user-select: none;
   will-change: transform;
   contain: layout style;

}
.business-card-proof-viewer[data-folder-mode="yes"] .business-card-proof-scene {
   --bc-scene-pivot-z: var(--bc-folder-closed-pivot-z);
   transform-origin: var(--bc-folder-pivot-x) var(--bc-folder-pivot-y);

}
.business-card-proof-viewer[data-folder-mode="yes"].business-card-proof-folder-flat .business-card-proof-scene,
.business-card-proof-viewer[data-folder-mode="yes"].business-card-proof-folder-intro-prep .business-card-proof-scene {
   --bc-scene-pivot-z: 0px;

}
 .business-card-proof-dragging .business-card-proof-scene,
 .business-card-proof-snapping .business-card-proof-scene {
   transition: none;

}
 .business-card-proof-scene:active {
   cursor: grabbing;

}
 .business-card-proof-face,
 .business-card-proof-edge,
 .business-card-proof-white-side,
 .business-card-proof-name-tag-layer,
 .business-card-proof-name-tag-post {
   position: absolute;
   top: 50%;
   left: 50%;
   transform-style: preserve-3d;
   will-change: transform;

}
.business-card-proof-white-side {
   width: var(--bc-width);
   height: var(--bc-height);
   border-radius: var(--bc-radius);
   background: rgba(255, 255, 255, 0.94);
   pointer-events: none;
   backface-visibility: visible;

}
.business-card-proof-white-side-front {
   transform: translate(-50%, -50%) translateZ(calc((var(--bc-thickness) / 2) - 0.6px));

}
.business-card-proof-white-side-back {
   transform: translate(-50%, -50%) rotateY(180deg) translateZ(calc((var(--bc-thickness) / 2) - 0.6px));

}
.business-card-proof-face {
   width: var(--bc-width);
   height: var(--bc-height);
   border-radius: var(--bc-radius);
   background: #ffffff;
   border: 1px solid rgba(15, 23, 42, 0.12);
   box-shadow: 0 18px 42px rgba(15, 23, 42, 0.2);
   backface-visibility: hidden;
   overflow: hidden;

}
.business-card-proof-backing {
   background: #ffffff;
   border-radius: inherit;
   inset: 0;
   pointer-events: none;
   position: absolute;
   z-index: 0;

}
 .business-card-proof-front {
   transform: translate(-50%, -50%) translateZ(calc(var(--bc-thickness) / 2));

}
 .business-card-proof-back {
   transform: translate(-50%, -50%) rotateY(180deg) translateZ(calc(var(--bc-thickness) / 2));

}
.business-card-proof-face img {
   width: 100%;
   height: 100%;
   background: #ffffff;
   object-fit: fill;
   object-position: center center;
   display: block;
   position: relative;
   user-select: none;
   z-index: 1;

}
 .business-card-proof-viewer[data-front-image-fit="fit"] .business-card-proof-front img,
 .business-card-proof-viewer[data-back-image-fit="fit"] .business-card-proof-back img {
   object-fit: contain;

}
 .business-card-proof-viewer[data-front-image-fit="center"] .business-card-proof-front img,
 .business-card-proof-viewer[data-back-image-fit="center"] .business-card-proof-back img {
   object-fit: cover;

}
 .business-card-proof-face:after {
   content: "";
   position: absolute;
   inset: -36% -70%;
   z-index: 3;
   pointer-events: none;
   border-radius: inherit;
   background: linear-gradient(var(--bc-glare-angle), rgba(255,255,255,0) 0 29%, rgba(255,255,255,var(--bc-glare)) 44%, rgba(255,255,255,0) 60%),
               radial-gradient(circle at var(--bc-glare-x) var(--bc-glare-y), rgba(255,255,255,var(--bc-glare)), rgba(255,255,255,0) 42%);
   background-position: var(--bc-glare-x) center, center;
   background-size: 58% 100%, 100% 100%;
   mix-blend-mode: screen;
   will-change: background-position;

}
 .business-card-proof-edge {
   background: linear-gradient(90deg, var(--bc-edge-color) 0 22%, var(--bc-edge-middle-color) 45% 55%, var(--bc-edge-color) 78% 100%);
   border: 1px solid rgba(15, 23, 42, 0.08);

}
.business-card-proof-edge-right {
   width: var(--bc-thickness);
   height: max(0px, calc(var(--bc-height) - var(--bc-radius) - var(--bc-radius)));
   transform: translate(-50%, -50%) translateX(calc(var(--bc-width) / 2)) rotateY(90deg);

}
 .business-card-proof-edge-left {
   width: var(--bc-thickness);
   height: max(0px, calc(var(--bc-height) - var(--bc-radius) - var(--bc-radius)));
   transform: translate(-50%, -50%) translateX(calc(var(--bc-width) / -2)) rotateY(90deg);

}
 .business-card-proof-edge-top {
   width: max(0px, calc(var(--bc-width) - var(--bc-radius) - var(--bc-radius)));
   height: var(--bc-thickness);
   background: linear-gradient(180deg, var(--bc-edge-color) 0 22%, var(--bc-edge-middle-color) 45% 55%, var(--bc-edge-color) 78% 100%);
   transform: translate(-50%, -50%) translateY(calc(var(--bc-height) / -2)) rotateX(90deg);

}
.business-card-proof-edge-bottom {
   width: max(0px, calc(var(--bc-width) - var(--bc-radius) - var(--bc-radius)));
   height: var(--bc-thickness);
   background: linear-gradient(180deg, var(--bc-edge-color) 0 22%, var(--bc-edge-middle-color) 45% 55%, var(--bc-edge-color) 78% 100%);
   transform: translate(-50%, -50%) translateY(calc(var(--bc-height) / 2)) rotateX(90deg);

}
.business-card-proof-name-tag-layer,
.business-card-proof-name-tag-post {
   display: none;
   pointer-events: none;
   backface-visibility: visible;

}
.business-card-proof-viewer[data-name-tag-mode="yes"] {
   --bc-glare: 0.5;
   --bc-name-tag-depth: max(31px, calc(var(--bc-thickness) * 5.9));
   --bc-name-tag-magnet-side: max(13px, calc(var(--bc-thickness) * 2.2));
   --bc-name-tag-metal: #c8c9c6;
   --bc-name-tag-metal-dark: #a9aaa8;
   --bc-name-tag-black: #17191f;

}
.business-card-proof-viewer[data-name-tag-mode="yes"] .business-card-proof-name-tag-layer,
.business-card-proof-viewer[data-name-tag-mode="yes"] .business-card-proof-name-tag-post {
   display: block;

}
.business-card-proof-viewer.business-card-proof-front-facing[data-name-tag-mode="yes"] .business-card-proof-name-tag-layer,
.business-card-proof-viewer.business-card-proof-front-facing[data-name-tag-mode="yes"] .business-card-proof-name-tag-post {
   opacity: 0;
   visibility: hidden;

}
.business-card-proof-viewer[data-name-tag-mode="yes"] .business-card-proof-white-side-back,
.business-card-proof-viewer[data-name-tag-mode="yes"] .business-card-proof-back {
   display: none;

}
.business-card-proof-viewer[data-name-tag-mode="yes"] .business-card-proof-face {
   border-color: rgba(255, 255, 255, 0.72);
   box-shadow: 0 18px 42px rgba(15, 23, 42, 0.2), inset 0 0 0 1px rgba(255,255,255,0.45);

}
.business-card-proof-viewer[data-name-tag-mode="yes"] .business-card-proof-front {
   background: linear-gradient(90deg, #bfc0be, #f4f4f2 22%, #c7c8c6 50%, #f7f7f5 78%, #b8bab8);

}
.business-card-proof-viewer[data-name-tag-mode="yes"] .business-card-proof-edge {
   background: linear-gradient(90deg, #f4f3ef 0 18%, #c3c4c1 23% 30%, #101218 43% 57%, #c7c8c4 70% 77%, #fbfaf6 82% 100%);
   border: 0;
   box-shadow: inset 0 0 0 1px rgba(255,255,255,0.32), 0 1px 3px rgba(15,23,42,0.16);

}
.business-card-proof-viewer[data-name-tag-mode="yes"] .business-card-proof-edge-top,
.business-card-proof-viewer[data-name-tag-mode="yes"] .business-card-proof-edge-bottom {
   background: linear-gradient(180deg, #f4f3ef 0 18%, #c3c4c1 23% 30%, #101218 43% 57%, #c7c8c4 70% 77%, #fbfaf6 82% 100%);
   width: max(0px, calc(var(--bc-width) - (var(--bc-radius) * 1.15)));

}
.business-card-proof-viewer[data-name-tag-mode="yes"] .business-card-proof-edge-left,
.business-card-proof-viewer[data-name-tag-mode="yes"] .business-card-proof-edge-right {
   height: max(0px, calc(var(--bc-height) - (var(--bc-radius) * 1.15)));

}
.business-card-proof-viewer[data-name-tag-mode="yes"] .business-card-proof-front img {
   background: transparent;

}
.business-card-proof-name-tag-separator,
.business-card-proof-name-tag-back-plate {
   width: var(--bc-width);
   height: var(--bc-height);
   border-radius: var(--bc-radius);

}
.business-card-proof-name-tag-separator {
   background: var(--bc-name-tag-black);
   transform: translate(-50%, -50%) rotateY(180deg) translateZ(calc((var(--bc-thickness) / 2) + 2px));

}
.business-card-proof-name-tag-back-plate {
   background: linear-gradient(90deg, var(--bc-name-tag-metal-dark), #f1f1ef 22%, var(--bc-name-tag-metal) 52%, #f8f8f6 78%, #b5b7b5);
   border: 1px solid rgba(255,255,255,0.72);
   box-shadow: inset 0 0 0 1px rgba(15,23,42,0.08);
   transform: translate(-50%, -50%) rotateY(180deg) translateZ(calc((var(--bc-thickness) / 2) + 5px));

}
.business-card-proof-name-tag-inner-plate,
.business-card-proof-name-tag-magnet {
   width: calc(var(--bc-width) * 0.52);
   height: calc(var(--bc-height) * 0.42);
   border-radius: max(3px, calc(var(--bc-radius) * 0.35));

}
.business-card-proof-name-tag-inner-plate {
   background-color: #dedfdd;
   background-image: linear-gradient(90deg, rgba(255,255,255,0.54), rgba(15,23,42,0.09)),
                     repeating-linear-gradient(45deg, rgba(58,68,82,0.32) 0 2px, transparent 2px 12px),
                     repeating-linear-gradient(-45deg, rgba(58,68,82,0.26) 0 2px, transparent 2px 12px);
   background-size: auto, 15px 15px, 15px 15px;
   border: 1px solid rgba(145,150,152,0.58);
   box-shadow: inset 0 0 0 1px rgba(15,23,42,0.14), 0 3px 6px rgba(15,23,42,0.12);
   transform-style: preserve-3d;
   transform: translate(-50%, calc(-50% - (var(--bc-height) * 0.11))) rotateY(180deg) translateZ(calc((var(--bc-thickness) / 2) + 9px));

}
.business-card-proof-name-tag-inner-plate:before,
.business-card-proof-name-tag-inner-plate:after {
   content: "";
   border-radius: inherit;
   pointer-events: none;
   position: absolute;

}
.business-card-proof-name-tag-inner-plate:before {
   background: linear-gradient(90deg, #aeb2b2, #e8e9e7 45%, #9ea4a5);
   inset: 0;
   transform: translateZ(-7px);
   z-index: -1;

}
.business-card-proof-name-tag-inner-plate:after {
   background: linear-gradient(90deg, rgba(255,255,255,0.34), rgba(255,255,255,0) 45%, rgba(15,23,42,0.07));
   inset: 0;
   transform: translateZ(1px);
   z-index: 1;

}
.business-card-proof-name-tag-post {
   --bc-name-tag-post-x: 0px;
   width: max(32px, calc(var(--bc-height) * 0.305));
   height: max(28px, calc(var(--bc-height) * 0.27));
   border-radius: 999px;
   background: linear-gradient(90deg, #7b7e81, #d9dad8 28%, #f4f4f2 50%, #a1a4a4 74%, #686c70);
   border: 1px solid rgba(255,255,255,0.62);
   box-shadow: 0 0 0 1px rgba(15,23,42,0.18), 0 8px 16px rgba(15,23,42,0.16);
   overflow: visible;
   z-index: 3;
   transform-style: preserve-3d;
   transform: translate(calc(-50% + var(--bc-name-tag-post-x)), calc(-50% - (var(--bc-height) * 0.11))) rotateY(180deg) translateZ(calc((var(--bc-thickness) / 2) + var(--bc-name-tag-depth) - var(--bc-name-tag-magnet-side) - 5px));

}
.business-card-proof-name-tag-post:before,
.business-card-proof-name-tag-post:after {
   content: "";
   border-radius: inherit;
   pointer-events: none;
   position: absolute;

}
.business-card-proof-name-tag-post:before {
   background: linear-gradient(90deg, #60656a, #d9dbda 45%, #7a7f84);
   box-shadow: inset 0 0 10px rgba(15,23,42,0.3), 0 0 0 1px rgba(15,23,42,0.18);
   height: 100%;
   left: 50%;
   top: 0;
   transform: translateX(-50%) rotateY(90deg);
   width: max(16px, calc(var(--bc-thickness) * 3.1));
   z-index: 1;

}
.business-card-proof-name-tag-post:after {
   background: radial-gradient(circle at 34% 26%, #ffffff, #d8dad8 38%, #9da0a2 68%, #686d71);
   box-shadow: inset -5px 0 9px rgba(15,23,42,0.18), inset 4px 0 6px rgba(255,255,255,0.55), 0 0 0 1px rgba(15,23,42,0.16);
   inset: 0;
   transform: translateZ(5px);
   z-index: 2;

}
.business-card-proof-name-tag-post-left {
   --bc-name-tag-post-x: calc(var(--bc-width) * -0.17);

}
.business-card-proof-name-tag-post-right {
   --bc-name-tag-post-x: calc(var(--bc-width) * 0.17);

}
.business-card-proof-name-tag-magnet {
   align-items: center;
   background: linear-gradient(90deg, #090b0f, #1b1f27 24%, #222630 48%, #161a22 72%, #06070b);
   border: 1px solid rgba(255,255,255,0.12);
   box-shadow: 0 16px 28px rgba(0,0,0,0.3),
               inset 0 5px 12px rgba(255,255,255,0.08),
               inset 0 -8px 18px rgba(0,0,0,0.55);
   border-radius: max(4px, calc(var(--bc-radius) * 0.16));
   color: rgba(96, 104, 118, 0.98);
   display: none;
   flex-direction: column;
   font-size: clamp(9px, min(calc(var(--bc-height) * 0.09), calc(var(--bc-width) * 0.036)), 24px);
   font-weight: 800;
   gap: 0.15em;
   justify-content: center;
   letter-spacing: 0;
   line-height: 1.1;
   padding: 0 0.55em;
   text-align: center;
   transform-style: preserve-3d;
   z-index: 4;
   transform: translate(-50%, calc(-50% - (var(--bc-height) * 0.11))) rotateY(180deg) translateZ(calc((var(--bc-thickness) / 2) + var(--bc-name-tag-depth)));

}
.business-card-proof-name-tag-magnet:before {
   content: "";
   position: absolute;
   inset: 0;
   border-radius: inherit;
   background: linear-gradient(90deg, rgba(255,255,255,0.05), rgba(255,255,255,0.012) 42%, rgba(0,0,0,0.12));
   box-shadow: none;
   pointer-events: none;
   transform: translateZ(1px);
   z-index: 4;

}
.business-card-proof-name-tag-magnet-back,
.business-card-proof-name-tag-magnet-side {
   display: block;
   pointer-events: none;
   position: absolute;
   transform-style: preserve-3d;

}
.business-card-proof-name-tag-magnet-back {
   background: linear-gradient(90deg, #050609, #171a21 52%, #030407);
   border-radius: inherit;
   inset: 0;
   transform: translateZ(calc(0px - var(--bc-name-tag-magnet-side)));

}
.business-card-proof-name-tag-magnet-side {
   background: linear-gradient(90deg, #07080c, #11141b 46%, #1f2430 54%, #08090d);
   box-shadow: inset 0 0 5px rgba(255,255,255,0.03);
   z-index: 0;

}
.business-card-proof-name-tag-magnet-side-left,
.business-card-proof-name-tag-magnet-side-right {
   height: 100%;
   top: 0;
   width: var(--bc-name-tag-magnet-side);

}
.business-card-proof-name-tag-magnet-side-left {
   left: auto;
   right: 100%;
   transform: rotateY(-90deg);
   transform-origin: right center;

}
.business-card-proof-name-tag-magnet-side-right {
   left: 100%;
   right: auto;
   transform: rotateY(90deg);
   transform-origin: left center;

}
.business-card-proof-name-tag-magnet-side-top,
.business-card-proof-name-tag-magnet-side-bottom {
   height: var(--bc-name-tag-magnet-side);
   left: 0;
   width: 100%;

}
.business-card-proof-name-tag-magnet-side-top {
   bottom: 100%;
   top: auto;
   transform: rotateX(90deg);
   transform-origin: center bottom;

}
.business-card-proof-name-tag-magnet-side-bottom {
   bottom: auto;
   top: 100%;
   transform: rotateX(-90deg);
   transform-origin: center top;

}
.business-card-proof-name-tag-magnet span {
   display: block;
   max-width: 100%;
   overflow: hidden;
   position: relative;
   text-overflow: clip;
   text-shadow: 0 1px 1px rgba(0,0,0,0.72);
   transform: translateZ(2px) scaleX(0.96);
   transform-origin: center;
   white-space: nowrap;
   z-index: 5;

}
.business-card-proof-viewer[data-name-tag-mode="yes"] .business-card-proof-name-tag-magnet {
   display: flex;

}
.business-card-proof-folder {
   display: none;
   inset: 0;
   position: absolute;
   transform: scale(var(--bc-folder-current-scale-x), var(--bc-folder-current-scale-y));
   transform-origin: 50% 50%;
   transform-style: preserve-3d;

}
.business-card-proof-folder-flat .business-card-proof-folder,
.business-card-proof-folder-intro-prep .business-card-proof-folder {
   --bc-folder-current-scale-x: calc(var(--bc-folder-panel-scale-x) * var(--bc-folder-flat-scale-x));
   --bc-folder-current-scale-y: calc(var(--bc-folder-panel-scale-y) * var(--bc-folder-flat-scale-y));

}
.business-card-proof-folder-half {
   height: 100%;
   position: absolute;
   top: 0;
   transform-style: preserve-3d;
   width: var(--bc-folder-split);
   will-change: transform;

}
.business-card-proof-folder-left {
   left: 0;
   transform: rotateY(var(--bc-folder-center-angle-neg));
   transform-origin: 100% 50%;

}
.business-card-proof-folder-right {
   left: var(--bc-folder-split);
   transform: rotateY(var(--bc-folder-center-angle));
   transform-origin: 0% 50%;
   width: var(--bc-folder-right-width);

}
.business-card-proof-folder-panel {
   position: absolute;
   transform-style: preserve-3d;
   width: 100%;

}
.business-card-proof-folder-tl,
.business-card-proof-folder-tr {
   height: var(--bc-folder-fold);
   top: 0;

}
.business-card-proof-folder-bl,
.business-card-proof-folder-br {
   height: var(--bc-folder-bottom);
   top: var(--bc-folder-fold);
   transform: rotateX(var(--bc-folder-pocket-angle)) translateZ(1px);
   transform-origin: 50% 0;
   will-change: transform;

}
.business-card-proof-folder-front,
.business-card-proof-folder-back {
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   border: 1px solid rgba(20,28,36,0.18);
   box-shadow: 0 8px 24px rgba(0,0,0,0.07);
   inset: 0;
   overflow: hidden;
   position: absolute;

}
.business-card-proof-folder-front {
   background-image: var(--bc-folder-img);
   background-repeat: no-repeat;
   background-size: var(--bc-width) var(--bc-height);
   transform: translateZ(0.9px);

}
.business-card-proof-folder-front:after {
   background: linear-gradient(var(--bc-glare-angle), rgba(255,255,255,0) 0 18%, rgba(255,255,255,0.14) 45%, rgba(255,255,255,0) 76%),
               radial-gradient(circle at var(--bc-glare-x) var(--bc-glare-y), rgba(255,255,255,0.1), rgba(255,255,255,0) 58%);
   background-position: var(--bc-glare-x) center, center;
   background-size: 86% 100%, 100% 100%;
   content: "";
   display: none;
   filter: blur(5px);
   inset: -36% -70%;
   mix-blend-mode: screen;
   opacity: 0.68;
   pointer-events: none;
   position: absolute;
   will-change: background-position;

}
.business-card-proof-viewer[data-folder-mode="yes"][data-finish="gloss"] .business-card-proof-folder-front:after {
   display: block;

}
.business-card-proof-folder-back {
   background: var(--bc-folder-back-color);
   box-shadow: none;
   transform: rotateY(180deg) translateZ(0.7px);

}
.business-card-proof-folder-tl .business-card-proof-folder-front {
   background-position: 0 0;

}
.business-card-proof-folder-tr .business-card-proof-folder-front {
   background-position: calc(var(--bc-folder-split-px) * -1) 0;

}
.business-card-proof-folder-bl .business-card-proof-folder-front {
   background-position: 0 calc(var(--bc-folder-fold-px) * -1);
   clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bc-folder-pocket-cut)), calc(100% - var(--bc-folder-pocket-radius)) 100%, 0 100%);

}
.business-card-proof-folder-br .business-card-proof-folder-front {
   background-position: calc(var(--bc-folder-split-px) * -1) calc(var(--bc-folder-fold-px) * -1);
   clip-path: polygon(100% 0, 0 0, 0 calc(100% - var(--bc-folder-pocket-cut)), var(--bc-folder-pocket-radius) 100%, 100% 100%);

}
.business-card-proof-folder-bl .business-card-proof-folder-back {
   clip-path: polygon(100% 0, 0 0, 0 calc(100% - var(--bc-folder-pocket-cut)), var(--bc-folder-pocket-radius) 100%, 100% 100%);

}
.business-card-proof-folder-br .business-card-proof-folder-back {
   clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bc-folder-pocket-cut)), calc(100% - var(--bc-folder-pocket-radius)) 100%, 0 100%);

}
.business-card-proof-folder-panel i {
   background: var(--bc-edge-color);
   box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08);
   position: absolute;

}
.business-card-proof-folder-panel i:nth-of-type(1),
.business-card-proof-folder-panel i:nth-of-type(2) {
   height: var(--bc-folder-depth);
   left: 0;
   width: 100%;

}
.business-card-proof-folder-panel i:nth-of-type(1) {
   top: calc(var(--bc-folder-depth) * -1);
   transform: rotateX(90deg);
   transform-origin: 50% 100%;

}
.business-card-proof-folder-panel i:nth-of-type(2) {
   bottom: calc(var(--bc-folder-depth) * -1);
   transform: rotateX(-90deg);
   transform-origin: 50% 0;

}
.business-card-proof-folder-panel i:nth-of-type(3),
.business-card-proof-folder-panel i:nth-of-type(4) {
   height: 100%;
   top: 0;
   width: var(--bc-folder-depth);

}
.business-card-proof-folder-panel i:nth-of-type(3) {
   left: calc(var(--bc-folder-depth) * -1);
   transform: rotateY(-90deg);
   transform-origin: 100% 50%;

}
.business-card-proof-folder-panel i:nth-of-type(4) {
   right: calc(var(--bc-folder-depth) * -1);
   transform: rotateY(90deg);
   transform-origin: 0 50%;

}
.business-card-proof-folder-intro-playing .business-card-proof-folder-half,
.business-card-proof-folder-intro-playing .business-card-proof-folder-bl,
.business-card-proof-folder-intro-playing .business-card-proof-folder-br,
.business-card-proof-folder-fold-animating .business-card-proof-folder-half,
.business-card-proof-folder-fold-animating .business-card-proof-folder-bl,
.business-card-proof-folder-fold-animating .business-card-proof-folder-br,
.business-card-proof-folder-flat .business-card-proof-folder-half,
.business-card-proof-folder-flat .business-card-proof-folder-bl,
.business-card-proof-folder-flat .business-card-proof-folder-br {
   transition-property: transform;
   transition-timing-function: cubic-bezier(0.44, 0, 0.16, 1);

}
.business-card-proof-folder-intro-playing .business-card-proof-folder-half,
.business-card-proof-folder-fold-animating .business-card-proof-folder-half,
.business-card-proof-folder-flat .business-card-proof-folder-half {
   transition-duration: 1.45s;

}
.business-card-proof-folder-intro-playing .business-card-proof-folder-bl,
.business-card-proof-folder-intro-playing .business-card-proof-folder-br,
.business-card-proof-folder-fold-animating .business-card-proof-folder-bl,
.business-card-proof-folder-fold-animating .business-card-proof-folder-br,
.business-card-proof-folder-flat .business-card-proof-folder-bl,
.business-card-proof-folder-flat .business-card-proof-folder-br {
   transition-duration: 1.05s;

}
.business-card-proof-folder-folding-in .business-card-proof-folder-half {
   transition-delay: 0.88s;

}
.business-card-proof-folder-folding-in .business-card-proof-folder-bl,
.business-card-proof-folder-folding-in .business-card-proof-folder-br {
   transition-delay: 0s;

}
.business-card-proof-folder-folding-out .business-card-proof-folder-half {
   transition-delay: 0s;

}
.business-card-proof-folder-folding-out .business-card-proof-folder-bl,
.business-card-proof-folder-folding-out .business-card-proof-folder-br {
   transition-delay: 0.88s;

}
.business-card-proof-folder-intro-prep .business-card-proof-folder-left,
.business-card-proof-folder-intro-prep .business-card-proof-folder-right,
.business-card-proof-folder-flat .business-card-proof-folder-left,
.business-card-proof-folder-flat .business-card-proof-folder-right {
   transform: rotateY(0deg);

}
.business-card-proof-folder-intro-prep .business-card-proof-folder-bl,
.business-card-proof-folder-intro-prep .business-card-proof-folder-br,
.business-card-proof-folder-flat .business-card-proof-folder-bl,
.business-card-proof-folder-flat .business-card-proof-folder-br {
   transform: rotateX(0deg) translateZ(1px);

}
.business-card-proof-viewer[data-folder-mode="yes"] {
   --bc-edge-color: #e9e5dc;
   --bc-edge-middle-color: #e9e5dc;

}
.business-card-proof-viewer[data-folder-mode="yes"] .business-card-proof-folder {
   display: block;

}
.business-card-proof-viewer[data-folder-mode="yes"] .business-card-proof-face,
.business-card-proof-viewer[data-folder-mode="yes"] .business-card-proof-edge,
.business-card-proof-viewer[data-folder-mode="yes"] .business-card-proof-white-side,
.business-card-proof-viewer[data-folder-mode="yes"] .business-card-proof-name-tag-layer,
.business-card-proof-viewer[data-folder-mode="yes"] .business-card-proof-name-tag-post {
   display: none;

}
 .business-card-proof-guide {
   display: none;
   position: absolute;
   inset: 0;
   z-index: 4;
   border-radius: var(--bc-radius);
   pointer-events: none;

}
 .business-card-proof-cutline {
   border: 2px solid rgba(205, 0, 0, 0.9);
   inset: var(--bc-cutline-inset);

}
 .business-card-proof-safe-zone {
   border: 2px dashed rgba(37, 99, 235, 0.92);
   inset: var(--bc-safe-inset);

}
 .business-card-proof-guide:before {
   display: none;
   position: absolute;
   top: 6px;
   left: 8px;
   border-radius: 999px;
   color: #fff;
   font-size: 10px;
   font-weight: 900;
   letter-spacing: 0;
   line-height: 1;
   padding: 4px 7px;
   text-transform: uppercase;

}
 .business-card-proof-cutline:before {
   content: "Cutline";
   background: rgba(205, 0, 0, 0.88);

}
 .business-card-proof-safe-zone:before {
   content: "Safe zone";
   background: rgba(37, 99, 235, 0.9);

}
 .business-card-proof-cutline-on .business-card-proof-cutline,
 .business-card-proof-safe-zone-on .business-card-proof-safe-zone {
   display: block;

}
 .business-card-proof-viewer[data-setup="0"] .business-card-proof-guide {
   display: none;

}
 .business-card-proof-viewer.business-card-proof-hold-guides-on .business-card-proof-cutline,
 .business-card-proof-viewer.business-card-proof-hold-guides-on .business-card-proof-safe-zone {
   display: block;

}
 .business-card-proof-hold-guides {
   background: transparent;
   border: 0;
   color: #cd0000;
   cursor: pointer;
   font-size: 11px;
   font-weight: 900;
   line-height: 1.1;
   padding: 2px 4px;
   text-decoration: underline;
   touch-action: none;
   user-select: none;

}
 .business-card-proof-hold-guides:active {
   color: #9f0000;

}
 .business-card-proof-guide-legend {
   align-items: center;
   display: none;
   flex-wrap: wrap;
   gap: 10px;
   justify-content: center;
   color: #525f7f;
   font-size: 11px;
   font-weight: 800;
   margin-top: 6px;

}
 .business-card-proof-hold-guides-on .business-card-proof-guide-legend {
   display: flex;

}
 .business-card-proof-guide-legend span {
   align-items: center;
   display: inline-flex;
   gap: 5px;

}
 .business-card-proof-guide-legend i {
   display: inline-block;
   width: 26px;

}
 .business-card-proof-legend-line {
   border-top: 2px solid rgba(205, 0, 0, 0.9);

}
 .business-card-proof-legend-dotted {
   border-top: 2px dashed rgba(37, 99, 235, 0.92);

}
.business-card-proof-controls {
   display: flex;
   flex-direction: column;
   gap: 12px;
   align-items: stretch;
   padding-top: 16px;
   border-top: 1px dashed #d8dee8;

}
 .business-card-proof-control-section {
   align-content: start;
   align-items: start;
   background: #fff;
   border: 1px solid #e5e7eb;
   border-radius: 8px;
   display: grid;
   column-gap: 10px;
   row-gap: 8px;
   grid-auto-rows: min-content;
   grid-template-columns: repeat(auto-fit, minmax(106px, 1fr));
   padding: 11px 12px;
   width: 100%;

}
 .business-card-proof-folder-settings {
   display: none;
   grid-column: 1 / -1;
   margin-top: 2px;
   width: 100%;

}
 .business-card-proof-folder-settings.business-card-proof-folder-settings-on {
   display: block;

}
 .business-card-proof-folder-settings summary {
   color: #5f6675;
   cursor: pointer;
   font-size: 12px;
   font-weight: 700;
   line-height: 1;
   padding: 4px 0;

}
 .business-card-proof-folder-settings[open] {
   background: #f8fafc;
   border: 1px dashed #d8dee8;
   border-radius: 7px;
   padding: 8px 10px 10px;

}
 .business-card-proof-folder-settings[open] label {
   display: inline-flex;
   flex-direction: column;
   gap: 5px;
   margin: 7px 10px 0 0;
   min-width: 112px;
   vertical-align: top;

}
 .business-card-proof-message-section {
   grid-template-columns: minmax(220px, 1fr) auto;
   order: 10;

}
 .business-card-proof-images-section {
   align-items: stretch;
   grid-template-columns: 1fr;

}
.business-card-proof-section-title-actions {
   align-items: center;
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   justify-content: flex-end;

}
.business-card-proof-collapse-images {
   min-height: 28px;
   padding: 6px 10px;

}
.business-card-proof-images-body {
   display: grid;
   gap: 12px;
   width: 100%;

}
.business-card-proof-images-section.business-card-proof-images-collapsed {
   row-gap: 0;

}
.business-card-proof-images-section.business-card-proof-images-collapsed .business-card-proof-images-body {
   display: none;

}
 .business-card-proof-image-grid {
   display: grid;
   gap: 12px;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   width: 100%;

}
 .business-card-proof-image-card {
   background: #f8fafc;
   border: 1px solid #e5e7eb;
   border-radius: 8px;
   cursor: pointer;
   display: grid;
   gap: 10px;
   min-width: 0;
   padding: 10px;
   position: relative;

}
 .business-card-proof-image-card:hover {
   border-color: #cbd5e1;
   box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);

}
 .business-card-proof-image-card.business-card-proof-drop-ready {
   background: #fff5f5;
   border-color: #cd0000;
   cursor: copy;
   box-shadow: 0 0 0 2px rgba(205, 0, 0, 0.12);

}
 .business-card-proof-image-card.business-card-proof-drop-ready:after {
   align-items: center;
   background: rgba(255, 255, 255, 0.86);
   border-radius: 6px;
   color: #cd0000;
   content: "Drop to replace";
   display: flex;
   font-size: 13px;
   font-weight: 900;
   inset: 10px;
   justify-content: center;
   position: absolute;
   z-index: 3;

}
 .business-card-proof-image-preview {
   align-items: center;
   background: #fff;
   border: 1px solid #eef2f7;
   border-radius: 6px;
   display: flex;
   justify-content: center;
   min-height: 112px;
   overflow: hidden;

}
 .business-card-proof-image-preview img {
   display: block;
   max-height: 130px;
   max-width: 100%;
   object-fit: contain;

}
 .business-card-proof-image-empty {
   color: #8898aa;
   font-size: 12px;
   font-weight: 800;

}
 .business-card-proof-image-meta {
   align-items: center;
   display: flex;
   gap: 10px;
   justify-content: space-between;
   min-width: 0;

}
.business-card-proof-image-buttons {
   align-items: center;
   display: flex;
   flex: 0 0 auto;
   gap: 6px;

}
 .business-card-proof-image-fit-control {
   align-items: center;
   display: flex;
   gap: 8px;

}
 .business-card-proof-image-fit-control select {
   flex: 1 1 auto;

}
 .business-card-proof-image-meta span {
   color: #32325d;
   font-size: 12px;
   font-weight: 900;
   min-width: 0;

}
 .business-card-proof-side-upload {
   flex: 0 0 auto;

}
.business-card-proof-side-crop {
   flex: 0 0 auto;

}
 .business-card-proof-image-remove {
   align-items: center;
   background: #cd0000;
   border: 0;
   border-radius: 50%;
   color: #fff;
   display: flex;
   font-size: 18px;
   font-weight: 900;
   height: 26px;
   justify-content: center;
   line-height: 1;
   padding: 0;
   position: absolute;
   right: 7px;
   top: 7px;
   width: 26px;
   z-index: 2;

}
 .business-card-proof-image-remove:hover {
   background: #9f0000;

}
 .business-card-proof-section-title {
   align-self: center;
   color: #32325d;
   font-size: 12px;
   font-weight: 900;
   grid-column: 1 / -1;
   letter-spacing: 0;
   text-transform: uppercase;

}
 .business-card-proof-section-title-row {
   align-items: center;
   display: flex;
   gap: 12px;
   justify-content: space-between;

}
 .business-card-proof-section-title-row span {
   min-width: 0;

}
 .business-card-proof-controls .business-card-proof-auto-inline {
   color: #525f7f;
   font-size: 12px;
   font-weight: 800;
   min-height: 24px;
   text-transform: none;

}
 .business-card-proof-guides-control {
   align-items: center;
   display: flex !important;
   flex: 0 1 240px;
   gap: 8px;

}
 .business-card-proof-guides-control select {
   flex: 1 1 auto;

}
 .business-card-proof-action-row,
 .business-card-proof-control-footer {
   align-items: center;
   display: flex;
   flex-flow: row wrap;
   gap: 8px;
   justify-content: flex-end;
   width: 100%;

}
 .business-card-proof-control-footer {
   border-top: 1px solid #eef2f7;
   order: 11;
   padding-top: 2px;

}
 .business-card-proof-controls label {
   display: grid;
   gap: 5px;
   margin: 0;
   color: #525f7f;
   font-size: 12px;
   font-weight: 700;

}
.business-card-proof-controls label.business-card-proof-range-control {
   align-items: center;
   display: grid;
   gap: 5px;
   grid-column: auto;
   grid-template-columns: auto minmax(64px, 1fr) auto;
   line-height: 1;
   min-height: 20px;
   max-height: none;
   overflow: visible;
   white-space: nowrap;
   width: 100%;

}
 .business-card-proof-range-control input[type="range"] {
   align-self: center;
   min-width: 64px;

}
 .business-card-proof-zoom-hint {
   color: #8898aa;
   flex: 0 0 auto;
   font-size: 10px;
   font-weight: 800;
   line-height: 1;
   white-space: nowrap;

}
 .business-card-proof-controls input[type="range"],
 .business-card-proof-controls input[type="number"],
 .business-card-proof-controls select,
 .business-card-proof-controls input[type="color"],
 .business-card-proof-controls textarea {
   width: 100%;
   min-height: 34px;

}
.business-card-proof-controls input[type="range"] {
   -webkit-appearance: none;
   appearance: none;
   accent-color: #cd0000;
   background: transparent;
   cursor: pointer;
   display: block;
   height: 18px;
   margin: 0;
   min-height: 18px;
   padding: 0;

}
 .business-card-proof-controls input[type="range"]::-webkit-slider-runnable-track {
   background: #d8dee8;
   border-radius: 999px;
   height: 3px;

}
.business-card-proof-controls input[type="range"]::-webkit-slider-thumb {
   -webkit-appearance: none;
   appearance: none;
   background: #cd0000;
   border: 0;
   border-radius: 50%;
   height: 11px;
   margin-top: -4px;
   width: 11px;

}
 .business-card-proof-controls input[type="range"]::-moz-range-track {
   background: #d8dee8;
   border-radius: 999px;
   height: 3px;

}
.business-card-proof-controls input[type="range"]::-moz-range-thumb {
   background: #cd0000;
   border: 0;
   border-radius: 50%;
   height: 11px;
   width: 11px;

}
 .business-card-proof-controls textarea {
   background: #fff;
   border: 1px solid #d8dee8;
   border-radius: 8px;
   color: #32325d;
   min-height: 76px;
   padding: 8px 10px;
   resize: vertical;

}
 .business-card-proof-controls input[type="number"] {
   background: #fff;
   border: 1px solid #d8dee8;
   border-radius: 8px;
   color: #32325d;
   padding: 6px 10px;

}
 .business-card-proof-controls input[type="number"].business-card-proof-number-dragging {
   border-color: #cd0000;
   box-shadow: 0 0 0 2px rgba(205, 0, 0, 0.12);
   cursor: ew-resize;

}
 .business-card-proof-controls select {
   background: #fff;
   border: 1px solid #d8dee8;
   border-radius: 8px;
   color: #32325d;
   padding: 6px 10px;

}
 .business-card-proof-controls .btn {
   margin: 0;

}
 .business-card-proof-controls .business-card-proof-check {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 8px;
   min-height: 34px;

}
 .business-card-proof-controls .business-card-proof-check input {
   width: auto;

}
 .business-card-proof-message-control {
   grid-column: 1 / -1;

}
 .business-card-proof-message-section .business-card-proof-message-control {
   grid-column: 1 / -1;

}
 .business-card-proof-message-autofill {
   align-self: center;

}
 .business-card-proof-message-autofill-detail {
   font-size: 11px;
   min-height: 28px;
   padding: 5px 10px;

}
 .business-card-proof-toggle-btn[data-active="1"] {
   background: #cd0000;
   color: #fff;

}
 .business-card-proof-close {
   align-self: center;

}
 .business-card-proof-snap-actions {
   align-items: center;
   display: inline-flex;
   gap: 8px;
   justify-content: center;

}
 .business-card-proof-snap {
   background: #fff;
   border: 1px solid #d8dee8;
   border-radius: 999px;
   color: #32325d;
   font-size: 13px;
   font-weight: 800;
   min-width: 74px;
   padding: 7px 14px;

}
 .business-card-proof-snap:hover {
   border-color: #cd0000;
   color: #cd0000;

}
 .business-card-proof-close-link {
   align-self: center;
   background: transparent;
   border: 0;
   box-shadow: none;
   color: #cd0000;
   font-size: 11px;
   font-weight: 700;
   line-height: 1.2;
   padding: 2px 4px;
   text-decoration: underline;

}
 .business-card-proof-close-link:hover {
   color: #9f0000;

}
 .business-card-proof-user-actions {
   align-items: center;
   border-top: 0;
   color: #525f7f;
   display: flex;
   flex-direction: column;
   font-size: 13px;
   font-weight: 700;
   gap: 8px;
   justify-content: center;
   padding-top: 16px;

}
.business-card-proof-viewer[data-folder-mode="yes"] .business-card-proof-user-actions {
   padding-top: 4px;

}
 .business-card-proof-reopen-row {
   display: flex;
   justify-content: center;
   margin: 12px 0;

}
 .business-card-proof-reopen {
   background: rgba(255, 255, 255, 0.88);
   border: 1px solid #d8dee8;
   border-radius: 999px;
   color: #32325d;
   font-size: 12px;
   font-weight: 800;
   padding: 8px 14px;

}
 .business-card-proof-reopen:hover {
   border-color: #cd0000;
   color: #cd0000;

}
 .business-card-proof-disable {
   background: #525f7f;
   color: #fff;

}
 @media (max-width: 700px) {
   .business-card-proof-viewer {
     padding: 14px;

   }
   .business-card-proof-stage {
     min-height: calc(var(--bc-height) + 80px);
     overflow: visible;

   }
   .business-card-proof-image-grid {