:root { --ink:#17202d; --muted:#728095; --line:#e7ebf0; --paper:#fff; --canvas:#f8f9fb; --lime:#ccff42; --navy:#102033; --coral:#fe6a5f; --purple:#7652ff; --font:'DM Sans',Arial,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--canvas); font-family:var(--font); font-size:14px; }
button,input { font:inherit; }
button { cursor:pointer; }
.app-shell { min-height:100vh; display:grid; grid-template-columns:240px 1fr; }
.sidebar { background:#102033; color:#f7fbff; padding:28px 17px 18px; display:flex; flex-direction:column; min-height:100vh; position:sticky; top:0; height:100vh; }
.brand { color:#fff; font-size:24px; letter-spacing:-1.3px; text-decoration:none; font-weight:700; padding:0 10px 37px; display:flex; align-items:center; gap:7px; }
.brand-mark,.public-logo { background:var(--lime); color:#102033; width:28px; height:28px; display:grid; place-items:center; border-radius:9px; font-family:Georgia,serif; font-size:23px; line-height:1; }
.sidebar nav { display:grid; gap:6px; }
.nav-link { color:#aeb8c6; text-decoration:none; border-radius:9px; padding:10px 11px; display:flex; align-items:center; gap:10px; font-weight:600; transition:.2s; }
.nav-link span { font-size:18px; width:17px; text-align:center; font-weight:400; }.nav-link.active,.nav-link:hover { color:#fff; background:#213349; }.nav-link small { color:#8b9aac; margin-left:auto; font-size:10px; font-weight:600; }
.sidebar-bottom { margin-top:auto; display:grid; gap:18px; }.plan-card { background:#213349; border-radius:12px; padding:12px; display:grid; grid-template-columns:20px 1fr; column-gap:7px; }.plan-card .sparkle{ color:var(--lime); font-size:17px; }.plan-card strong { font-size:12px; }.plan-card p { margin:3px 0 9px; color:#b8c2ce; font-size:10px; line-height:1.35; }.plan-card button { grid-column:2; color:#102033; background:var(--lime); border:0; border-radius:6px; padding:6px; font-size:10px; font-weight:700; }.user-menu { background:transparent;border:0;color:white;display:flex;text-align:left;gap:8px;padding:3px 1px;align-items:center; }.avatar { width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#fed56b;color:#5d3e00;font-size:10px;font-weight:700; }.user-menu b,.user-menu small { display:block;font-size:11px; }.user-menu small { color:#aab5c2;font-size:9px;margin-top:2px; }.user-menu i{font-style:normal;margin-left:auto;color:#9aa7b6;}
main { min-width:0; }.topbar { min-height:126px; padding:29px 52px 22px; background:#fff; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; gap:20px; }.eyebrow { margin:0 0 7px; font-size:10px; letter-spacing:1.2px; color:#8290a3; font-weight:700; }.topbar h1 { font-size:22px; margin:0; letter-spacing:-.65px; }.button { border:0; border-radius:8px; padding:10px 15px; line-height:1; font-weight:700; font-size:12px; transition:transform .15s, background .15s; white-space:nowrap; }.button:hover { transform:translateY(-1px); }.button.primary { background:#102033; color:#fff; box-shadow:0 3px 8px #10203322; }.button.primary span{font-size:16px; vertical-align:-1px; margin-right:4px}.button.secondary { background:#e9f0f5;color:#203246; }.button.ghost { background:transparent; color:#5e6e82; }.button.small { padding:8px 10px; font-size:11px; }.button.full-width {width:100%;margin-top:10px;}
.workspace { max-width:1280px; margin:0 auto; display:grid; grid-template-columns:minmax(510px,1fr) minmax(400px,.83fr); min-height:calc(100vh - 126px); }.editor-panel { padding:30px 40px 80px 52px; border-right:1px solid var(--line); background:#fff; }.preview-panel { padding:30px 38px; background:#f8f9fb; }.card-switcher { display:flex; gap:8px; overflow-x:auto; padding-bottom:5px; }.card-tab { flex:0 0 auto; display:flex; align-items:center; gap:8px; min-width:129px; padding:8px 9px; border:1px solid #e6eaf0; border-radius:9px; color:#65748a; background:#fff; text-align:left; transition:.15s; }.card-tab.active{color:#17202d;border-color:#17202d;box-shadow:0 2px 8px #17202d0b;}.tab-mark {width:24px;height:24px;border-radius:6px;display:grid;place-items:center;font-size:9px;font-weight:700;background:#f2edff;color:#6044cc;}.card-tab b{display:block;font-size:11px;max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-tab small{display:block;font-size:9px;margin-top:2px;color:#98a3b1}.new-tab {min-width:auto;padding:10px 12px;font-size:17px;color:#77869a}.editor-title-row,.preview-header { display:flex; align-items:end; justify-content:space-between; margin:28px 0 25px; }.editor-title-row h2,.preview-header h2 { font-size:20px;letter-spacing:-.5px;margin:0; }.saved-state {font-size:10px;color:#4b8060;background:#eaf8ed;border-radius:10px;padding:4px 8px;font-weight:600}.saved-state::before{content:'●';font-size:7px;margin-right:4px}.form-section { padding:24px 0 25px; border-top:1px solid var(--line); }.section-heading { display:flex; gap:12px; margin-bottom:18px; }.section-number { width:22px;height:22px;border-radius:50%;background:#eef1f5;color:#64748a;display:grid;place-items:center;flex:0 0 auto;font:10px 'DM Mono',monospace; }.section-heading h3 {margin:0 0 4px;font-size:14px;letter-spacing:-.15px}.section-heading p {margin:0;color:var(--muted);font-size:11px;line-height:1.4}.template-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:7px; }.template-option {min-width:0;padding:5px;border:1.5px solid transparent;border-radius:9px;background:white;text-align:left;position:relative}.template-option.active { border-color:#17202d; }.template-swatch {height:56px;border-radius:5px;padding:7px;position:relative;overflow:hidden}.template-swatch::before{content:'';width:19px;height:19px;border-radius:50%;background:currentColor;display:block;opacity:.9}.template-swatch::after{content:'';position:absolute;width:55%;height:3px;background:currentColor;left:7px;bottom:9px;box-shadow:0 -7px 0 -1px currentColor;opacity:.8}.template-option b {font-size:9px;display:block;margin:6px 2px 1px;overflow:hidden;text-overflow:ellipsis}.template-option small{font-size:8px;color:#8a97a7;margin-left:2px}.premium-badge {position:absolute;right:6px;top:6px;background:#fff;color:#17202d;font-size:7px;padding:2px 3px;border-radius:3px;font-weight:700}.identity-row { display:flex;gap:15px;align-items:center;margin-bottom:15px}.photo-upload{position:relative;flex:0 0 auto;cursor:pointer}.photo-upload input{display:none}.photo-circle,.public-avatar{width:57px;height:57px;border-radius:50%;display:grid;place-items:center;background:#f7dc90;color:#624900;font-weight:700;font-size:15px;overflow:hidden;background-size:cover;background-position:center}.photo-plus {position:absolute;width:17px;height:17px;bottom:-1px;right:-2px;border-radius:50%;background:#17202d;color:#fff;display:grid;place-items:center;border:2px solid white;font-size:14px;line-height:1}.grow{flex:1}.field-grid {display:grid;gap:12px}.field-grid.two-col {grid-template-columns:1fr 1fr}.field-grid .wide{grid-column:1/-1}label {color:#55657a;font-size:10px;font-weight:700;display:grid;gap:6px}input {outline:0;width:100%;border:1px solid #dce3eb;border-radius:6px;padding:9px 10px;color:#1c2a3b;background:#fff;font-size:12px;transition:.15s}input:focus{border-color:#5268ad;box-shadow:0 0 0 3px #5268ad12}.services-list{display:grid;gap:8px;margin-bottom:11px}.service-editor{border:1px solid #e4e9ef;border-radius:8px;padding:10px;display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center}.service-editor strong{font-size:11px}.service-editor .price{font:10px 'DM Mono',monospace;color:#617088;background:#f4f6f8;padding:4px 5px;border-radius:4px}.service-editor p{grid-column:1/2;margin:0;color:#7f8c9d;font-size:10px}.remove-service{grid-row:1/3;grid-column:2;border:0;background:transparent;color:#b3bdca;font-size:17px;align-self:center}.add-service { padding:12px;background:#f7f9fb;border-radius:8px}.add-service .field-grid{gap:8px;margin-bottom:10px}.add-service input {padding:7px 8px;font-size:11px}.share-slug{display:flex;align-items:center;gap:0;border:1px solid #dce3eb;border-radius:6px;padding-left:10px;color:#708095;font:11px 'DM Mono',monospace;overflow:hidden}.share-slug input{border:0;padding:9px 3px;border-radius:0;font-family:inherit}.icon-button{border:0;border-left:1px solid #e4e8ee;background:#fff;padding:9px 11px;color:#51627a;font-size:14px}.dots{border:0;background:transparent;color:#607087;font-size:16px;letter-spacing:2px;padding:0}.preview-header{margin:0 0 20px}.phone-stage{display:flex;justify-content:center}.phone {width:300px;height:602px;border:7px solid #162331;border-radius:36px;padding:11px 10px 9px;background:#162331;box-shadow:0 19px 42px #16233125;position:relative}.phone-notch {width:88px;height:19px;background:#162331;border-radius:0 0 13px 13px;position:absolute;left:50%;transform:translateX(-50%);top:0;z-index:2}.public-card {height:100%;border-radius:23px;overflow:hidden;position:relative;padding:25px 21px 14px;display:flex;flex-direction:column;background:#fff;color:#17202d;transition:background .3s,color .3s}.public-top{display:flex;justify-content:space-between;align-items:center}.public-logo{width:21px;height:21px;border-radius:7px;font-size:18px}.more-icon{border:0;background:transparent;color:inherit;font-size:13px;letter-spacing:1px}.public-profile{margin-top:30px;position:relative;width:max-content}.public-avatar {width:68px;height:68px;font-size:17px}.online-dot{position:absolute;right:1px;bottom:2px;width:12px;height:12px;border-radius:50%;background:#78da6e;border:2px solid white}.public-card h3{font-size:22px;letter-spacing:-.7px;margin:17px 0 3px;line-height:1.1}.public-card .role{margin:0;font-size:11px;font-weight:600}.public-card .company{margin:5px 0 18px;font-size:10px;color:inherit;opacity:.65}.contact-actions{display:flex;gap:6px}.contact-actions a{flex:1;text-align:center;text-decoration:none;color:inherit;background:#eef2f5;border-radius:5px;padding:7px 2px;font-size:9px;font-weight:700}.public-divider{border-top:1px solid currentColor;opacity:.12;margin:17px 0 14px}.services-label{font-size:8px;letter-spacing:1px;font-weight:700;margin:0 0 9px;opacity:.55}.preview-service{display:flex;justify-content:space-between;gap:8px;margin:0 0 9px;font-size:10px;font-weight:600}.preview-service span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-service b{font:9px 'DM Mono',monospace;white-space:nowrap;opacity:.8}.save-contact{margin-top:auto;border:0;border-radius:7px;padding:10px;background:#17202d;color:#fff;font-weight:700;font-size:10px}.save-contact span{font-size:14px;vertical-align:-1px;margin-right:3px}.powered{text-align:center;font-size:8px;margin:10px 0 0;opacity:.55}.preview-actions{display:flex;justify-content:center;gap:4px;margin-top:20px}.preview-actions .button{padding-left:10px;padding-right:10px}.preview-actions .ghost{font-size:11px}
/* Card themes */
.theme-coral {background:#ff6e60;color:#192337}.theme-coral .contact-actions a{background:#ff9d92}.theme-coral .save-contact{background:#192337}.theme-coral .online-dot{border-color:#ff6e60}.theme-ink {background:#1a2a3d;color:#f6f4e9}.theme-ink .contact-actions a{background:#32455a}.theme-ink .save-contact{background:#ccff42;color:#17202d}.theme-ink .online-dot{border-color:#1a2a3d}.theme-lilac {background:#e6dcff;color:#302556}.theme-lilac .contact-actions a{background:#d2c1ff}.theme-lilac .save-contact{background:#7652ff}.theme-lilac .online-dot{border-color:#e6dcff}.theme-cream {background:#f6edda;color:#49372a;font-family:'Fraunces',Georgia,serif}.theme-cream .contact-actions a{background:#ead7b4}.theme-cream .save-contact{background:#49372a}.theme-cream .online-dot{border-color:#f6edda}.theme-mint {background:#cef4df;color:#113f37}.theme-mint .contact-actions a{background:#b0e9ca}.theme-mint .save-contact{background:#113f37}.theme-mint .online-dot{border-color:#cef4df}
dialog{border:0;border-radius:16px;padding:0;box-shadow:0 18px 70px #12203340;max-width:min(92vw,430px);color:#17202d}.modal-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:25px;color:#718096;z-index:1}.share-modal-content,.public-modal-content{padding:31px;text-align:center}.modal-icon{width:39px;height:39px;border-radius:12px;background:#eaffe1;color:#3f6a00;display:grid;place-items:center;margin:0 auto 15px;font-size:21px}.share-modal-content h2,.public-modal-content h2{font-size:22px;letter-spacing:-.7px;margin:0 0 9px}.share-modal-content>p:not(.eyebrow),.public-modal-content>p:not(.eyebrow){color:#738197;font-size:12px;line-height:1.5;margin:0 auto;max-width:280px}.qr-wrap{margin:20px auto;width:160px;height:160px;padding:9px;background:#fff;border:1px solid #e4e8ee;border-radius:10px}.qr-wrap img{width:100%;height:100%;image-rendering:pixelated}.link-copy{margin-top:17px;display:flex;align-items:center;gap:10px;border:1px solid #e3e8ee;border-radius:8px;padding:5px 5px 5px 11px;font:11px 'DM Mono',monospace;color:#5f6e81;text-align:left}.link-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.fake-browser{border:1px solid #e4e8ee;border-radius:8px;padding:8px;display:flex;gap:4px;align-items:center;margin:21px 0 15px}.fake-browser span{width:6px;height:6px;border-radius:50%;background:#c9d0d9}.fake-browser div{background:#f4f6f8;border-radius:3px;color:#7b889a;flex:1;margin-left:5px;font:9px 'DM Mono',monospace;padding:4px}.public-page-mini{border-radius:10px;padding:18px;text-align:left}.public-page-mini h3{margin:8px 0 2px;font-size:18px}.public-page-mini p{margin:0;font-size:10px;opacity:.7}.toast{position:fixed;bottom:23px;left:50%;transform:translate(-50%,20px);background:#18283a;color:#fff;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:600;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 8px 20px #13203230}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1040px){.workspace{grid-template-columns:minmax(460px,1fr) minmax(360px,.74fr)}.editor-panel{padding-left:32px;padding-right:30px}.preview-panel{padding:30px 25px}.phone{transform:scale(.92);transform-origin:top center;margin-bottom:-48px}.template-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.app-shell{display:block}.sidebar{height:auto;min-height:auto;position:relative;padding:15px 18px;display:flex;flex-direction:row;align-items:center}.brand{padding:0}.sidebar nav{display:flex;margin-left:auto;gap:2px}.nav-link{padding:8px}.nav-link:not(.active) span{font-size:0}.nav-link:not(.active) span::before{content:'◌';font-size:17px}.nav-link small{display:none}.sidebar-bottom{display:none}.topbar{padding:24px 22px;min-height:110px}.topbar h1{font-size:19px}.workspace{display:block}.editor-panel{border:0;padding:25px 22px 45px}.preview-panel{padding:28px 22px 34px}.phone{transform:none;margin:0}.preview-header{max-width:300px;margin:0 auto 20px}.template-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:460px){.topbar{align-items:flex-start}.topbar h1{line-height:1.2}.topbar .button{font-size:0;padding:12px}.topbar .button span{font-size:19px;margin:0}.field-grid.two-col{grid-template-columns:1fr}.field-grid .wide{grid-column:auto}.template-grid{grid-template-columns:repeat(3,1fr)}.identity-row{align-items:flex-start}.phone{width:292px;height:584px}.preview-actions{gap:0}.preview-actions .button{font-size:10px}.nav-link{font-size:0}.nav-link span{font-size:17px!important}.nav-link.active{background:transparent;color:#fff}}

/* The share asset is intentionally landscape: it feels like a real card in chat previews. */
.editor-actions{display:flex;align-items:center;gap:11px}.text-button{border:0;background:transparent;padding:4px 0;font-size:10px;font-weight:700}.text-button.danger{color:#ae5d62}.text-button.danger:hover{color:#8b353b;text-decoration:underline}.physical-stage{padding:3px 0 4px}.physical-card{width:100%;aspect-ratio:1.75/1;border-radius:13px;overflow:hidden;position:relative;padding:26px 27px;box-shadow:0 18px 29px #17263828;isolation:isolate;transition:background .35s,color .35s,transform .35s}.physical-card:hover{transform:translateY(-2px)}.physical-card>*:not(.card-art){position:relative;z-index:2}.card-art,.card-art>*{position:absolute;pointer-events:none}.card-art{inset:0;z-index:0;overflow:hidden}.physical-brand{display:flex;align-items:center;gap:8px;max-width:55%}.physical-logo{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font:20px Georgia,serif;line-height:1}.physical-brand b{display:block;font-size:11px;letter-spacing:.35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.physical-brand small{display:block;font-size:7px;letter-spacing:1px;text-transform:uppercase;margin-top:2px;opacity:.62}.physical-person{position:absolute!important;right:27px;top:31px;max-width:47%;text-align:right}.physical-person p{margin:0 0 3px;font-size:8px;opacity:.7}.physical-person h3{margin:0;font-size:18px;letter-spacing:-.7px;line-height:1.05}.physical-contact-lines{position:absolute!important;bottom:27px;left:27px;display:grid;gap:3px;font:8px 'DM Mono',monospace;opacity:.9}.physical-card-url{position:absolute!important;right:27px;bottom:28px;font:8px 'DM Mono',monospace;letter-spacing:.2px}.physical-note{margin:11px 0 0;text-align:center;color:#78879a;font-size:10px}.physical-note span{color:#9abf00}.phone-stage{display:none}.preview-actions{margin-top:19px}.preview-actions .button{font-size:11px}

/* 01 Verdant flow: layered botanical arcs, drawn from the green reference cards. */
.card-verdant{background:#fdfdfb;color:#16221e}.card-verdant .physical-logo{background:#38a646;color:white}.card-verdant .card-art span{width:72%;height:170%;right:-22%;bottom:-101%;border-radius:50%;border:21px solid #3bad42;transform:rotate(-21deg)}.card-verdant .card-art i{width:75%;height:150%;right:-33%;bottom:-109%;border-radius:50%;border:16px solid #86d341;transform:rotate(-21deg)}.card-verdant .card-art b{width:88%;height:100%;right:-40%;bottom:-80%;background:#192622;border-radius:50%;transform:rotate(-18deg)}.card-verdant .physical-person{color:#2d9f40}.card-verdant .physical-person h3{color:#1a211e}.card-verdant .physical-card-url{color:#329d3c;font-weight:700}
/* 02 Executive gold: a dark navy ground and faceted metallic chevrons. */
.card-executive{background:linear-gradient(115deg,#071943,#0b2454 56%,#122f67);color:#fff}.card-executive .physical-logo{background:linear-gradient(135deg,#a87915,#ffe38e);color:#071943}.card-executive .card-art span,.card-executive .card-art i{width:33%;height:95%;right:-4%;top:6%;background:linear-gradient(120deg,#98701d,#ffed9b 45%,#7c5814);clip-path:polygon(0 0,40% 0,100% 50%,40% 100%,0 100%,58% 50%)}.card-executive .card-art i{right:13%;opacity:.9}.card-executive .card-art b{width:55%;height:100%;left:0;top:0;background:linear-gradient(90deg,#2b4a82,#0b1d45 72%);opacity:.73}.card-executive .physical-brand small,.card-executive .physical-person p{color:#edcc72;opacity:1}.card-executive .physical-person h3{color:#ffe495}.card-executive .physical-contact-lines{border-left:2px solid #c69b35;padding-left:7px}.card-executive .physical-card-url{color:#f7d878}
/* 03 Saffron arc: bright white paper with warm orange and silver ribbons. */
.card-saffron{background:#fffdf8;color:#27313b}.card-saffron .physical-logo{background:#ff8b0c;color:#fff}.card-saffron .card-art span{width:90%;height:155%;right:-43%;bottom:-100%;border-radius:50%;border:23px solid #ff8d0c;transform:rotate(18deg)}.card-saffron .card-art i{width:95%;height:151%;right:-55%;bottom:-113%;border-radius:50%;border:9px solid #ffc541;transform:rotate(18deg)}.card-saffron .card-art b{width:76%;height:80%;right:-20%;bottom:-59%;border-radius:50%;border:12px solid #e6e8e6;transform:rotate(20deg)}.card-saffron .physical-person{color:#ff8105}.card-saffron .physical-person h3{color:#29323c}.card-saffron .physical-contact-lines{font-family:var(--font);font-weight:700}.card-saffron .physical-card-url{color:#ed7900;font-weight:700}
/* 04 Ocean current: saturated blue front with a lively topographic wave texture. */
.card-ocean{background:linear-gradient(145deg,#00b4e9,#0088d0);color:#fff}.card-ocean .physical-logo{background:#fff;color:#0094d5}.card-ocean .card-art{background:repeating-radial-gradient(ellipse at 25% 19%,#ffffff20 0 1px,transparent 2px 12px)}.card-ocean .card-art span{width:120%;height:88%;left:-14%;bottom:-68%;border-radius:50%;background:#f7fdff}.card-ocean .card-art i{width:112%;height:80%;left:-11%;bottom:-75%;border-radius:50%;border:7px solid #a7e9ff}.card-ocean .card-art b{width:110%;height:26%;left:-5%;bottom:-9%;border-radius:50%;border-top:5px solid #75daf8;transform:rotate(-4deg)}.card-ocean .physical-person{top:29px}.card-ocean .physical-person h3{font-family:'Fraunces',Georgia,serif;letter-spacing:-.8px}.card-ocean .physical-contact-lines,.card-ocean .physical-card-url{color:#06597c;font-weight:700}.card-ocean .physical-contact-lines{bottom:22px}.card-ocean .physical-card-url{bottom:22px}
/* 05 Studio line: editorial black with an orange wave and sharp asymmetric geometry. */
.card-studio{background:#0c2f3b;color:#fff}.card-studio .physical-logo{background:#f89c18;color:#0c2f3b;transform:rotate(45deg);border-radius:3px}.card-studio .physical-logo::first-letter{transform:rotate(-45deg)}.card-studio .card-art span{width:100%;height:50%;left:-4%;bottom:-31%;background:#ff9412;border-radius:50% 48% 0 0;transform:rotate(-4deg)}.card-studio .card-art i{width:93%;height:53%;right:-10%;bottom:-37%;border-radius:50%;border:13px solid #f9c44c;transform:rotate(-5deg)}.card-studio .card-art b{height:100%;width:17%;right:11%;top:-13%;background:#f6f4e8;opacity:.94;clip-path:polygon(62% 0,100% 0,38% 100%,0 100%)}.card-studio .physical-brand small{color:#ffc255;opacity:1}.card-studio .physical-person h3{color:#ffbb42}.card-studio .physical-contact-lines{bottom:19px}.card-studio .physical-card-url{bottom:20px;color:#ffd36e}

.public-profile-full{border-radius:11px;padding:18px;text-align:left;position:relative;overflow:hidden}.public-profile-full .mini-identity{display:flex;align-items:center;gap:10px}.public-profile-full .mini-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f4d67c;color:#5a4600;font-size:11px;font-weight:700;background-size:cover;background-position:center}.public-profile-full h3{font-size:16px;margin:0 0 2px;letter-spacing:-.3px}.public-profile-full .mini-role{font-size:10px;margin:0;opacity:.75}.mini-actions{display:flex;gap:5px;margin:15px 0 11px}.mini-actions span{font-size:9px;font-weight:700;border-radius:5px;background:#ffffff29;padding:6px 7px}.mini-offers{border-top:1px solid #ffffff43;padding-top:10px;display:grid;gap:5px}.mini-offer{display:flex;justify-content:space-between;font-size:9px}.mini-offer b{font-family:'DM Mono',monospace;font-weight:500}.install-prompt{margin-top:12px;display:flex;align-items:center;gap:8px;border:1px solid #e3e8ee;padding:10px;border-radius:9px;text-align:left}.install-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:#ccff42;color:#162331;font:19px Georgia,serif}.install-prompt>span:nth-child(2){flex:1}.install-prompt b,.install-prompt small{display:block}.install-prompt b{font-size:10px}.install-prompt small{font-size:8px;color:#778599;line-height:1.35;margin-top:2px}.install-prompt .button{padding:7px 8px;font-size:9px}.delete-modal-content{padding:33px 31px 28px;text-align:center}.delete-icon{width:38px;height:38px;border-radius:50%;background:#fee8e8;color:#ae5158;display:grid;place-items:center;font-size:23px;margin:0 auto 14px}.delete-modal-content h2{font-size:21px;letter-spacing:-.6px;margin:0 0 8px}.delete-modal-content p:not(.eyebrow){color:#718095;font-size:12px;line-height:1.5;margin:0}.delete-actions{display:flex;gap:8px;justify-content:center;margin-top:21px}.button.delete{background:#b7484f;color:#fff}
@media(max-width:800px){.physical-card{max-width:440px;margin:0 auto}.physical-stage{max-width:440px;margin:0 auto}.preview-actions{margin-bottom:0}}
@media(max-width:460px){.editor-actions{gap:8px}.editor-actions .saved-state{display:none}.physical-card{padding:19px 18px;border-radius:11px}.physical-brand{max-width:58%}.physical-brand b{font-size:9px}.physical-person{right:18px;top:23px}.physical-person h3{font-size:15px}.physical-card-url{right:18px;bottom:19px}.physical-contact-lines{left:18px;bottom:18px;font-size:7px}.card-ocean .physical-contact-lines,.card-ocean .physical-card-url{bottom:16px}.card-studio .physical-contact-lines,.card-studio .physical-card-url{bottom:15px}}

/* Contact permissions and received-card collection */
button.nav-link{border:0;background:transparent;font-family:inherit;text-align:left;width:100%}.contact-methods{display:grid;gap:9px;margin-bottom:11px}.contact-method{border:1px solid #e4e9ef;border-radius:9px;padding:10px;display:grid;grid-template-columns:115px 1fr auto;gap:8px;align-items:end;background:#fff}.contact-method label{min-width:0}.contact-method select{width:100%;border:1px solid #dce3eb;border-radius:6px;background:#fff;padding:8px;color:#415167;font-size:11px;outline:0}.contact-method input{padding:8px;font-size:11px}.contact-method .method-label{grid-column:1}.contact-method .method-value{grid-column:2}.contact-method .method-permission{grid-column:1/3;display:flex;align-items:center;gap:7px;color:#506076;font-size:10px}.contact-method .method-permission input{width:14px;height:14px;accent-color:#17202d}.method-permission b{font-size:10px;color:#23354a}.method-remove{align-self:center;border:0;background:transparent;color:#a5b0bf;font-size:19px;padding:4px}.received-view{max-width:1100px;margin:0 auto;padding:46px 52px 70px}.received-hero{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:26px;border-bottom:1px solid var(--line)}.received-hero h2{margin:0 0 5px;font-size:26px;letter-spacing:-.8px}.received-hero p:not(.eyebrow){margin:0;color:#748298;font-size:12px}.collection-count{padding:6px 9px;border-radius:7px;background:#edf1f5;color:#526176;font:10px 'DM Mono',monospace}.received-toolbar{display:flex;gap:8px;align-items:center;margin:22px 0}.received-search{position:relative;display:block;flex:1}.received-search span{position:absolute;left:11px;top:8px;color:#8291a5;font-size:16px}.received-search input{padding-left:31px;height:36px}.filter-button{border:1px solid #dee5ec;background:#fff;color:#68788d;border-radius:7px;padding:9px 11px;font-size:11px;font-weight:700}.filter-button.active{background:#182a3c;border-color:#182a3c;color:#fff}.received-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.received-item{border:1px solid #e1e7ed;border-radius:12px;background:#fff;padding:12px;cursor:pointer;box-shadow:0 2px 5px #13203205;transition:.18s;text-align:left;position:relative}.received-item:hover{transform:translateY(-2px);box-shadow:0 9px 21px #13203212}.received-item-card{aspect-ratio:1.68/1;border-radius:8px;position:relative;overflow:hidden;padding:13px;color:#fff}.received-item-card::before,.received-item-card::after{content:'';position:absolute;pointer-events:none}.received-item-card.card-verdant{background:#fff;color:#1c2820}.received-item-card.card-verdant::before{width:75%;height:180%;right:-32%;bottom:-112%;border:14px solid #3eaa43;border-radius:50%;transform:rotate(-20deg)}.received-item-card.card-executive{background:linear-gradient(120deg,#081943,#173a74)}.received-item-card.card-executive::after{width:41%;height:90%;right:-8%;top:2%;background:#eac96d;clip-path:polygon(0 0,35% 0,100% 50%,35% 100%,0 100%,55% 50%)}.received-item-card.card-saffron{background:#fffaf1;color:#303740}.received-item-card.card-saffron::before{width:95%;height:130%;right:-54%;bottom:-88%;border:18px solid #ff8b0e;border-radius:50%}.received-item-card.card-ocean{background:#00a9df}.received-item-card.card-ocean::before{width:110%;height:60%;left:-8%;bottom:-47%;background:#fff;border-radius:50%}.received-item-card.card-studio{background:#0d2f3b}.received-item-card.card-studio::before{width:110%;height:58%;left:-5%;bottom:-45%;background:#f89816;border-radius:50%}.received-item-card>*{position:relative;z-index:1}.received-mini-brand{display:flex;gap:5px;align-items:center;font-size:8px;font-weight:700;max-width:62%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.received-mini-logo{width:15px;height:15px;border-radius:5px;background:#ccff42;color:#142433;display:grid;place-items:center;font:13px Georgia,serif}.received-mini-name{position:absolute!important;bottom:12px;right:12px;text-align:right;max-width:70%}.received-mini-name b{font-size:13px;display:block;letter-spacing:-.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.received-mini-name small{font-size:7px;opacity:.7}.received-item-info{padding:10px 2px 2px}.received-item-info b{font-size:12px}.received-item-info span{display:block;color:#7a899a;font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.updated-chip,.item-updated{background:#eaffe6;color:#52810d;border-radius:9px;padding:4px 6px;font-size:9px;font-weight:700}.item-updated{position:absolute;top:7px;right:7px;z-index:2}.received-detail-content{padding:28px 28px 23px}.detail-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:15px}.detail-heading h2{font-size:21px;letter-spacing:-.6px;margin:0}.flip-card-wrap{perspective:1300px}.flip-card{height:333px;position:relative;transform-style:preserve-3d;transition:transform .55s}.flip-card.show-back{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:15px;overflow:hidden;padding:27px}.flip-front{transform:none}.flip-back{transform:rotateY(180deg);display:flex;flex-direction:column}.live-card-top{display:flex;align-items:center;justify-content:space-between}.live-card-logo{width:27px;height:27px;border-radius:8px;background:#ccff42;color:#102033;display:grid;place-items:center;font:22px Georgia,serif}.live-card-status{font:9px 'DM Mono',monospace;opacity:.7}.live-card-person{position:absolute!important;right:27px;top:77px;text-align:right;max-width:56%}.live-card-person p{font-size:10px;margin:0 0 4px;opacity:.7}.live-card-person h3{font-size:24px;letter-spacing:-.8px;margin:0}.live-card-company{position:absolute!important;left:27px;bottom:27px;max-width:55%}.live-card-company b{font-size:13px;display:block}.live-card-company span{display:block;font-size:9px;margin-top:4px;opacity:.72}.back-heading{font-size:9px;letter-spacing:1px;font-weight:700;opacity:.65;margin:0 0 10px}.live-details{display:grid;gap:6px;overflow:auto;padding-right:2px}.live-detail{border:0;width:100%;text-align:left;display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:7px;background:#ffffff1c;color:inherit}.live-detail:hover{background:#ffffff30}.live-detail .detail-icon{width:20px;height:20px;border-radius:5px;background:#ffffff25;display:grid;place-items:center;font-size:10px}.live-detail span{font-size:10px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-detail small{font-size:8px;opacity:.6}.live-service-divider{border-top:1px solid #ffffff40;margin:10px 0 7px;padding-top:8px;font-size:8px;letter-spacing:1px;opacity:.7}.live-service{display:flex;justify-content:space-between;font-size:10px;margin:5px 0}.flip-controls{display:flex;gap:5px;align-items:center;margin-top:13px}.flip-control{border:1px solid #dce3eb;background:#fff;border-radius:6px;padding:6px 10px;font-size:10px;font-weight:700;color:#617187}.flip-control.active{background:#172a3e;border-color:#172a3e;color:#fff}.flip-controls span{margin-left:auto;color:#8290a0;font-size:9px}.save-to-device{width:100%;margin-top:17px;padding:12px}.action-modal-content{padding:32px 29px 25px;text-align:center}.action-modal-content h2{font-size:19px;letter-spacing:-.5px;margin:0 0 3px;overflow-wrap:anywhere}.action-modal-content>p:not(.eyebrow){margin:0;color:#728197;font-size:11px}.action-options{display:grid;gap:8px;margin-top:22px}.action-button{border:1px solid #e0e6ec;background:#fff;padding:10px 12px;text-align:left;border-radius:8px;display:flex;align-items:center;gap:9px;color:#26394d;font-size:11px;font-weight:700}.action-button span{width:22px;height:22px;border-radius:6px;background:#eff3f6;display:grid;place-items:center}.contact-preview-content{padding:30px;text-align:center}.contact-preview-content h2{font-size:21px;letter-spacing:-.5px;margin:0 0 7px}.contact-preview-content>p:not(.eyebrow){color:#748297;font-size:11px;line-height:1.45;margin:0 auto;max-width:270px}.contact-preview-card{border:1px solid #e1e7ed;border-radius:10px;margin:18px 0;padding:12px;text-align:left}.contact-preview-identity{display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid #e6ebf0}.contact-preview-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#f6da82;font-size:9px;font-weight:700;color:#695000}.contact-preview-identity b{display:block;font-size:11px}.contact-preview-identity small{display:block;color:#7d8b9c;font-size:9px;margin-top:2px}.contact-preview-fields{display:grid;gap:6px;padding-top:10px}.contact-preview-field{display:flex;gap:7px;color:#4d5d72;font-size:10px}.contact-preview-field small{width:48px;color:#8a97a6;text-transform:capitalize}.install-modal-content{padding:33px 30px 26px;text-align:center}.install-large-logo{width:48px;height:48px;border-radius:15px;background:#ccff42;color:#122236;display:grid;place-items:center;margin:0 auto 15px;font:37px Georgia,serif}.install-modal-content h2{font-size:23px;letter-spacing:-.7px;margin:0 0 8px}.install-modal-content>p:not(.eyebrow){margin:0 auto;color:#718095;font-size:12px;line-height:1.5;max-width:280px}.store-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.store-buttons button{border:1px solid #dfe6ed;border-radius:8px;background:#fff;padding:8px;text-align:left;color:#3c4c5e;font-size:7px;line-height:1.15}.store-buttons b{font-size:15px;float:left;margin:1px 5px 0 0}.store-buttons strong{font-size:11px}.install-footnote{color:#8794a4;font-size:9px}.light-close{z-index:4}.theme-coral .live-card-logo,.theme-lilac .live-card-logo{background:#fff}.theme-cream .live-card-logo{background:#d8f8ff}.theme-mint .live-card-logo{background:#ffd365}
@media(max-width:800px){.received-view{padding:30px 22px 45px}.received-list{grid-template-columns:repeat(2,minmax(0,1fr))}.received-toolbar{flex-wrap:wrap}.received-search{flex-basis:100%}.contact-method{grid-template-columns:1fr auto}.contact-method .method-label{grid-column:1}.contact-method .method-value{grid-column:1}.contact-method .method-permission{grid-column:1}.method-remove{grid-column:2;grid-row:1/4}.flip-card{height:305px}}
@media(max-width:460px){.received-hero{align-items:flex-start;gap:12px}.received-hero h2{font-size:23px}.received-list{grid-template-columns:1fr}.received-detail-content{padding:27px 17px 19px}.flip-card{height:330px}.flip-face{padding:20px}.live-card-person{right:20px;top:67px}.live-card-person h3{font-size:20px}.live-card-company{left:20px;bottom:20px}.flip-controls span{display:none}.store-buttons{grid-template-columns:1fr}.contact-method{padding:9px}}

.contact-method .method-kind{grid-column:1}.contact-method .method-label{grid-column:2}.contact-method .method-value{grid-column:1/3}.contact-method .method-permission{grid-column:1/3}.live-front-actions{display:grid;gap:4px;margin-top:9px}.live-mini-detail{border:0;background:#ffffff25;color:inherit;border-radius:5px;padding:5px 6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;text-align:left}.empty-received{grid-column:1/-1;border:1px dashed #d7e0e9;border-radius:11px;padding:35px;text-align:center;color:#748398}.empty-received b,.empty-received span{display:block}.empty-received b{font-size:13px;color:#43556b}.empty-received span{font-size:10px;margin-top:5px}.auth-modal-content{padding:33px 30px 29px;text-align:center}.auth-modal-content h2{font-size:21px;letter-spacing:-.6px;margin:0 0 8px}.auth-modal-content>p:not(.eyebrow){color:#718095;font-size:12px;line-height:1.5;margin:0 auto;max-width:290px}.auth-options{display:grid;gap:8px;margin-top:21px}.auth-options button{display:flex;align-items:center;gap:10px;border:1px solid #dfe6ed;background:#fff;color:#27394c;border-radius:8px;padding:10px;text-align:left;font-size:11px;font-weight:700}.auth-options button:hover{background:#f7f9fb}.auth-options span{width:23px;height:23px;border-radius:6px;background:#eef2f5;display:grid;place-items:center;font-size:13px}.auth-options .google-dot{font-weight:700;color:#4285f4;background:#eef5ff}

/* Incoming cards stay calm and scannable: a single sorted stack, never your own cards. */
.workspace[hidden],.received-view[hidden],.account-view[hidden],.analytics-view[hidden],.discover-view[hidden]{display:none!important}
.sort-control{display:flex;align-items:center;gap:7px;white-space:nowrap}.sort-control select{border:1px solid #dce3eb;border-radius:7px;background:#fff;color:#526176;padding:8px 24px 8px 9px;font-size:11px;font-weight:700;outline:0}.received-list{grid-template-columns:1fr;max-width:790px;gap:10px}.received-item{display:flex;align-items:center;gap:14px;padding:10px}.received-item-card{flex:0 0 166px;width:166px;aspect-ratio:1.72/1}.received-item-info{padding:0;flex:1;min-width:0}.received-item-info b{font-size:13px}.received-item-info span{font-size:11px;margin-top:4px}.received-item .item-updated{right:11px;top:11px}.received-item-info::after{content:'Open card →';display:block;color:#8390a1;font-size:10px;font-weight:700;margin-top:12px}.empty-received{max-width:790px}.filter-button{display:none}
@media(max-width:800px){.received-item-card{flex-basis:145px;width:145px}.sort-control{margin-left:auto}}
@media(max-width:460px){.sort-control{width:100%;justify-content:space-between}.sort-control select{width:calc(100% - 36px)}.received-item{gap:10px}.received-item-card{flex-basis:116px;width:116px}.received-item-info b{font-size:12px}.received-item-info::after{margin-top:8px}}

/* Account is intentionally a compact settings space, not another card dashboard. */
.account-view{max-width:930px;margin:0 auto;padding:46px 52px 72px}.account-hero{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:26px;border-bottom:1px solid var(--line)}.account-hero h2{font-size:26px;letter-spacing:-.8px;margin:0 0 5px}.account-hero p:not(.eyebrow){font-size:12px;color:#758398;margin:0}.account-plan-pill{border-radius:7px;background:#eaffdd;color:#55770f;padding:6px 9px;font:10px 'DM Mono',monospace}.account-layout{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:23px}.account-section{border:1px solid #e1e7ed;background:#fff;border-radius:12px;padding:18px}.account-section.profile-section,.account-section.workspace-section{grid-column:1/-1}.account-section-heading{display:flex;gap:10px;align-items:flex-start;margin-bottom:15px}.account-section-icon{width:26px;height:26px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px;background:#edf1f5;color:#4f6177;font-size:13px}.account-section-icon.lime{background:#e8ffd0;color:#547908}.account-section-heading h3{font-size:13px;margin:0 0 3px}.account-section-heading p{font-size:10px;color:#7b899b;margin:0;line-height:1.4}.account-profile-row{display:flex;gap:17px;align-items:center}.account-large-avatar{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#f5d77e;color:#654b00;font-size:16px;font-weight:700}.account-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1}.account-field-grid .wide{grid-column:1/-1}.account-field-grid input{font-size:11px;padding:8px}.plan-details{display:flex;align-items:center;justify-content:space-between;gap:10px}.plan-details b,.plan-details span{display:block}.plan-details b{font-size:12px}.plan-details span{font-size:10px;color:#758398;line-height:1.4;margin-top:3px;max-width:260px}.settings-list{display:grid;gap:3px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 0;border-bottom:1px solid #edf0f4}.setting-row:last-child{border:0}.setting-row b,.setting-row small{display:block}.setting-row b{font-size:11px}.setting-row small{font-size:9px;color:#7a889b;line-height:1.35;margin-top:2px}.setting-row input{width:32px;height:18px;accent-color:#182b3d;flex:0 0 auto}.privacy-note{background:#f7f9fb;border-radius:7px;padding:8px;margin-top:7px}.privacy-note b,.privacy-note span{display:block}.privacy-note b{font-size:10px}.privacy-note span{font-size:9px;color:#7b899b;line-height:1.35;margin-top:3px}.workspace-card{display:flex;align-items:center;gap:9px;border:1px solid #e6ebf0;border-radius:8px;padding:10px}.workspace-mark{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#f8d878;color:#624a00;font-size:9px;font-weight:700}.workspace-card>span:nth-child(2){flex:1}.workspace-card b,.workspace-card small{display:block}.workspace-card b{font-size:11px}.workspace-card small{font-size:9px;color:#7c899a;margin-top:2px}.workspace-card .text-button{color:#596c83;font-size:10px}.sign-out{border:0;background:transparent;color:#ad5d61;font-size:11px;font-weight:700;text-align:left;padding:5px 2px;width:max-content}.sign-out:hover{text-decoration:underline}
@media(max-width:800px){.account-view{padding:31px 22px 48px}.account-layout{grid-template-columns:1fr}.account-section.profile-section,.account-section.workspace-section{grid-column:auto}}
@media(max-width:460px){.account-hero{align-items:flex-start;gap:10px}.account-hero h2{font-size:23px}.account-profile-row{align-items:flex-start}.account-field-grid{grid-template-columns:1fr}.account-field-grid .wide{grid-column:auto}.plan-details{align-items:flex-start;flex-direction:column}.workspace-card{align-items:flex-start;flex-wrap:wrap}.workspace-card .text-button{margin-left:38px}}
.user-menu.active{background:#213349;border-radius:8px;padding:7px 5px}

/* Discover is a public directory, separate from a user's own cards and saved collection. */
.discover-view{max-width:1120px;margin:0 auto;padding:46px 52px 72px}.discover-hero{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:26px}.discover-hero h2{font-size:27px;letter-spacing:-.9px;margin:0 0 5px}.discover-hero p:not(.eyebrow){color:#748398;font-size:12px;margin:0}.directory-status{border:1px solid #dce8d3;background:#f5ffec;color:#507e14;border-radius:7px;padding:6px 9px;font:10px 'DM Mono',monospace}.directory-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#74b928;margin:0 4px 1px 0}.discover-search{display:flex;align-items:center;gap:8px;border:1px solid #dfe6ed;background:#fff;border-radius:10px;padding:4px 6px 4px 13px;box-shadow:0 3px 10px #13203308}.discover-search>span{font-size:19px;color:#8492a4}.discover-search input{border:0;padding:10px 0;font-size:13px;box-shadow:none}.discover-search input:focus{box-shadow:none}.discover-search button{border:0;background:#eef2f5;color:#77869b;border-radius:6px;width:25px;height:25px;font-size:17px;line-height:1}.discover-meta{display:flex;justify-content:space-between;margin:14px 0 18px;color:#7a889b;font-size:10px}.discover-meta p{margin:0;font-weight:700;color:#57687c}.discover-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.discover-result{border:1px solid #e1e7ed;background:#fff;padding:10px;border-radius:12px;text-align:left;cursor:pointer;box-shadow:0 2px 5px #13203205;transition:.18s}.discover-result:hover{transform:translateY(-2px);box-shadow:0 12px 25px #13203213}.discover-card-preview{aspect-ratio:1.6/1;border-radius:8px;overflow:hidden;position:relative;padding:14px}.discover-card-preview::after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,transparent 47%,#ffffff16 47% 51%,transparent 51%);pointer-events:none}.discover-card-preview.card-verdant{background:#fdfdfb;color:#1c2b21}.discover-card-preview.card-verdant::before{content:'';position:absolute;width:75%;height:165%;right:-31%;bottom:-110%;border:15px solid #3eaa43;border-radius:50%;transform:rotate(-20deg)}.discover-card-preview.card-executive{background:linear-gradient(120deg,#081943,#173a74);color:#fff}.discover-card-preview.card-executive::before{content:'';position:absolute;width:45%;height:93%;right:-7%;top:4%;background:#e5c36c;clip-path:polygon(0 0,36% 0,100% 50%,36% 100%,0 100%,56% 50%)}.discover-card-preview.card-saffron{background:#fffcf7;color:#2d3840}.discover-card-preview.card-saffron::before{content:'';position:absolute;width:95%;height:135%;right:-55%;bottom:-92%;border:17px solid #ff8b0d;border-radius:50%}.discover-card-preview.card-ocean{background:#00a9df;color:#fff}.discover-card-preview.card-ocean::before{content:'';position:absolute;width:112%;height:60%;left:-9%;bottom:-49%;background:#fff;border-radius:50%}.discover-card-preview.card-studio{background:#0e2f3b;color:#fff}.discover-card-preview.card-studio::before{content:'';position:absolute;width:110%;height:59%;left:-7%;bottom:-47%;background:#f79916;border-radius:50%}.discover-card-preview>*{position:relative;z-index:1}.discover-mini-brand{font-size:8px;font-weight:700;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discover-mini-name{position:absolute!important;bottom:13px;right:13px;text-align:right;max-width:75%}.discover-mini-name b{display:block;font-size:14px;letter-spacing:-.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discover-mini-name small{font-size:8px;opacity:.72}.discover-result-info{padding:11px 3px 4px}.discover-result-info b{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discover-result-info p{font-size:10px;color:#748398;line-height:1.4;margin:4px 0 9px;min-height:28px}.discover-tags{display:flex;gap:5px;align-items:center}.discover-tags span{font-size:9px;color:#55677b;background:#eff3f6;border-radius:4px;padding:4px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.discover-tags i{font-size:9px;color:#8291a3;font-style:normal;margin-left:auto}.discover-empty{grid-column:1/-1;border:1px dashed #d7e0e9;border-radius:11px;padding:44px;text-align:center}.discover-empty b,.discover-empty span{display:block}.discover-empty b{font-size:13px;color:#44576c}.discover-empty span{font-size:10px;color:#7c8a9c;margin-top:5px}.live-nav-label{color:#b5ff50!important}
@media(max-width:800px){.discover-view{padding:31px 22px 48px}.discover-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.discover-hero{align-items:flex-start;gap:9px}.discover-hero h2{font-size:23px}.directory-status{font-size:9px;white-space:nowrap}.discover-results{grid-template-columns:1fr}.discover-meta span{display:none}}

.analytics-view{max-width:1120px;margin:0 auto;padding:46px 52px 72px}.analytics-hero{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid var(--line)}.analytics-hero h2{font-size:27px;letter-spacing:-.9px;margin:0 0 5px}.analytics-hero p:not(.eyebrow){color:#748398;font-size:12px;margin:0}.analytics-toolbar{display:flex;align-items:center;justify-content:space-between;margin:21px 0 16px}.analytics-toolbar label{display:flex;align-items:center;gap:8px;font-size:10px;color:#64748a}.analytics-toolbar select{border:1px solid #dce4eb;background:#fff;border-radius:7px;padding:8px 25px 8px 9px;color:#304257;font:600 11px var(--font);outline:0}.analytics-updated{color:#7f8ea0;font:10px 'DM Mono',monospace}.analytics-updated::before{content:'●';color:#6fb42d;font-size:8px;margin-right:5px}.analytics-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.analytics-metric{border:1px solid #e1e7ed;background:#fff;border-radius:11px;padding:15px;display:flex;gap:11px;box-shadow:0 2px 5px #13203205}.analytics-metric.primary{border-color:#cfe7b2;background:#fbfff6}.analytics-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#e5f8cd;color:#4e8312;font-size:14px}.analytics-icon.blue{background:#e5f0ff;color:#3f6ba7}.analytics-icon.gold{background:#fff0cf;color:#9a6800}.analytics-metric small{display:block;color:#708095;font-size:10px;font-weight:700}.analytics-metric b{display:block;font-size:24px;line-height:1;margin:4px 0;letter-spacing:-.7px}.analytics-metric p{margin:0;color:#8a97a6;font-size:9px}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(320px,.93fr);gap:14px;margin-top:14px}.analytics-panel{border:1px solid #e1e7ed;border-radius:12px;background:#fff;padding:18px;box-shadow:0 2px 5px #13203205}.analytics-panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.analytics-panel h3{margin:0 0 4px;font-size:14px;letter-spacing:-.25px}.analytics-panel p{margin:0;color:#7a899c;font-size:10px}.analytics-panel-heading>span{border-radius:6px;background:#eef3f6;color:#66768a;padding:5px 6px;font:9px 'DM Mono',monospace;white-space:nowrap}.analytics-panel-heading .analytics-private{background:#f7f4ff;color:#7258ad}.analytics-chart{height:180px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;border-bottom:1px solid #e9edf1;margin:22px 2px 0;padding:0 6px 0}.analytics-bar-wrap{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;min-width:0}.analytics-bar-wrap span{font-size:9px;color:#718197;height:11px}.analytics-bar-wrap i{display:block;width:min(100%,29px);min-height:6px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#79b6ff,#3e6faa);transition:height .25s}.analytics-bar-wrap:last-child i{background:linear-gradient(180deg,#a5d957,#5f9c1a)}.analytics-bar-wrap small{font:9px 'DM Mono',monospace;color:#91a0b0}.analytics-chart-labels{display:flex;justify-content:space-between;margin-top:8px;color:#95a1af;font:9px 'DM Mono',monospace}.analytics-card-performance{display:grid;margin-top:12px}.analytics-card-row{border:0;border-top:1px solid #edf0f3;background:transparent;width:100%;display:grid;grid-template-columns:30px 1fr auto 14px;align-items:center;gap:9px;padding:10px 2px;text-align:left;color:#213449}.analytics-card-row:first-child{border-top:0}.analytics-card-row:hover,.analytics-card-row.focused{background:#f7fafc}.analytics-card-mark{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;font-size:8px;font-weight:700}.analytics-card-mark.card-verdant{background:#e5f8d9;color:#2f8f35}.analytics-card-mark.card-executive{background:#11275b;color:#f2d477}.analytics-card-mark.card-saffron{background:#fff0dc;color:#d87607}.analytics-card-mark.card-ocean{background:#dff8ff;color:#048ab4}.analytics-card-mark.card-studio{background:#d9f4e7;color:#197151}.analytics-card-name{min-width:0}.analytics-card-name b,.analytics-card-name small,.analytics-card-total b,.analytics-card-total small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-card-name b{font-size:10px}.analytics-card-name small,.analytics-card-total small{margin-top:2px;color:#8795a6;font-size:9px}.analytics-card-total{text-align:right}.analytics-card-total b{font-size:11px}.analytics-row-arrow{color:#8493a4;font-size:15px}.analytics-empty{padding:24px 4px!important}.analytics-privacy-note{display:flex;gap:9px;margin-top:14px;border-radius:9px;background:#f4f7fa;padding:12px 14px;color:#617187}.analytics-privacy-note>span{font-size:14px;color:#5f7e9f}.analytics-privacy-note p{margin:0;font-size:10px;line-height:1.45}.analytics-privacy-note b{color:#33465a}
@media(max-width:800px){.analytics-view{padding:31px 22px 48px}.analytics-grid{grid-template-columns:1fr}.analytics-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-metric{padding:12px;gap:7px}.analytics-metric b{font-size:20px}.analytics-icon{width:26px;height:26px}.analytics-metric p{display:none}}
@media(max-width:520px){.analytics-hero{align-items:flex-start;gap:8px}.analytics-hero h2{font-size:23px}.analytics-toolbar{align-items:flex-start;gap:9px;flex-direction:column}.analytics-updated{align-self:flex-end;margin-top:-28px}.analytics-metrics{grid-template-columns:1fr}.analytics-metric p{display:block}.analytics-chart{gap:5px}.analytics-panel{padding:14px}.analytics-card-row{grid-template-columns:29px 1fr auto 12px}}

.template-option.locked{opacity:.68}.template-option.locked .template-swatch{filter:saturate(.55)}.directory-visibility{margin-top:12px}.directory-visibility select{width:100%;border:1px solid #dce3eb;border-radius:6px;background:#fff;padding:9px;color:#1c2a3b;font:11px var(--font)}.directory-visibility small{font-size:9px;color:#7d8b9c;font-weight:500;line-height:1.35}.contact-method .method-public{grid-column:1/3;display:flex;align-items:center;gap:7px;color:#506076;font-size:10px}.contact-method .method-public input{width:14px;height:14px;accent-color:#17202d}.method-public b{font-size:10px;color:#23354a}.method-remove{grid-row:1/5}.card-classic{background:#fff;color:#17202d;border:1px solid #e2e7ec}.card-classic .physical-logo{background:#17202d;color:#fff}.card-classic .physical-person{color:#526176}.card-classic .physical-person h3{color:#17202d}.card-classic .physical-card-url{color:#526176;font-weight:700}.received-item-card.card-classic,.discover-card-preview.card-classic{background:#fff;color:#17202d;border:1px solid #e5eaef}.theme-classic{background:#fff;color:#17202d}.theme-classic .contact-actions a{background:#eef2f5}.theme-classic .save-contact{background:#17202d;color:#fff}.theme-classic .online-dot{border-color:#fff}.public-safety-actions{display:flex;justify-content:center;gap:12px;margin-top:11px}.public-safety-actions button{border:0;background:transparent;color:#8290a0;font-size:9px;font-weight:700}.public-safety-actions button:hover{text-decoration:underline;color:#53657a}.featured-chip{display:inline-block;vertical-align:2px;margin-left:5px;border-radius:3px;background:#efffdc;color:#577d12;padding:2px 4px;font:7px 'DM Mono',monospace;font-style:normal}.trust-list{display:grid;gap:1px}.trust-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #edf0f4}.trust-row:last-child{border-bottom:0}.trust-row b,.trust-row small{display:block}.trust-row b{font-size:11px}.trust-row small{font-size:9px;color:#78879a;margin-top:2px}.analytics-gate{grid-column:1/-1;align-self:center;justify-self:center;max-width:330px;text-align:center;padding:16px}.analytics-gate>span{display:block;color:#6284a9;font-size:20px;margin-bottom:5px}.analytics-gate b{display:block;font-size:12px;color:#33485f}.analytics-gate p{font-size:10px;line-height:1.45;margin:5px 0 9px;color:#748398}.analytics-gate .button{margin:0}.wide-dialog{max-width:min(94vw,810px)}.monetization-content{padding:31px}.monetization-heading{text-align:center;max-width:480px;margin:0 auto 20px}.monetization-heading h2{font-size:24px;letter-spacing:-.75px;margin:0 0 7px}.monetization-heading>p:not(.eyebrow){color:#738197;font-size:11px;line-height:1.45;margin:0}.plan-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.plan-option{border:1px solid #e1e7ed;border-radius:10px;padding:13px;display:flex;flex-direction:column}.plan-option.current{border-color:#93c95c;background:#fbfff6}.plan-option.recommended{background:#14283b;color:#fff;border-color:#14283b}.plan-option-top>span{font:8px 'DM Mono',monospace;color:#8090a3;letter-spacing:.35px}.plan-option.recommended .plan-option-top>span{color:#c9ff62}.plan-option h3{font-size:15px;margin:8px 0 5px}.plan-option-top>b{display:block;font-size:19px;letter-spacing:-.55px}.plan-option-top>small{display:block;color:#7b899a;font-size:8px;margin-top:2px}.plan-option.recommended .plan-option-top>small{color:#b5c2ce}.plan-option ul{padding:0;margin:14px 0;list-style:none;display:grid;gap:6px;flex:1}.plan-option li{font-size:9px;line-height:1.3;color:#617187}.plan-option li::before{content:'✓';color:#6e9f20;margin-right:5px}.plan-option.recommended li{color:#dbe5ed}.plan-option.recommended li::before{color:#caff54}.plan-option button:disabled{opacity:.7;cursor:default}.template-marketplace{border-top:1px solid #e8edf1;margin-top:20px;padding-top:18px}.template-marketplace h3{font-size:15px;margin:0 0 4px}.template-marketplace>div>p:not(.eyebrow){font-size:10px;color:#77869a;margin:0;line-height:1.4}.marketplace-templates{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.market-template{display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:8px;border:1px solid #e5eaf0;border-radius:8px;padding:7px}.market-swatch{width:29px;height:29px;border-radius:7px;display:grid;place-items:center;font:16px Georgia,serif}.market-template b,.market-template small{display:block}.market-template b{font-size:10px}.market-template small{font-size:8px;color:#7a899b;margin-top:2px}.market-template .text-button{font-size:9px;color:#486378}.market-template .text-button:disabled{color:#78966d}.billing-note{display:flex;gap:8px;align-items:flex-start;margin-top:15px;border-radius:8px;background:#f4f7fa;padding:9px 10px;color:#728197}.billing-note span{color:#607f9e}.billing-note p{font-size:9px;line-height:1.4;margin:0}@media(max-width:600px){.monetization-content{padding:28px 19px}.plan-options{grid-template-columns:1fr}.marketplace-templates{grid-template-columns:1fr}.wide-dialog{max-width:min(94vw,440px)}}
.auth-email-form{display:grid;gap:8px;margin:17px 0 9px;text-align:left}.auth-email-form label{color:#52647a;font-size:10px;font-weight:700}.auth-email-form input{box-sizing:border-box;width:100%;margin-top:5px;border:1px solid #dce4eb;border-radius:7px;padding:10px;color:#18283a;font:12px var(--font)}.auth-email-form input:focus{outline:2px solid #c8e9ab;border-color:#8fbf60}.auth-note{display:block;color:#7d8a9a;font-size:9px;line-height:1.45;margin-top:11px}

/* The product form remains out of the way until the creator asks to add one. */
.service-form-actions{display:flex;align-items:center;gap:11px}.service-form-actions .text-button{border:0;background:transparent;padding:4px 0;color:#6b7b90;font:700 10px var(--font);cursor:pointer}.service-form-actions .text-button:hover{color:#233b52;text-decoration:underline}
@media(max-width:800px){.nav-link:not(.active) span{font-size:17px}.nav-link:not(.active) span::before{content:none}}

/* Received cards use a true landscape business-card canvas. The front/back
   frame is sized from its rendered content in app.js, so long details are
   never clipped behind a fixed-height card or a tiny internal scrollbar. */
dialog.received-card-dialog{width:min(94vw,760px);max-width:min(94vw,760px)}
.received-card-dialog .received-detail-content{padding:30px 32px 26px}.received-card-dialog .flip-card{height:280px;min-height:280px}.received-card-dialog .flip-face{padding:25px 28px}.received-card-dialog .live-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;padding:0}.received-card-dialog .live-detail{align-items:flex-start;min-width:0;padding:9px 10px}.received-card-dialog .live-detail .detail-icon{flex:0 0 auto;margin-top:1px}.received-card-dialog .live-detail .live-detail-value{min-width:0;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.35}.received-card-dialog .live-detail small{flex:0 0 auto;margin-top:2px;white-space:nowrap}.received-card-dialog .live-front-actions{max-width:290px}.received-card-dialog .live-mini-detail{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.35}.received-card-dialog .live-service{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;margin:7px 0}.received-card-dialog .live-service>span{min-width:0}.received-card-dialog .live-service>span>b,.received-card-dialog .live-service>span small{display:block}.received-card-dialog .live-service>span>b{font-size:11px;line-height:1.3}.received-card-dialog .live-service>span small{font-size:9px;line-height:1.4;margin-top:2px;opacity:.72;overflow-wrap:anywhere}.received-card-dialog .live-service-price{font-size:10px;line-height:1.35;text-align:right;white-space:nowrap}.received-card-dialog .live-card-company{max-width:48%}.received-card-dialog .live-card-person{max-width:52%}
@media(max-width:560px){dialog.received-card-dialog{width:min(96vw,760px);max-width:min(96vw,760px)}.received-card-dialog .received-detail-content{padding:27px 17px 20px}.received-card-dialog .flip-face{padding:20px}.received-card-dialog .live-details{grid-template-columns:1fr}.received-card-dialog .live-card-person{right:20px;top:67px}.received-card-dialog .live-card-person h3{font-size:20px}.received-card-dialog .live-card-company{left:20px;bottom:20px}.received-card-dialog .live-service{gap:9px}}

/* My Cards begins as a calm library. Editing is a deliberate second step. */
.my-cards-library{display:none}.workspace:not(.is-editing){display:block;max-width:1120px;min-height:calc(100vh - 126px);padding:46px 52px 76px}.workspace:not(.is-editing)>.editor-panel,.workspace:not(.is-editing)>.preview-panel{display:none}.workspace:not(.is-editing)>.my-cards-library{display:block}.library-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:27px;border-bottom:1px solid var(--line)}.library-hero h2{font-size:27px;letter-spacing:-.9px;margin:0 0 5px}.library-hero p:not(.eyebrow){margin:0;color:#758398;font-size:12px}.library-count{border:1px solid #dce6ef;background:#fff;border-radius:7px;padding:6px 9px;color:#526176;font:10px 'DM Mono',monospace;white-space:nowrap}.library-section{padding:27px 0;border-bottom:1px solid var(--line)}.library-section:last-child{border-bottom:0}.library-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:14px}.library-section-heading h3{font-size:15px;margin:0 0 4px}.library-section-heading p{font-size:11px;color:#748398;margin:0}.owned-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.owned-card{border:1px solid #e1e7ed;background:#fff;border-radius:13px;padding:10px;text-align:left;color:inherit;box-shadow:0 2px 5px #13203205;transition:.18s}.owned-card:hover{transform:translateY(-3px);border-color:#c6d2dd;box-shadow:0 14px 30px #13203214}.library-card-visual{aspect-ratio:1.75/1;padding:17px 18px;border-radius:8px;box-shadow:none}.library-card-visual .physical-brand{max-width:58%}.library-card-visual .physical-person{right:18px;top:21px}.library-card-visual .physical-person p{font-size:8px}.library-card-visual .physical-person h3{font-size:17px}.library-card-visual .physical-contact-lines{left:18px;bottom:18px;font-size:7px}.library-card-visual .physical-card-url{right:18px;bottom:18px;font-size:7px}.owned-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 3px 2px}.owned-card-meta b,.owned-card-meta small{display:block}.owned-card-meta b{font-size:12px}.owned-card-meta small{font-size:10px;color:#7b899b;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.owned-card-meta i{font-size:10px;font-style:normal;color:#60758c;font-weight:700;white-space:nowrap}.template-library-section{padding-bottom:0}.library-template-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.library-template{position:relative;border:1px solid #e1e7ed;border-radius:10px;padding:7px;background:#fff;color:#24364a;text-align:left;min-width:0;transition:.18s}.library-template:hover{transform:translateY(-2px);box-shadow:0 10px 19px #13203210}.library-template.selected{border-color:#172a3e;box-shadow:0 0 0 1px #172a3e}.library-template.locked{opacity:.66}.library-template-visual{display:block;position:relative;height:74px;border-radius:6px;overflow:hidden}.library-template-visual:before{content:'';position:absolute;width:72%;height:150%;right:-32%;bottom:-108%;border:12px solid currentColor;border-radius:50%;opacity:.72}.library-template-visual.card-executive:before{width:39%;height:88%;right:-6%;top:5%;bottom:auto;border:0;background:#e5c36c;clip-path:polygon(0 0,38% 0,100% 50%,38% 100%,0 100%,58% 50%);opacity:1}.library-template-visual.card-ocean:before,.library-template-visual.card-studio:before{width:112%;height:56%;left:-7%;bottom:-44%;right:auto;border:0;background:#fff;opacity:.85}.library-template-visual.card-studio:before{background:#f79916}.library-template-visual i{position:absolute;left:9px;top:9px;width:17px;height:17px;border-radius:5px;background:#fff9;z-index:1}.library-template-visual b{position:absolute;right:9px;bottom:10px;width:43%;height:7px;border-radius:7px;background:#fff9;z-index:1}.library-template>span:nth-child(2){display:block;padding:7px 2px 1px;min-width:0}.library-template>span:nth-child(2) b,.library-template>span:nth-child(2) small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-template>span:nth-child(2) b{font-size:10px}.library-template>span:nth-child(2) small{font-size:8px;color:#7d8b9d;margin-top:2px}.library-template em{position:absolute;right:8px;top:8px;border-radius:4px;background:#172a3e;color:#fff;padding:3px 4px;font:7px 'DM Mono',monospace;font-style:normal}.template-library-note{margin:15px 0 0;color:#7d8b9d;font-size:10px}.template-library-note b{color:#52667c}

/* The selected template stays visible while the card information scrolls. */
.workspace.is-editing{display:block;max-width:920px;min-height:calc(100vh - 126px)}.workspace.is-editing>.my-cards-library,.workspace.is-editing>.preview-panel{display:none}.workspace.is-editing>.editor-panel{border:0;background:#fff;padding:23px 0 84px;max-width:none}.workspace.is-editing .editor-title-row{margin:0;padding:0 52px 18px;align-items:flex-start}.workspace.is-editing .editor-title-row h2{font-size:21px}.back-to-library{border:0;background:transparent;color:#69798d;font-size:10px;font-weight:700;padding:0;margin:0 0 9px}.back-to-library:hover{text-decoration:underline;color:#20364c}.workspace.is-editing .editor-actions{display:flex;align-items:center;gap:10px;padding-top:20px}.workspace.is-editing .editor-actions .text-button{color:#617287}.workspace.is-editing .editor-actions .danger{color:#ae5d62}.editor-template-stage{position:sticky;top:0;z-index:4;padding:13px 0 16px;background:linear-gradient(180deg,#fff 87%,#ffffffd9);border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 7px 12px #162a3b06}.editor-template-heading{display:flex;align-items:center;justify-content:space-between;max-width:816px;padding:0 52px 10px;margin:0 auto}.editor-template-heading b,.editor-template-heading small{display:block}.editor-template-heading b{font-size:11px}.editor-template-heading small{font-size:9px;color:#7d8b9d;margin-top:2px}.template-swipe-hint{font:9px 'DM Mono',monospace;color:#8795a6}.editor-template-carousel{display:flex;gap:15px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px clamp(18px,10vw,90px) 8px}.editor-template-carousel::-webkit-scrollbar{display:none}.editor-template-slide{flex:0 0 min(72vw,640px);scroll-snap-align:center;border:0;background:transparent;padding:0;text-align:left;opacity:.44;transform:scale(.94);transition:opacity .22s,transform .22s;color:inherit}.editor-template-slide.active{opacity:1;transform:scale(1)}.editor-template-card{width:100%;aspect-ratio:1.75/1;padding:24px 26px;border-radius:13px;box-shadow:0 12px 25px #1726381d;pointer-events:none}.editor-template-card .physical-person{right:26px;top:29px}.editor-template-card .physical-contact-lines{left:26px;bottom:24px}.editor-template-card .physical-card-url{right:26px;bottom:24px}.editor-template-caption{display:block;padding:8px 4px 0;text-align:center;font-size:10px;font-weight:700;color:#62748a}.editor-template-slide.active .editor-template-caption{color:#1d3146}.editor-template-slide.locked .editor-template-caption:after{content:' · locked';color:#a06d34;font-weight:500}.workspace.is-editing #card-form{padding:0 52px}.workspace.is-editing #card-form .form-section:first-child{border-top:0}.workspace.is-editing .card-switcher{display:none}
@media(max-width:800px){.workspace:not(.is-editing){padding:31px 22px 52px}.library-hero{align-items:flex-start}.owned-card-grid{grid-template-columns:1fr}.library-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace.is-editing>.editor-panel{padding-top:18px}.workspace.is-editing .editor-title-row{padding:0 22px 16px}.workspace.is-editing #card-form{padding:0 22px}.editor-template-heading{padding:0 22px 10px}.editor-template-carousel{padding-left:8vw;padding-right:8vw}.editor-template-slide{flex-basis:min(82vw,640px)}}
@media(max-width:500px){.library-hero h2{font-size:23px}.library-hero p:not(.eyebrow){max-width:210px}.library-count{font-size:9px}.library-section-heading{align-items:flex-start;flex-direction:column}.library-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace.is-editing .editor-title-row{gap:10px}.workspace.is-editing .editor-actions{gap:7px;flex-wrap:wrap;justify-content:flex-end;padding-top:12px}.workspace.is-editing .editor-actions .saved-state{order:-1}.editor-template-carousel{padding-left:6vw;padding-right:6vw}.editor-template-slide{flex-basis:88vw}.editor-template-card{padding:19px 20px}.editor-template-card .physical-person{right:20px;top:22px}.editor-template-card .physical-person h3{font-size:18px}.editor-template-card .physical-contact-lines{left:20px;bottom:18px}.editor-template-card .physical-card-url{right:20px;bottom:18px}.template-swipe-hint{display:none}}

/* Library cards expose the two immediate actions without nesting buttons. */
.owned-card-open{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.owned-card-open:focus-visible,.owned-card-edit:focus-visible,.owned-card-share:focus-visible{outline:2px solid #6b9bc8;outline-offset:3px}.owned-card-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.owned-card-edit,.owned-card-share{border:0;background:transparent;padding:2px 0;color:#60758c;font:700 10px var(--font);cursor:pointer}.owned-card-share{color:#1f526f}.owned-card-edit:hover,.owned-card-share:hover{text-decoration:underline;color:#172a3e}.topbar .button.save-card{min-width:88px}
@media(max-width:460px){.topbar .button.save-card{font-size:12px;padding:10px 13px}.topbar .button.save-card span{font-size:inherit;margin:0}}

/* Public legal and support links remain available from every in-app view. */
.app-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 52px;background:#fff;border-top:1px solid var(--line);color:#8391a1;font:9px var(--mono)}.app-footer nav{display:flex;flex-wrap:wrap;gap:14px}.app-footer a{color:#61758a;text-decoration:none}.app-footer a:hover{text-decoration:underline;color:#23394f}@media(max-width:600px){.app-footer{display:grid;gap:10px;padding:21px 22px}.app-footer nav{gap:9px 13px}}

/* Account deletion is intentionally distinct from ordinary account settings. */
.account-section.danger-zone{border-color:#f0d9da;background:#fffdfd}.account-section-icon.danger{background:#fee8e8;color:#ad555b}.account-delete-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.account-delete-row>span{min-width:0}.account-delete-row b,.account-delete-row small{display:block}.account-delete-row b{font-size:11px}.account-delete-row small{max-width:310px;margin-top:3px;color:#7d8999;font-size:9px;line-height:1.4}.danger-action{border:0;background:#fee8e8;border-radius:6px;padding:7px 8px;color:#ad5158;font-size:10px;font-weight:700;white-space:nowrap}.danger-action:hover{background:#fbdcdf}.account-delete-modal{max-width:420px}.subscription-warning{margin-top:11px!important;border-radius:7px;background:#fff4df;padding:9px 10px;color:#86632b!important;font-size:10px!important}.delete-confirmation{display:grid;gap:6px;margin-top:16px;color:#526379;font-size:10px;font-weight:600;text-align:left}.delete-confirmation input{width:100%;border:1px solid #dce4eb;border-radius:7px;padding:10px;color:#172638;font:12px var(--font)}.delete-confirmation input:focus{outline:2px solid #f4c8ca;border-color:#d47b81}.account-delete-modal .delete-actions{margin-top:18px}.account-delete-modal .button.delete:disabled{cursor:wait;opacity:.7}@media(max-width:480px){.account-delete-row{align-items:flex-start;flex-direction:column}.account-delete-row .danger-action{align-self:flex-start}}