@import url('/styles.css');
.business-card{--card-accent:#276c72;--card-ink:#142030;--card-muted:#667681;--card-bg:#fff;--card-line:#e1e7e8;background:var(--card-bg);color:var(--card-ink);border-radius:24px;overflow:hidden;width:100%;max-width:430px;margin:auto;box-shadow:0 24px 70px #12212e14;border:1px solid var(--card-line)}.theme-midnight{--card-accent:#a4dad7;--card-ink:#f4f8fa;--card-muted:#acbcc8;--card-bg:#142030;--card-line:#344452}.card-cover{height:24px;background:#d7e8e8;border-bottom:1px solid var(--card-line)}.theme-midnight .card-cover{background:#263c50}.card-body{padding:0 30px 28px;text-align:center}.card-avatar{display:block;margin-inline:auto;width:104px;height:104px;object-fit:cover;border-radius:22px;border:5px solid var(--card-bg);margin-top:-12px;position:relative;background:var(--card-accent);color:var(--card-bg)}.initials{display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:700}.card-business{font-size:13px;letter-spacing:1.7px;text-transform:uppercase;color:var(--card-accent);font-weight:700;margin-top:20px;overflow-wrap:anywhere}.business-card h1{font-size:32px;line-height:1.13;letter-spacing:-1px;margin-top:9px;overflow-wrap:anywhere}.card-role{font-size:16px;color:var(--card-muted);margin-top:9px}.card-bio{font-size:15px;line-height:1.6;margin-top:18px;overflow-wrap:anywhere}.card-location{font-size:14px;color:var(--card-muted);margin-top:12px}.card-bio:empty,.card-role:empty,.card-location:empty{display:none}.save-contact{display:block;background:var(--card-accent);color:var(--card-bg);text-align:center;border-radius:10px;padding:15px;font-weight:700;font-size:15px;margin-top:24px}.contact-links{display:grid;gap:9px;margin-top:12px}.contact-link{display:flex;justify-content:center;align-items:center;position:relative;text-align:center;border:1px solid var(--card-line);padding:13px 40px;border-radius:10px;color:var(--card-ink);font-size:15px;gap:12px}.contact-link:hover{border-color:var(--card-accent)}.card-brand{display:block;text-align:center;margin-top:28px;font-size:12px;color:var(--card-muted)}.public-card-page{background:#f0f4f4;padding:36px 18px;min-height:100vh}.editor-wrap{max-width:1160px;margin:0 auto;padding:42px 24px 80px}.editor-title h1{font-size:38px;letter-spacing:-1.2px;line-height:1.2}.editor-title p{margin-top:10px;color:var(--muted)}.editor-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:48px;margin-top:32px;align-items:start}.editor-form{background:white;border:1px solid var(--line);border-radius:16px;padding:28px}.editor-form fieldset{border:0;padding:0;margin:0 0 28px}.editor-form legend{font-weight:700;font-size:20px;margin-bottom:6px}.editor-form label{display:block;font-size:14px;font-weight:600;margin:16px 0 6px}.editor-form input,.editor-form textarea,.editor-form select{font:inherit;width:100%;padding:11px 12px;border:1px solid #cbd4d8;border-radius:8px;background:white;color:#142030}.editor-form textarea{min-height:105px;resize:vertical}.editor-form input:focus-visible,.editor-form textarea:focus-visible,.editor-form select:focus-visible{outline:3px solid #629aab;outline-offset:2px}.editor-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.editor-help{font-size:14px;color:var(--muted);margin-top:9px;line-height:1.6}.editor-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.editor-actions button{font:inherit}.editor-status{font-size:14px;margin-top:15px;min-height:24px}.editor-status.error{color:#a12a2a}.editor-preview{position:sticky;top:24px}.preview-caption{display:flex;justify-content:space-between;font-size:13px;text-transform:uppercase;letter-spacing:1px;margin-bottom:18px;max-width:430px;margin-inline:auto}.editor-preview .business-card a{pointer-events:none}.editor-share{border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:24px;overflow-wrap:anywhere}.editor-share p{font-size:14px;margin-top:10px}.editor-share>a{display:block;margin-top:12px;font-size:14px;color:#326e76;text-decoration:underline}.editor-share .editor-actions a{font-size:14px}.photo-remove{background:none;border:0;padding:10px 0;color:#326e76;text-decoration:underline;font:inherit;cursor:pointer}.editor-form button:disabled{opacity:.55;cursor:wait}.card-entry{display:flex;justify-content:space-between;align-items:center;gap:24px}.card-entry p{margin-top:6px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:760px){.editor-grid{grid-template-columns:1fr;gap:28px}.editor-preview{position:static;grid-row:1}.editor-form{padding:22px}.editor-title h1{font-size:32px}.editor-pair{grid-template-columns:1fr;gap:0}.card-entry{display:block}.card-entry a{margin-top:18px}.public-card-page{padding:20px 12px}.editor-wrap{padding-inline:18px}.card-body{padding-inline:24px}}

.theme-cobalt{--card-accent:#244bd1;--card-ink:#182345;--card-muted:#586480;--card-bg:#f8faff;--card-line:#dce3f5}.theme-cobalt .card-cover{background:linear-gradient(125deg,#1533a5,#4677f5)}
.theme-forest{--card-accent:#b6e2bd;--card-ink:#f2f8f2;--card-muted:#afc6b7;--card-bg:#16372b;--card-line:#3a5949}.theme-forest .card-cover{background:linear-gradient(125deg,#245b41,#477b54)}
.theme-rose{--card-accent:#973757;--card-ink:#412333;--card-muted:#795a6a;--card-bg:#fff8fb;--card-line:#ecd9e1}.theme-rose .card-cover{background:linear-gradient(125deg,#d892ae,#f3ccd9)}

.theme-white{--card-accent:#000;--card-ink:#000;--card-muted:#595959;--card-bg:#f2f2f2;--card-line:#dedede}.theme-white .card-cover{background:#000}
.theme-black{--card-accent:#fff;--card-ink:#fff;--card-muted:#bdbdbd;--card-bg:#000;--card-line:#383838}.theme-black .card-cover{background:#dedede}

.card-cover.card-footer{border-bottom:0;border-top:1px solid var(--card-line)}

.theme-white .contact-link{background:#fff}.theme-white .save-contact{color:#fff}

.theme-black .save-contact{background:#dedede;color:#000}

.theme-daybreak{--card-accent:#142030;--card-ink:#142030;--card-muted:#475e60;--card-bg:#e6f4f2;--card-line:#b7cfcc}.theme-daybreak .card-cover{background:#263c50}.theme-daybreak .contact-link{background:#d7eae7}

@media (max-width:760px), (max-height:600px) and (pointer:coarse){
 .public-card-page{margin:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);min-height:100vh;min-height:100dvh;background:var(--card-bg,#fff)}
 .public-card-page>.business-card{display:flex;flex-direction:column;width:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;min-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));min-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow:visible}
 .public-card-page .card-cover{flex:none}
 .public-card-page .card-body{flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(16px,3dvh,28px);padding:0 clamp(20px,6vw,36px) clamp(20px,3dvh,32px);min-width:0}
 .public-card-page .card-body>*{flex-shrink:0;min-width:0}
 .public-card-page .card-identity{display:flow-root;margin-top:auto}
 .public-card-page .card-identity h1{font-size:clamp(1.75rem,8vw,2.5rem)}
 .public-card-page .card-role,.public-card-page .card-location{overflow-wrap:anywhere}
 .public-card-page .save-contact{margin-top:0;min-height:48px}
 .public-card-page .contact-link{min-height:48px}
 .public-card-page .card-brand{margin-top:auto}
}
.editor-title .editor-owner{padding:14px 18px;background:#edf3f3;color:#285257;border:1px solid #cbdcdd;border-radius:8px;font-size:16px;font-weight:600;overflow-wrap:anywhere;margin-top:20px}