:root{--fbc-primary:#5B5CE2;--fbc-accent:#22C55E;--fbc-ink:#0F172A;--fbc-muted:#64748B;--fbc-line:#E5E7EB;--fbc-bg:#F5F7FB}
.fbc-page{max-width:1440px;margin:0 auto;padding:32px 24px 60px;color:var(--fbc-ink)}
.fbc-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:24px}.fbc-hero-copy{max-width:850px}.fbc-kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#6D28D9;font-weight:800;margin-bottom:10px}.fbc-kicker span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#8B5CF6;margin-inline-end:8px}.fbc-hero h1{font-size:44px;line-height:1.06;margin:0 0 12px;letter-spacing:-.04em}.fbc-hero p{margin:0;color:var(--fbc-muted);font-size:17px;max-width:760px}.fbc-hero-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.fbc-hero-badges span{border:1px solid var(--fbc-line);background:#fff;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:750;color:#475569}
.fbc-workspace{display:grid;grid-template-columns:330px minmax(520px,1fr) 270px;gap:16px;align-items:stretch}.fbc-sidebar,.fbc-preview-panel,.fbc-export-panel{background:#fff;border:1px solid #E9EDF3;border-radius:24px;box-shadow:0 18px 50px rgba(15,23,42,.06)}.fbc-sidebar,.fbc-export-panel{padding:18px}.fbc-preview-panel{padding:18px;display:flex;flex-direction:column;min-width:0}.fbc-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.fbc-panel-head div{display:flex;gap:10px;align-items:center}.fbc-panel-head small,.fbc-preview-toolbar small{font-size:11px;color:#94A3B8;font-weight:800}.fbc-panel-head strong,.fbc-preview-toolbar strong{font-size:14px}.fbc-panel-head button{border:0;background:#F4F1FF;color:#6D28D9;border-radius:10px;padding:7px 10px;font-weight:700;cursor:pointer}
.fbc-tabs{display:flex;gap:6px;background:#F7F8FB;padding:5px;border-radius:13px;margin-bottom:16px}.fbc-tabs button{border:0;background:transparent;padding:9px 10px;border-radius:9px;color:#64748B;font-weight:800;cursor:pointer;flex:1}.fbc-tabs button.is-active{background:#fff;color:#111827;box-shadow:0 2px 10px rgba(15,23,42,.06)}.fbc-tab-panel{display:none}.fbc-tab-panel.is-active{display:block}.fbc-field{display:block;margin-bottom:12px}.fbc-field span{display:block;font-size:12px;font-weight:800;margin-bottom:6px;color:#334155}.fbc-field input,.fbc-field textarea{width:100%;box-sizing:border-box;border:1px solid #E2E8F0;border-radius:11px;padding:10px 11px;background:#FAFBFD;color:#0F172A;outline:none;font:inherit}.fbc-field input:focus,.fbc-field textarea:focus{border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139,92,246,.1)}.fbc-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fbc-sidebar-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:4px}.fbc-btn{border:1px solid #E2E8F0;background:#fff;color:#0F172A;border-radius:12px;padding:11px 14px;font-weight:800;cursor:pointer}.fbc-btn--ghost{background:#F8FAFC}.fbc-btn--primary{background:#111827;color:#fff;border-color:#111827}.fbc-subhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.fbc-subhead button{border:0;background:#F4F1FF;color:#6D28D9;border-radius:9px;padding:7px 10px;cursor:pointer}.fbc-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fbc-template-card{border:1px solid #E2E8F0;background:#fff;border-radius:12px;padding:8px;text-align:left;cursor:pointer}.fbc-template-card.is-active{border-color:#8B5CF6;box-shadow:0 0 0 2px rgba(139,92,246,.1)}.fbc-template-card strong{display:block;font-size:11px;margin-top:7px}.fbc-mini-card{height:52px;border-radius:8px;background:var(--tpl-bg);position:relative;overflow:hidden;display:block}.fbc-mini-card i{position:absolute;width:26px;height:8px;background:var(--tpl-primary);border-radius:5px;left:9px;top:11px}.fbc-mini-card b{position:absolute;width:52px;height:4px;background:var(--tpl-text);opacity:.8;border-radius:4px;left:9px;top:25px}.fbc-mini-card em{position:absolute;width:35px;height:3px;background:var(--tpl-primary);opacity:.65;border-radius:4px;left:9px;top:33px}.fbc-mini-card--gradient{background:linear-gradient(135deg,var(--tpl-primary),#111827)}.fbc-mini-card--gradient i,.fbc-mini-card--dark i{background:#fff}.fbc-mini-card--dark{background:linear-gradient(135deg,#0f172a,#111827)}.fbc-mini-card--dark b,.fbc-mini-card--dark em{background:#fff}.fbc-brand-mode{display:grid;grid-template-columns:1fr 1fr;background:#F7F8FB;border-radius:12px;padding:4px;margin-bottom:14px}.fbc-brand-mode button{border:0;background:transparent;border-radius:8px;padding:9px;font-weight:800;color:#64748B;cursor:pointer}.fbc-brand-mode button.is-active{background:#fff;color:#111827;box-shadow:0 2px 10px rgba(15,23,42,.06)}.fbc-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px dashed #C7D2FE;border-radius:14px;padding:18px;text-align:center;background:#FBFAFF;cursor:pointer}.fbc-upload span{font-size:20px;color:#6D28D9}.fbc-upload strong{font-size:13px}.fbc-upload small{font-size:11px;color:#94A3B8}.fbc-upload input{display:none}.fbc-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fbc-color-field{display:flex;align-items:center;justify-content:space-between;border:1px solid #E2E8F0;border-radius:12px;padding:9px 10px;background:#FBFCFE}.fbc-color-field span{font-size:11px;font-weight:800}.fbc-color-field input{width:36px;height:30px;border:0;padding:0;background:none}
.fbc-preview-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.fbc-preview-toolbar>div:first-child{display:flex;gap:10px;align-items:center}.fbc-preview-toggle{display:flex;gap:4px;background:#F7F8FB;padding:4px;border-radius:11px}.fbc-preview-toggle button{border:0;background:transparent;border-radius:8px;padding:8px 11px;font-weight:800;color:#64748B;cursor:pointer}.fbc-preview-toggle button.is-active{background:#fff;color:#111827;box-shadow:0 2px 9px rgba(15,23,42,.06)}.fbc-stage{flex:1;display:grid;place-items:center;min-height:560px;border-radius:18px;background:radial-gradient(circle at 50% 35%,#fff 0,#F8FAFC 55%,#EFF3F9 100%);padding:28px;overflow:hidden}.fbc-card-shell{width:min(100%,780px);perspective:1200px}.fbc-business-card{position:relative;aspect-ratio:3.5/2;overflow:hidden;border-radius:28px;background:var(--fbc-bg);box-shadow:0 34px 70px rgba(15,23,42,.2);color:var(--fbc-text);isolation:isolate;transform-style:preserve-3d}.fbc-card-bg{position:absolute;inset:0;background:var(--fbc-bg);z-index:-3}.fbc-card-shape{position:absolute;z-index:-2;filter:blur(1px);pointer-events:none}.fbc-card-shape--1{width:58%;height:160%;right:-8%;top:-60%;background:var(--fbc-primary);border-radius:50%;opacity:.98;transform:rotate(-18deg)}.fbc-card-shape--2{width:45%;height:90%;right:30%;bottom:-65%;background:var(--fbc-accent);border-radius:50%;opacity:.25}.fbc-logo{position:absolute;left:6.5%;top:7%;min-width:60px;min-height:32px;display:flex;align-items:center;justify-content:center;padding:4px 7px;font-weight:900;font-size:15px;letter-spacing:.08em;cursor:grab;z-index:3;user-select:none}.fbc-logo:active{cursor:grabbing}.fbc-logo img{max-width:90px;max-height:52px;object-fit:contain;display:block}.fbc-card-content{position:absolute;left:7%;right:36%;top:30%}.fbc-card-overline{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-bottom:9px}.fbc-card-content h2{font-size:clamp(26px,4.2vw,52px);line-height:.95;letter-spacing:-.045em;margin:0 0 8px;max-width:530px}.fbc-card-content p{margin:0 0 24px;font-size:clamp(12px,1.5vw,17px);opacity:.72}.fbc-card-contact{display:flex;flex-direction:column;gap:7px;font-size:12px;opacity:.82}.fbc-card-tagline{position:absolute;left:7%;bottom:7%;font-size:11px;max-width:56%;opacity:.7}.fbc-back-content{display:none;position:absolute;inset:0;padding:12% 9%;flex-direction:column;gap:10px}.fbc-back-content strong{font-size:30px}.fbc-back-content span,.fbc-back-content small{font-size:14px;opacity:.78}.fbc-business-card.is-back .fbc-card-content,.fbc-business-card.is-back .fbc-card-tagline,.fbc-business-card.is-back .fbc-logo,.fbc-business-card.is-back .fbc-card-shape{display:none}.fbc-business-card.is-back .fbc-back-content{display:flex}.fbc-drag-note{font-size:11px;color:#94A3B8;text-align:center;margin-top:10px}.fbc-export-card{border:1px solid #E8EDF3;border-radius:16px;padding:16px;margin-bottom:12px;background:linear-gradient(180deg,#FAFBFF,#F8FAFC)}.fbc-export-brand{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#111827;color:#fff;font-weight:900;margin-bottom:14px}.fbc-export-brand span{display:none}.fbc-export-card strong{font-size:13px;display:block;margin-bottom:6px}.fbc-export-card p{font-size:11px;color:#64748B;line-height:1.55;margin:0}.fbc-export-actions{display:grid;gap:8px}.fbc-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}.fbc-mini-stats span{border:1px solid #E8EDF3;border-radius:12px;padding:9px 6px;text-align:center}.fbc-mini-stats b{display:block;font-size:11px}.fbc-mini-stats small{font-size:9px;color:#94A3B8}.fbc-feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.fbc-feature-row>div{background:#fff;border:1px solid #E9EDF3;border-radius:16px;padding:14px 16px}.fbc-feature-row strong{font-size:22px;margin-inline-end:8px}.fbc-feature-row span{font-size:11px;color:#64748B}
[hidden]{display:none!important}
@media (max-width:1100px){.fbc-workspace{grid-template-columns:300px minmax(0,1fr)}.fbc-export-panel{grid-column:1/-1}.fbc-export-actions{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.fbc-page{padding:20px 12px 40px}.fbc-hero{display:block}.fbc-hero h1{font-size:34px}.fbc-hero-badges{justify-content:flex-start;margin-top:16px}.fbc-workspace{grid-template-columns:1fr}.fbc-sidebar{order:2}.fbc-preview-panel{order:1}.fbc-export-panel{order:3}.fbc-stage{min-height:420px;padding:14px}.fbc-feature-row{grid-template-columns:1fr 1fr}.fbc-export-actions{grid-template-columns:1fr}.fbc-card-content{right:28%}}
.fbc-business-card[data-template="classic"] .fbc-card-shape--1{width:22%;height:180%;right:-4%;top:-50%;border-radius:0;transform:rotate(14deg);opacity:1}.fbc-business-card[data-template="classic"] .fbc-card-shape--2{width:9%;height:140%;right:29%;bottom:-20%;border-radius:0;transform:rotate(14deg);opacity:.16}
.fbc-business-card[data-template="midnight"] .fbc-card-shape--1{width:72%;height:175%;right:-22%;top:-62%;background:linear-gradient(135deg,var(--fbc-primary),var(--fbc-accent));transform:rotate(-16deg);opacity:1}.fbc-business-card[data-template="midnight"] .fbc-card-shape--2{width:50%;height:110%;right:35%;bottom:-75%;background:#fff;opacity:.08}
.fbc-business-card[data-template="mint"] .fbc-card-shape--1{width:44%;height:150%;right:-4%;top:-26%;background:var(--fbc-primary);border-radius:0;transform:skewX(-12deg);opacity:1}.fbc-business-card[data-template="mint"] .fbc-card-shape--2{width:28%;height:115%;right:28%;bottom:-52%;background:var(--fbc-accent);opacity:.28}
.fbc-business-card[data-template="coral"] .fbc-card-shape--1{width:78%;height:200%;right:-28%;top:-90%;background:var(--fbc-primary);border-radius:48%;transform:rotate(26deg);opacity:1}.fbc-business-card[data-template="coral"] .fbc-card-shape--2{width:60%;height:30%;left:50%;right:auto;bottom:4%;background:var(--fbc-accent);border-radius:999px;opacity:.38;filter:blur(10px)}
.fbc-business-card[data-template="mono"] .fbc-card-shape--1{width:36%;height:140%;right:-6%;top:-25%;background:var(--fbc-primary);border-radius:0;transform:rotate(18deg);opacity:.09}.fbc-business-card[data-template="mono"] .fbc-card-shape--2{display:none}
.fbc-business-card[data-template="executive"] .fbc-card-shape--1{width:31%;height:150%;right:-2%;top:-24%;background:var(--fbc-primary);border-radius:0;transform:skewX(-18deg);opacity:1}.fbc-business-card[data-template="executive"] .fbc-card-shape--2{width:5%;height:150%;right:28%;bottom:-25%;background:var(--fbc-accent);border-radius:0;transform:skewX(-18deg);opacity:.7}
.fbc-business-card[data-template="violet"] .fbc-card-shape--1{width:60%;height:170%;right:-12%;top:-54%;background:linear-gradient(135deg,var(--fbc-primary),var(--fbc-accent));border-radius:50%;transform:rotate(-15deg);opacity:1}.fbc-business-card[data-template="violet"] .fbc-card-shape--2{width:42%;height:75%;right:23%;bottom:-45%;background:var(--fbc-primary);opacity:.16}