:root{--ink:#182b42;--muted:#748196;--line:#e4e9ef;--canvas:#f3f5f8;--teal:#247d78;--navy:#17364c;--brand:#247d78}*{box-sizing:border-box}body{color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #83b9d2}h1,h2,h3,p{margin:0}button{border:0}small{font-size:11px}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dce2e9;border-radius:8px;min-height:40px;padding:10px 12px}textarea{resize:vertical}input::placeholder{color:#9ba6b5}input[type=checkbox]{width:16px;height:16px;min-height:16px;accent-color:var(--teal);flex-shrink:0}input[type=range]{accent-color:var(--teal);padding:0}button svg,a svg{flex-shrink:0}.app-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;height:100vh;min-height:740px;padding:31px 18px 20px;display:flex;position:sticky;top:0}.app-wordmark{letter-spacing:-1px;align-items:center;gap:11px;margin-bottom:35px;padding:0 8px;font-size:28px;font-weight:700;display:flex}.app-wordmark small{color:#758499;letter-spacing:1.2px;margin-top:3px;font-size:10px;font-weight:500;display:block}.wordmark-dot{color:var(--teal)}.app-symbol{background:var(--navy);color:#fff;border-radius:11px;place-items:center;width:42px;height:44px;display:grid}.sidebar nav{gap:4px;display:grid}.nav-item{text-align:left;color:#6f7e92;background:0 0;border-radius:8px;align-items:center;gap:12px;padding:12px 15px;font-size:13px;font-weight:500;display:flex}.nav-item.active{color:#1a6f69;background:#eaf3f2}.nav-item:hover{background:#f1f5f8}.nav-item small{background:#fff;border-radius:4px;margin-left:auto;padding:1px 6px}.sidebar-team{border-top:1px solid var(--line);flex-direction:column;flex:1;min-height:0;margin-top:27px;padding-top:24px;display:flex}.sidebar-heading{letter-spacing:1.5px;text-transform:uppercase;color:#8793a3;justify-content:space-between;align-items:center;padding:0 10px 13px;font-size:10px;font-weight:700;display:flex}.sidebar-heading button{color:#7c8999;background:0 0;place-items:center;padding:0;display:grid}.search-box{color:#9ba7b4;background:#f4f6f8;border-radius:7px;align-items:center;gap:7px;margin:0 4px 11px;padding:0 10px;display:flex}.search-box input{background:0 0;border:0;min-height:32px;padding:8px 0;font-size:11px}.people-list{scrollbar-width:thin;overflow:auto}.person-item{text-align:left;background:0 0;border-radius:8px;align-items:center;gap:8px;width:100%;min-height:47px;margin-bottom:2px;padding:8px 7px;display:flex}.person-item>span:nth-child(2){flex:1;font-size:11px;font-weight:500;line-height:1.4}.person-item small{color:#8a97a7;font-size:10px;display:block}.person-item.selected{background:#edf1f6}.person-item:hover{background:#f3f6f8}.person-item svg{color:#8597aa}.avatar{color:#576f85;background:#e6ecf1;border-radius:50%;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:18px;font-weight:500;display:grid;overflow:hidden}.avatar.small{width:31px;height:31px;font-size:10px}.avatar img{object-fit:cover;width:100%;height:100%}.sidebar-bottom{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:12px;padding:17px 5px 0;font-size:11px;display:flex}.sidebar-bottom div{flex:1}.sidebar-bottom small{color:#8995a4;margin-top:3px;font-size:10px;display:block}.sidebar-bottom svg{color:#859aaa}.admin-dot{background:#5b9c88;border-radius:50%;width:7px;height:7px}.main-panel{min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;justify-content:space-between;align-items:center;gap:15px;height:76px;padding:0 34px;display:flex;position:sticky;top:0}.breadcrumb{color:#8d98a8;align-items:center;gap:9px;font-size:11px;display:flex}.breadcrumb span{color:#455970}.save-group{align-items:center;gap:20px;display:flex}.save-state{color:#8593a1;align-items:center;gap:6px;font-size:11px;display:flex}.save-state>span{background:#81a79b;border-radius:50%;width:5px;height:5px}.save-state.unsaved{color:#ad773b}.save-state.unsaved>span{background:#ce9e57}.primary,.secondary,.text-button,.upload-label{white-space:normal;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.primary{background:var(--navy);color:#fff;border-radius:8px;padding:11px 16px}.primary:hover:enabled{background:#244d65}.secondary{color:#52677a;background:#fff;border:1px solid #dfe5eb;border-radius:8px;padding:10px 14px}.secondary:hover:enabled{background:#f7f9fb}.compact-button{padding:8px 12px}.text-button{color:var(--teal);background:0 0;padding:4px 0}.button-row{flex-wrap:wrap;gap:8px;display:flex}.main-content{max-width:1530px;margin:auto;padding:34px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px;display:flex}.eyebrow{letter-spacing:1.6px;color:#8b98a8;text-transform:uppercase;margin-bottom:9px;font-weight:700;font-size:9px!important}.page-heading h1{letter-spacing:-.9px;margin-bottom:8px;font-size:28px;font-weight:600;line-height:1.3}.page-heading p:not(.eyebrow){color:#8591a0;font-size:12px;line-height:1.7}.review-badge{color:#7c8c9d;white-space:nowrap;background:#eaf0f4;border-radius:5px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;display:inline-flex}.review-badge>span{background:#90a5b6;border-radius:50%;width:5px;height:5px}.person-heading{align-items:center;gap:12px;margin-bottom:20px;display:flex}.person-heading h2{margin-bottom:4px;font-size:16px;font-weight:600}.person-heading span:not(.avatar){color:#8a95a3;font-size:11px}.person-heading button{margin-left:auto}.profile-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.profile-tabs button{color:#6e7e91;border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:11px 14px;font-size:12px;display:flex}.profile-tabs button[aria-pressed=true]{color:#1b3a51;border-color:#7793a9;box-shadow:0 0 0 1px #7793a91a}.profile-tabs button>span{border-radius:50%;width:7px;height:7px}.profile-tabs small{color:#96a1ae;background:#f3f5f7;border-radius:3px;padding:2px 5px;font-size:9px}.profile-tabs .add-profile{background:0 0;border:1px dashed #c9d4de}.workspace-grid{grid-template-columns:minmax(260px,344px) minmax(380px,1fr);align-items:start;gap:24px;display:grid}.editor-panel{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;padding:22px}.panel-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:11px;display:flex}.panel-heading h2,.history-panel h2{letter-spacing:-.2px;font-size:14px;font-weight:600}.status-pill{white-space:nowrap;border-radius:5px;padding:4px 7px;font-size:9px}.status-pill.draft{color:#ae8a56;background:#fbf3e8}.status-pill.active{color:#548069;background:#eaf4ee}.form-intro{color:#8b97a6;margin-bottom:20px;font-size:11px;line-height:1.7}.form-intro strong{color:#66798e;font-weight:500}.form-stack{gap:16px;display:grid}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>span{color:#596c80;font-size:11px;font-weight:500}.field>small{color:#98a3af;font-size:10px;line-height:1.6}.field input,.field select,.field textarea{font-size:12px}.check-field{color:#5e7184;align-items:flex-start;gap:9px;margin:3px 0;font-size:11px;line-height:1.6;display:flex}.check-field small{color:#93a0ae;margin-top:3px;font-size:10px;line-height:1.6;display:block}.check-field input{margin:1px 0 0}.optional-fields{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}.optional-fields summary{color:#566d82;cursor:pointer;font-size:12px}.optional-fields summary span{color:#96a2ae;margin:5px 0 0 16px;font-size:10px;display:block}.optional-fields .form-stack{padding-top:17px}.preview-panel{min-width:0}.preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px;display:flex}.segmented{background:#e6ebf0;border-radius:8px;gap:2px;padding:3px;display:inline-flex}.segmented button{color:#8290a1;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 11px;font-size:11px;display:flex}.segmented button[aria-pressed=true]{color:#3b566f;background:#fff;box-shadow:0 1px 4px #233b5010}.segmented.subtle{background:0 0}.segmented.subtle button{padding:7px 8px;font-size:10px}.segmented.subtle button[aria-pressed=true]{box-shadow:none;background:#e8edf2}.email-preview{background:#fff;border:1px solid #dfe6ed;border-radius:12px;overflow:hidden;box-shadow:0 12px 32px #24405e04}.email-chrome{background:#fbfcfd;border-bottom:1px solid #e9edf2;align-items:center;gap:5px;padding:15px 18px;display:flex}.email-chrome>span{background:#dfe5ec;border-radius:50%;width:7px;height:7px}.email-chrome small{color:#a0acb7;margin-left:7px;font-size:10px}.preview-size{gap:6px;margin-left:auto;display:flex}.preview-size button{color:#a0adba;background:0 0;padding:3px;font-size:9px}.preview-size button[aria-pressed=true]{color:#506a83}.email-body{background:#fff;min-height:478px;margin:auto;padding:23px 27px 32px;transition:max-width .2s}.email-body.mobile-email{border-left:1px solid #eef1f4;border-right:1px solid #eef1f4;max-width:360px;padding:20px 13px}.email-subject{color:#a0a8b2;border-bottom:1px solid #f0f2f5;margin-bottom:24px;padding-bottom:17px;font-size:11px}.email-subject>span{color:#bcc4cd;margin-right:15px}.sample-message{color:#758495;margin-bottom:23px;font:12px/1.65 Arial,sans-serif}.signature-render{overflow-wrap:anywhere}.signature-render table{max-width:100%!important}.signature-render img{max-width:100%;height:auto}.export-bar{justify-content:space-between;align-items:center;gap:15px;padding:22px 0 18px;display:flex}.export-bar h3{margin-bottom:5px;font-size:12px;font-weight:600}.export-bar p{color:#8f9dab;max-width:270px;font-size:10px;line-height:1.6}.export-bar .button-row{flex-shrink:0}.gentle-note{color:#9aa5b1;background:#edf1f5;border-radius:8px;align-items:flex-start;gap:8px;padding:13px 15px;font-size:10px;line-height:1.7;display:flex}.gentle-note svg{color:#97aabb;flex-shrink:0;margin-top:2px}.business-card{color:#26364a;background:#fff;border-radius:22px;width:100%;max-width:430px;margin:0 auto;overflow:hidden;box-shadow:0 20px 55px #152c4520}.card-preview-wrap{background:radial-gradient(#e7edf2,#edf1f5 60%);border-radius:14px;padding:16px 24px 25px}.card-top{background:#fff;justify-content:space-between;align-items:center;padding:15px 22px;display:flex}.card-brand{letter-spacing:.2px;font-size:12px;font-weight:600}.language-switch{background:#f0f3f6;border-radius:6px;gap:3px;padding:3px;display:flex}.language-switch button{color:#93a0b0;background:0 0;border-radius:4px;padding:4px 7px;font-size:10px}.language-switch button[aria-pressed=true]{color:#1d344b;background:#fff;box-shadow:0 1px 4px #14283910}.card-hero{background:color-mix(in srgb,var(--brand) 75%,#e5edeb);height:335px;position:relative;overflow:hidden}.hero-portrait{object-fit:cover;width:100%;height:100%}.hero-shade{background:linear-gradient(#0000 35%,#10202fe8);position:absolute;inset:0}.hero-logo{background:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:68px;height:53px;padding:9px 12px;display:flex;position:absolute;top:20px;left:22px;box-shadow:0 3px 14px #00000008}.hero-logo img{object-fit:contain;max-width:88px;max-height:39px}.hero-name{color:#fff;position:absolute;bottom:25px;left:24px;right:24px}.hero-name>span{letter-spacing:1px;text-transform:uppercase;color:#ffffffa8;font-size:9px}.hero-name h1{letter-spacing:-.65px;margin:7px 0;font-size:25px;font-weight:600;line-height:1.18}.hero-name p{color:#ffffffe0;font-size:12px}.hero-monogram{letter-spacing:-8px;color:#ffffff8a;place-items:center;height:100%;padding-bottom:15px;font-size:98px;font-weight:600;display:grid}.card-hero.no-photo{height:260px}.card-content{padding:24px}.card-content .eyebrow{margin-bottom:12px;font-size:8px!important}.contact-list{gap:2px;display:grid}.contact-list>a,.contact-list>div{color:#536c80;overflow-wrap:anywhere;align-items:center;gap:12px;padding:10px 0;font-size:12px;display:flex}.contact-list>a:hover{color:var(--brand)}.contact-list svg{width:17px;height:17px;color:var(--brand);flex-shrink:0}.contact-list>*>span{flex:1;min-width:0}.contact-list>*>span>small{color:#9ba5af;letter-spacing:.4px;margin-bottom:3px;font-size:8px;display:block}.contact-list>*>svg:last-child:not(:first-child){color:#adbac5;width:14px}.social-row{flex-wrap:wrap;gap:7px;margin:13px 0 0;display:flex}.social-row a{color:#647d90;background:#f3f6f8;border-radius:6px;align-items:center;gap:6px;padding:8px 9px;font-size:10px;display:flex}.card-actions{gap:8px;margin-top:23px;display:flex}.card-actions .primary{background:var(--brand);flex:1;padding:13px;font-size:12px}.square-button{color:#728699;background:#fff;border:1px solid #e0e8ee;border-radius:8px;place-items:center;width:44px;display:grid}.card-footer{color:#a3acb7;border-top:1px solid #f1f3f6;justify-content:center;align-items:center;gap:7px;padding:15px;font-size:9px;display:flex}.card-footer>span{font-size:7px}.card-preview-actions{color:#95a3b2;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;font-size:10px;display:flex}.card-preview-actions a{font-size:10px}.qr-panel{flex-direction:column;align-items:center;gap:10px;padding:20px 0 0;display:flex}.qr-panel img{width:200px;height:200px}.qr-panel p{text-align:center;color:#8c9aa8;font-size:11px;line-height:1.7}.card-campaign{background:#f4f6f8;border-radius:9px;margin-top:20px;display:block;overflow:hidden}.card-campaign img{width:100%;display:block}.card-campaign>span{color:#617b8d;justify-content:space-between;align-items:center;gap:8px;padding:13px;font-size:11px;display:flex}.public-card-page{background:#e8eef3;min-height:100vh;padding:44px 20px}.preview-ribbon{color:#8193a6;justify-content:space-between;max-width:430px;margin:0 auto 18px;font-size:11px;display:flex}.empty-state{text-align:center;color:#a4b3c0;background:#f8fafc;border:1px dashed #d6e0e8;border-radius:15px;flex-direction:column;align-items:center;gap:18px;padding:75px 25px;display:flex}.empty-state h2{color:#657c90;letter-spacing:-.5px;font-size:20px;font-weight:500}.empty-state p{color:#8b9dad;max-width:420px;font-size:12px;line-height:1.8}.campaign-empty{min-height:400px}.person-edit-layout{grid-template-columns:minmax(300px,460px) 1fr;align-items:start;gap:30px;display:grid}.portrait-showcase{text-align:center;flex-direction:column;align-items:center;gap:23px;padding:30px;display:flex}.portrait-showcase>img,.portrait-monogram{object-fit:cover;background:#e1e8ef;border-radius:32px;width:270px;height:270px;box-shadow:0 15px 30px #2d465c0e}.portrait-monogram{color:#8a9fb1;place-items:center;font-size:80px;display:grid}.portrait-showcase h2{font-size:19px;font-weight:500}.portrait-showcase p{color:#90a0b1;margin:8px 0 18px;font-size:12px}.upload-label{color:#6b8295;cursor:pointer;background:#f6f9fb;border:1px dashed #c4d2dd;border-radius:8px;min-height:42px;padding:11px;position:relative;overflow:hidden}.upload-label input{opacity:0;cursor:pointer;position:absolute;inset:0}.inline-warning{color:#ac8754;background:#fff8ea;border-radius:7px;padding:11px;font-size:11px;line-height:1.8}.brands-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:26px;display:grid}.brand-tile{text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;padding:17px;position:relative}.brand-tile.selected{border-color:#7195ac;box-shadow:0 0 0 1px #7195ac20}.brand-tile-image{justify-content:center;align-items:center;height:66px;margin:5px 0 20px;display:flex}.brand-tile img{object-fit:contain;max-width:125px;max-height:66px}.brand-tile strong{font-size:12px;font-weight:500;display:block}.brand-tile small{color:#a0abba;margin-top:5px;font-size:10px;display:block}.brand-tile i{border-radius:50%;width:6px;height:6px;position:absolute;bottom:24px;right:16px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:22px;display:grid}.brand-editor{padding:26px}.color-field{color:#8194a5;align-items:center;gap:10px;font-size:12px;display:flex}.color-field input{width:65px;padding:5px}.campaign-layout{grid-template-columns:260px minmax(0,1fr);gap:25px;display:grid}.campaign-list{align-content:start;gap:10px;display:grid}.campaign-list button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;padding:20px 20px 20px 35px;position:relative}.campaign-list button.selected{border-color:#7c9bb0}.campaign-list strong{font-size:12px;font-weight:500;display:block}.campaign-list small{color:#91a0ad;margin-top:7px;font-size:10px;display:block}.campaign-dot{background:#c7d1da;border-radius:50%;width:6px;height:6px;position:absolute;top:25px;left:18px}.campaign-dot.enabled{background:#66a78b}.campaign-image{object-fit:contain;max-width:100%;max-height:200px;margin:20px 0;display:block}.settings-layout{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.settings-stack{gap:20px;display:grid}.deployment-step{color:#4b7468;align-items:flex-start;gap:11px;margin:20px 0;font-size:12px;display:flex}.deployment-step.pending{color:#7c8fa0}.deployment-step small{color:#9ca8b5;margin-top:5px;font-size:10px;display:block}.step-number{border:1px solid #cbd7e1;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:9px;display:grid}.history-panel{margin-top:24px}.history-panel h2{margin-bottom:15px}.history-panel>div{color:#8595a5;border-top:1px solid #f0f3f6;gap:20px;padding:10px 0;font-size:11px;display:flex}.history-panel>div>span{color:#a6b1bc;white-space:nowrap}.app-footer{color:#a6b1bd;justify-content:space-between;gap:20px;padding:15px 34px 28px;font-size:9px;display:flex}.app-footer span>span{padding:0 7px}.error-banner{color:#a15b45;background:#fff1ed;border-bottom:1px solid #f1d8ce;justify-content:space-between;align-items:center;gap:15px;padding:15px 34px;font-size:12px;line-height:1.6;display:flex}.error-banner button{color:inherit;background:#ffe3d9;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:8px 10px;font-size:11px;display:flex}.toast{z-index:60;color:#fff;background:#1d3b4e;border-radius:10px;align-items:center;gap:9px;max-width:90vw;padding:14px 20px;font-size:12px;display:flex;position:fixed;bottom:26px;left:calc(50% + 100px);transform:translate(-50%);box-shadow:0 12px 40px #192c4c20}.app-dialog{width:420px;max-width:calc(100vw - 30px);color:var(--ink);border:1px solid #e2e8ee;border-radius:17px;padding:28px;box-shadow:0 20px 60px #17334a25}.app-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#122d475c}.app-dialog .field{margin-top:20px}.app-dialog h2{font-size:19px;font-weight:500}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:27px;display:flex}.icon-button{color:#7d90a1;background:#f0f4f7;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.spinner{border:2px solid #ffffff60;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.not-found{text-align:center;gap:20px;padding:100px 25px;display:grid}.not-found a{color:var(--teal)}@media (min-width:1600px){.main-content{padding-top:42px}.workspace-grid{grid-template-columns:360px minmax(0,1fr)}.email-body{min-height:510px;padding:30px 40px}}@media (max-width:1190px){.sidebar{padding-left:12px;padding-right:12px}.app-shell{grid-template-columns:205px minmax(0,1fr)}.main-content{padding:28px 24px}.topbar{padding:0 24px}.workspace-grid{grid-template-columns:285px minmax(300px,1fr);gap:18px}.editor-panel{padding:18px}.preview-toolbar{align-items:flex-start}.preview-toolbar>.segmented.subtle{width:100%;padding:0}.export-bar{display:block}.export-bar .button-row{margin-top:15px}.page-heading h1{font-size:25px}.review-badge{display:none}.email-body{padding:20px}.card-preview-wrap{padding:15px}.hero-name h1{font-size:22px}.card-hero{height:290px}.brands-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-tile img{max-width:95px}.campaign-layout{grid-template-columns:190px minmax(0,1fr)}}@media (max-width:980px){.app-shell{grid-template-columns:180px minmax(0,1fr)}.workspace-grid{grid-template-columns:1fr}.preview-panel{grid-row:1}.email-body{min-height:380px}.preview-toolbar>.segmented.subtle{width:auto}.sidebar{padding:25px 9px 15px}.app-wordmark{gap:8px;padding:0 3px;font-size:23px}.app-symbol{width:34px;height:37px}.nav-item{padding:11px 9px;font-size:12px}.person-item{gap:6px;padding:7px 3px}.person-item>span:nth-child(2){font-size:10px}.brands-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-layout,.person-edit-layout{grid-template-columns:1fr}.portrait-showcase{grid-row:1}.portrait-showcase>img,.portrait-monogram{width:210px;height:210px}.page-heading h1{font-size:24px}.save-state{display:none}.campaign-layout{grid-template-columns:1fr}.campaign-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;min-height:0;padding:15px 16px;position:static}.app-wordmark{margin-bottom:19px;font-size:23px}.app-wordmark small{display:none}.app-symbol{width:30px;height:31px}.app-symbol svg{width:18px}.sidebar nav{justify-content:space-between;gap:4px;display:flex}.nav-item{flex-direction:column;flex:1;gap:5px;padding:8px 4px;font-size:9px}.nav-item small{display:none}.nav-item svg{width:16px;height:16px}.sidebar-team{margin-top:17px;padding-top:15px}.sidebar-heading{display:none}.search-box{margin:0 0 8px}.people-list{gap:6px;display:flex;overflow:auto}.person-item{border:1px solid #edf1f5;flex-shrink:0;width:155px;padding:7px 8px}.person-item>span:nth-child(2){font-size:10px}.sidebar-bottom{display:none}.topbar{height:62px;padding:0 17px}.breadcrumb{font-size:10px}.topbar .primary{padding:10px;font-size:10px}.main-content{padding:23px 16px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:24px}.page-heading h1{font-size:24px}.page-heading p:not(.eyebrow){font-size:11px}.page-heading>.primary,.page-heading>.secondary{padding:9px;font-size:10px}.eyebrow{font-size:8px!important}.person-heading{flex-wrap:wrap;gap:9px}.person-heading h2{font-size:14px}.person-heading .avatar{width:43px;height:43px}.person-heading .compact-button{margin-left:0;padding:8px;font-size:9px}.profile-tabs{gap:6px}.profile-tabs button{padding:10px;font-size:10px}.profile-tabs small{font-size:8px}.workspace-grid{gap:20px}.preview-toolbar{gap:7px}.segmented button{padding:8px;font-size:10px}.segmented.subtle button{padding:7px 5px;font-size:9px}.email-body{min-height:360px;padding:18px 13px}.email-chrome{padding:12px}.email-chrome small{font-size:9px}.email-subject{font-size:10px}.sample-message{font-size:11px}.signature-render table{font-size:11px!important}.signature-render td{word-break:normal}.signature-render td[width="82"]{width:64px;padding-right:10px!important}.signature-render td[width="82"] img{width:53px!important}.signature-render td>div:first-child{font-size:15px!important}.signature-render td img[width="105"]{width:88px!important}.export-bar{padding-top:18px}.gentle-note{font-size:9px}.editor-panel{padding:19px}.field input,.field select,.field textarea{font-size:16px}.field>span,.check-field{font-size:12px}.check-field small,.form-intro{font-size:11px}.form-grid{grid-template-columns:1fr;gap:18px}.brand-tile{padding:14px}.brand-tile strong{font-size:11px}.brand-tile small{font-size:9px}.card-preview-wrap{padding:12px}.card-top{padding:13px 17px}.card-content{padding:20px}.card-hero{height:300px}.hero-name{left:20px;right:20px}.hero-name h1{font-size:23px}.card-preview-actions{flex-direction:column;align-items:flex-start;gap:8px}.app-footer{flex-direction:column;gap:8px;padding:15px 17px 25px;font-size:9px}.toast{width:max-content;max-width:90vw;left:50%}.error-banner{flex-direction:column;align-items:flex-start;padding:12px 17px}.history-panel>div{display:block}.history-panel p{margin-top:4px}.public-card-page{background:#fff;min-height:100vh;padding:0}.public-card-page .business-card{max-width:none;box-shadow:none;border-radius:0}.public-card-page .card-hero{height:380px}.preview-ribbon{margin:0;padding:12px 16px;font-size:10px}.app-dialog{padding:23px}.campaign-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:.001ms!important}}
.business-card{--card-ink:#1e2938;--card-muted:#5b6673;--card-line:#dce1e7;width:100%;max-width:460px;box-shadow:none;color:var(--card-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:0 0;border:0;border-radius:0;margin:auto;font-family:Segoe UI,Arial,sans-serif;container:contact-card/inline-size}.business-card button,.business-card a{touch-action:manipulation}.business-card :is(button,a):focus-visible{outline-offset:4px;outline:3px solid #294d77}.card-top{background:0 0;justify-content:space-between;align-items:center;gap:16px;padding:0 0 20px;display:flex}.card-brand{color:var(--card-muted);align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.card-brand-line{background:var(--brand);border-radius:2px;width:24px;height:3px;display:block}.with-gradient .card-brand-line{background:var(--brand-gradient)}.language-switch{border:1px solid var(--card-line);background:0 0;border-radius:9px;gap:2px;padding:2px;display:flex}.language-switch button{min-width:44px;min-height:44px;color:var(--card-muted);background:0 0;border-radius:6px;padding:8px;font-size:12px;font-weight:600}.language-switch button[aria-pressed=true]{color:var(--card-ink);text-decoration:underline;-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand);text-underline-offset:6px;background:0 0;text-decoration-thickness:2px}.language-switch button:hover{background:#7783910c}.card-identity{background:0 0;grid-template-columns:1fr;gap:26px;padding:0;display:grid}.with-gradient .card-identity{background:0 0}.card-portrait{aspect-ratio:1;background:0 0;border-radius:16px;width:100%;position:relative;overflow:hidden}.card-portrait .portrait-image{object-fit:cover;width:100%;height:100%;display:block}.portrait-brand{pointer-events:none;background:0 0;align-items:flex-start;width:76px;height:48px;display:flex;position:absolute;top:18px;left:18px}.portrait-brand img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.card-logo{justify-content:flex-start;align-items:center;width:140px;height:86px;display:flex}.card-logo img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.card-name{text-align:left;background:0 0;min-width:0;padding:0 0 0 17px;position:relative}.card-name:before{content:"";background:var(--brand);border-radius:2px;width:3px;position:absolute;top:3px;bottom:3px;left:0}.with-gradient .card-name:before{background:var(--brand-gradient)}.card-name .person-name{letter-spacing:-.9px;overflow-wrap:anywhere;text-wrap:balance;max-width:17em;color:var(--card-ink);margin:0;font-size:30px;font-weight:650;line-height:1.15}.card-name .card-role{color:var(--card-muted);margin-top:9px;font-size:16px;font-weight:400;line-height:1.5}.card-name .company-label{letter-spacing:.2px;color:var(--card-muted);background:0 0;margin-top:3px;padding:0;font-size:12px;font-weight:500;line-height:1.6}.social-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.social-row a.social-icon-button{border:1px solid var(--card-line);width:44px;height:44px;color:var(--card-ink);background:0 0;border-radius:9px;place-items:center;padding:0;transition:border-color .15s;display:grid;position:relative}.social-row a.social-icon-button:hover{border-color:var(--brand)}.social-icon-button svg,.social-icon-button img{width:20px;height:20px}.social-icon-button img{filter:grayscale()}.icon-tooltip{white-space:nowrap;color:#fff;opacity:0;pointer-events:none;z-index:2;background:#253446;border-radius:6px;padding:6px 9px;font-size:12px;line-height:1.5;position:absolute;bottom:calc(100% + 8px);left:0}.social-icon-button:hover .icon-tooltip,.social-icon-button:focus-visible .icon-tooltip{opacity:1}.card-content{background:0 0;padding:24px 0 0}.card-actions{gap:10px;margin-bottom:26px;display:flex}.card-actions .primary{background:var(--button-color);min-width:0;min-height:50px;color:var(--on-brand);box-shadow:none;border:0;border-radius:9px;flex:1;padding:13px 18px;font-size:14px;font-weight:600;line-height:1.5}.with-gradient .card-actions .primary{background:var(--button-gradient)}.card-actions .primary:hover:enabled{background:var(--button-color);box-shadow:0 0 0 3px #1e29381a}.with-gradient .card-actions .primary:hover:enabled{background:var(--button-gradient)}.card-actions .square-button{border:1px solid var(--card-line);min-width:70px;min-height:50px;color:var(--card-ink);background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:12px;font-weight:600;display:flex}.contact-heading{border-top:1px solid var(--card-line);letter-spacing:.2px;color:var(--card-muted);text-transform:none;margin:0 0 4px;padding-top:23px;font-size:12px;font-weight:500;line-height:1.5}.contact-list{grid-template-columns:1fr;gap:0;display:grid}.contact-list>a{min-height:70px;color:var(--card-ink);background:0 0;border:0;border-bottom:1px solid #8d9baa26;border-radius:0;align-items:center;gap:14px;padding:13px 0;font-size:15px;line-height:1.45;display:flex}.contact-list>a:last-child{border-bottom:0}.contact-list>a:hover{color:var(--card-ink);background:#77839108}.contact-list .contact-icon{background:0 0;border:0;border-radius:0;flex:0 0 25px;place-items:center;width:25px;height:32px;display:grid}.contact-list .contact-icon svg{width:21px;height:21px;color:var(--brand-secondary);stroke-width:1.6px}.contact-list .contact-text{overflow-wrap:anywhere;flex:1;min-width:0}.contact-list .contact-text>small{letter-spacing:.1px;color:var(--card-muted);margin:0 0 2px;font-size:11px;font-weight:400;line-height:1.6;display:block}.contact-list .contact-text>span{display:block}.contact-list>a>svg:last-child{color:#778391;flex-shrink:0;width:15px;height:15px}.qr-panel{border:1px solid var(--card-line);text-align:center;background:0 0;border-radius:12px;flex-direction:column;align-items:center;gap:12px;margin:0 0 24px;padding:24px 16px;display:flex}.qr-panel :is(h2,h4){color:var(--card-ink);font-size:17px;line-height:1.4}.qr-panel p{color:var(--card-muted);font-size:13px;line-height:1.5}.qr-panel img{width:200px;max-width:100%;height:200px;display:block}.qr-download{border:1px solid var(--card-line);min-height:44px;color:var(--card-ink);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.card-campaign{border-top:2px solid var(--brand);background:0 0;margin-top:24px;padding-top:18px;display:block;overflow:hidden}.card-campaign img{border-radius:10px;width:100%;display:block}.card-campaign>span{color:var(--card-ink);padding:12px 0;font-size:14px;line-height:1.5}.public-card-page{background:#fff;min-height:100dvh;padding:36px 24px}.public-card-page .business-card{max-width:440px;box-shadow:none;background:0 0;border-radius:0}.preview-ribbon{color:#586675;max-width:440px;font-size:12px}.card-preview-wrap{background:0 0;padding:28px}.signature-language{color:#586675;justify-content:flex-end;align-items:center;gap:12px;margin:0 0 12px;font-size:12px;display:flex}.signature-language .segmented{padding:3px}.signature-language button{min-width:40px}.palette-preview{border:1px solid #fff5;border-radius:12px;min-height:52px}@media (max-width:640px){.public-card-page{padding:20px}.card-name .person-name{font-size:28px}.card-preview-wrap{padding:20px 8px}.card-top{padding-bottom:16px}.card-identity{gap:23px}}@media (prefers-reduced-motion:reduce){.business-card *{transition:none!important;animation:none!important}}.portrait-workspace{min-width:0}.crop-editor{background:#fff;border:1px solid #e0e7ee;border-radius:16px;grid-template-columns:minmax(120px,250px) minmax(150px,1fr);align-items:start;gap:22px;padding:24px;display:grid}.crop-editor canvas{aspect-ratio:1;background:#f0f3f7;border-radius:14px;width:100%;display:block}.crop-controls{gap:15px;display:grid}.crop-controls label{color:#526780;font-size:11px;display:block}.crop-controls label span{float:right;font-variant-numeric:tabular-nums}.crop-controls input{min-height:18px;margin-top:8px}.crop-controls small{color:#73839a;line-height:1.6}.portrait-showcase{padding-top:22px}.portrait-showcase>img{border-radius:18px;width:150px;height:150px}@media (max-width:640px){.crop-editor{grid-template-columns:1fr;padding:18px}.crop-editor canvas{max-width:280px;margin:auto}}.profile-delete{border-top:1px solid #e4e9ef;gap:6px;margin-top:8px;padding-top:16px;display:grid}.profile-delete button{color:#a12724;background:#fff;border:1px solid #e1b9b7;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:12px;font-weight:600;display:inline-flex}.profile-delete button:hover{background:#fff1f0}.profile-delete small{color:#66768b;font-size:11px;line-height:1.5}.removal-notice{color:#674c18;background:#fff4df;border:1px solid #dfc58d;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.removal-notice button{white-space:nowrap;color:#674c18;background:#fff;border:1px solid #dfc58d;border-radius:7px;align-items:center;gap:8px;min-height:44px;padding:8px 12px;display:flex}@media (max-width:640px){.removal-notice{flex-direction:column;align-items:flex-start}}.danger-button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#b42318;border:1px solid #b42318;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:600;display:inline-flex}.danger-button:hover{background:#912018}.danger-button:focus-visible{outline-offset:3px;outline:3px solid #173e59}
.auth-page{background:var(--canvas);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.auth-card{border:1px solid var(--line);background:#fff;border-radius:14px;gap:14px;width:100%;max-width:420px;padding:32px 28px;display:grid}.auth-card:before{content:"";background:linear-gradient(120deg,#2d6cb0 0%,#4788c1 100%);border-radius:3px;height:3px;margin:-8px 0 6px;display:block}.auth-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px;font-weight:600}.auth-card h1{letter-spacing:-.4px;margin:0;font-size:22px}.auth-lead{color:#52677a;margin:0;line-height:1.55}.auth-button{width:100%;font-size:13px}.auth-stack{justify-items:center;gap:12px;display:grid}.auth-stack .auth-button,.auth-field{width:100%}.auth-field{color:#52677a;gap:6px;font-size:12px;display:grid}.auth-field input{letter-spacing:.3em;text-align:center;border:1px solid #dfe5eb;border-radius:8px;padding:11px 12px;font-size:18px}.auth-field input:focus-visible,.auth-button:focus-visible{outline-offset:2px;outline:2px solid #2d6cb0}.auth-qr{border:1px solid var(--line);border-radius:10px;display:block}.auth-note{color:var(--muted);word-break:break-word;margin:0;font-size:12px;line-height:1.5}.auth-note code{word-break:break-all;font-size:11px}.auth-error{color:#8a1f1f;background:#fdecec;border-radius:8px;margin:0;padding:10px 12px;font-size:12px}.app-footer-user{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.app-footer-user form{display:inline}.link-button{color:var(--teal);font:inherit;font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}