:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#fff;--canvas-soft:#f7f7f5;--surface:#fff;--surface-raised:#fff;--ink:#000;--ink-secondary:#31302e;--ink-muted:#615d59;--ink-faint:#8d8882;--hairline:#e6e6e6;--hairline-soft:#f1f1f1;--inverse:#000;--inverse-ink:#fff;--lime:#dceeb1;--lilac:#c5b0f4;--cream:#f4ecd6;--pink:#efd4d4;--mint:#c8e6cd;--coral:#f3c9b6;--navy:#1f1d3d;--magenta:#ff3d8b;--success:#1ea64a;--error:#d83d3d;--focus:#000;--shadow-soft:0 4px 16px #0000000f;--shadow-dialog:0 30px 90px #00000038;--radius-sm:6px;--radius-md:8px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;--header-height:72px;--ease:cubic-bezier(.2,0,0,1)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#101010;--canvas-soft:#171717;--surface:#151515;--surface-raised:#1b1b1b;--ink:#fff;--ink-secondary:#e5e5e5;--ink-muted:#b7b7b7;--ink-faint:#898989;--hairline:#2e2e2e;--hairline-soft:#242424;--inverse:#fff;--inverse-ink:#000;--focus:#fff;--shadow-soft:0 4px 18px #00000047;--shadow-dialog:0 30px 90px #00000094}*{box-sizing:border-box}html{background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;min-width:320px}body{background:var(--canvas);min-width:320px;min-height:100vh;color:var(--ink);margin:0;font-family:Inter,Geist,SF Pro Display,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.45}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::selection{background:var(--lilac);color:#000}.app-shell{background:var(--canvas);min-height:100vh}.app-header{z-index:40;height:var(--header-height);border-bottom:1px solid var(--hairline);background:color-mix(in srgb,var(--canvas) 92%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:minmax(220px,1fr) auto minmax(460px,1fr);align-items:center;gap:20px;padding:0 24px;display:grid;position:sticky;inset:0 0 auto}.header-brand,.header-actions,.inline-actions,.modal-footer-actions{align-items:center;gap:8px;display:flex}.header-actions{justify-content:flex-end}.header-divider{background:var(--hairline);width:1px;height:28px;margin:0 3px}.privacy-pill{border-radius:var(--radius-pill);background:var(--mint);color:#000;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-items:center;min-height:28px;padding:3px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700;display:inline-flex}.app-logo{align-items:center;gap:10px;min-width:max-content;display:inline-flex}.app-logo-mark{width:34px;height:28px;display:inline-block;position:relative}.app-logo-mark i{background:var(--canvas);transform-origin:50%;border:2px solid;border-radius:5px;display:block;position:absolute;inset:3px 2px}.app-logo-mark i:first-child{background:var(--lime);transform:rotate(-9deg)translate(-2px,-1px)}.app-logo-mark i:nth-child(2){background:var(--lilac);transform:rotate(8deg)translate(2px,1px)}.app-logo-mark i:nth-child(3){background:var(--surface);transform:none}.app-logo-type{letter-spacing:-.035em;font-size:19px;font-weight:700}.app-logo-type span{font-weight:360}.brand-switcher{justify-content:center;align-items:center;gap:6px;display:flex}.brand-switcher label{border:1px solid var(--hairline);border-radius:var(--radius-pill);background:var(--surface);grid-template-columns:auto minmax(90px,180px);align-items:center;gap:8px;height:40px;padding:0 8px 0 14px;display:grid}.brand-switcher label>span{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;font-family:ui-monospace,Menlo,monospace;font-size:10px;font-weight:700}.brand-switcher select{width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;outline:0;font-size:13px;font-weight:650}.save-indicator{color:var(--ink-muted);white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:inline-flex}.save-indicator i{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 12%,transparent);border-radius:50%}.save-indicator.status-saving i{background:#d29b14;animation:1s infinite pulse-dot}.save-indicator.status-error i{background:var(--error)}.button{border-radius:var(--radius-pill);cursor:pointer;min-height:40px;transition:background-color .14s var(--ease),border-color .14s var(--ease),color .14s var(--ease),box-shadow .14s var(--ease);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-weight:570;line-height:1.2;display:inline-flex;position:relative}.button-sm{min-height:34px;padding:6px 13px;font-size:12px}.button-lg{min-height:48px;padding:11px 24px;font-size:16px}.button-primary{background:var(--inverse);color:var(--inverse-ink)}.button-primary:hover:not(:disabled){box-shadow:var(--shadow-soft)}.button-secondary{background:var(--surface);color:var(--ink);border-color:var(--hairline)}.button-secondary:hover:not(:disabled){border-color:var(--ink)}.button-ghost{color:var(--ink-secondary);background:0 0}.button-ghost:hover:not(:disabled){background:var(--canvas-soft)}.button-soft{background:var(--lime);color:#000}.button-danger{background:var(--error);color:#fff}.button:disabled,.icon-button:disabled{opacity:.38;cursor:not-allowed}.icon-button{background:var(--canvas-soft);width:40px;height:40px;color:var(--ink-secondary);cursor:pointer;transition:background-color .14s var(--ease),color .14s var(--ease);border:0;border-radius:50%;flex:0 0 40px;place-items:center;padding:0;display:inline-grid}.icon-button:hover:not(:disabled),.icon-button.is-active{background:var(--inverse);color:var(--inverse-ink)}.language-dropdown{position:relative}.language-trigger{border:0px solid var(--hairline);border-radius:var(--radius-pill);background:var(--surface);height:40px;color:var(--ink);cursor:pointer;align-items:center;gap:7px;padding:0 11px;display:inline-flex}.language-trigger:hover{background:var(--canvas-soft)}.language-label{letter-spacing:.07em;font-family:ui-monospace,Menlo,monospace;font-size:10px;font-weight:700}.language-flag{flex:none;place-items:center;width:22px;height:18px;font-size:17px;line-height:1;display:inline-grid;overflow:hidden}.language-menu{z-index:80;border:1px solid var(--hairline);background:var(--surface-raised);width:240px;max-height:min(440px,70vh);box-shadow:var(--shadow-dialog);border-radius:16px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.language-menu button{width:100%;min-height:40px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.language-menu button>span:first-child{align-items:center;gap:9px;min-width:0;display:flex}.language-menu button:hover,.language-menu button.is-active{background:var(--canvas-soft)}.workspace-layout{width:100%;max-width:1740px;min-height:calc(100vh - var(--header-height));grid-template-columns:180px minmax(520px,1fr) minmax(420px,520px);align-items:start;gap:0;margin:0 auto;display:grid}.workspace-sidebar{top:var(--header-height);height:calc(100vh - var(--header-height));border-right:1px solid var(--hairline);flex-direction:column;justify-content:space-between;padding:28px 16px 24px 24px;display:flex;position:sticky}.workspace-editor{min-width:0;padding:32px clamp(24px,3vw,48px) 96px}.workspace-preview{top:var(--header-height);min-width:0;height:calc(100vh - var(--header-height));border-left:1px solid var(--hairline);background:var(--canvas-soft);padding:24px;position:sticky;overflow-y:auto}.editor-navigation{flex-direction:column;gap:5px;display:flex}.editor-nav-title{color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase;padding:0 10px 12px;font-family:ui-monospace,Menlo,monospace;font-size:10px;font-weight:700}.editor-navigation button{width:100%;min-height:58px;color:var(--ink-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:28px 1fr;align-items:center;gap:6px;padding:8px 9px;display:grid;position:relative;overflow:hidden}.editor-navigation button>span{z-index:1;position:relative}.editor-navigation button strong,.editor-navigation button small{display:block}.editor-navigation button strong{color:inherit;font-size:13px}.editor-navigation button small{color:var(--ink-faint);margin-top:2px;font-size:10px}.editor-nav-number{font-family:ui-monospace,Menlo,monospace;font-size:10px}.editor-navigation button.is-active{color:#000}.editor-navigation button.is-active small{color:#00000094}.editor-nav-active{background:var(--lime);border-radius:12px;position:absolute;inset:0}.sidebar-note{border-top:1px solid var(--hairline);padding:16px 12px}.sidebar-note p{color:var(--ink-muted);margin:7px 0 0;font-size:11px}.mobile-editor-navigation{display:none}.editor-panel{width:100%;max-width:900px;margin:0 auto}.section-header{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;padding-bottom:28px;display:flex}.section-header>div:first-child{max-width:680px}.section-header h1{letter-spacing:-.055em;max-width:720px;margin:8px 0 10px;font-size:clamp(36px,4.4vw,64px);font-weight:355;line-height:.98}.section-header p{max-width:650px;color:var(--ink-muted);margin:0;font-size:16px;line-height:1.55}.section-actions{flex:none}.eyebrow{width:-moz-fit-content;width:fit-content;color:var(--ink-muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700;line-height:1.2;display:inline-flex}.form-grid{gap:18px;display:grid}.form-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.is-disabled,.color-controls.is-disabled{opacity:.42;pointer-events:none}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field-heading{color:var(--ink);justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:650;display:flex}.field-hint{color:var(--ink-faint);margin-top:-4px;font-size:11px;line-height:1.4}.input{border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--surface);width:100%;min-height:46px;color:var(--ink);transition:border-color .14s var(--ease),box-shadow .14s var(--ease),background-color .14s var(--ease);outline:0;padding:11px 13px}.input:hover{border-color:color-mix(in srgb,var(--ink) 28%,var(--hairline))}.input:focus{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 9%,transparent)}.input::placeholder{color:var(--ink-faint)}.textarea{resize:vertical;min-height:86px}.select{appearance:auto;cursor:pointer}.form-error{color:var(--error);margin:9px 0 0;font-size:12px}.toggle-row{border:0;border-top:1px solid var(--hairline);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.toggle-copy{flex-direction:column;gap:3px;display:flex}.toggle-copy strong{font-size:13px}.toggle-copy small{max-width:580px;color:var(--ink-muted);font-size:11px;line-height:1.45}.toggle{border:1px solid var(--hairline);border-radius:var(--radius-pill);background:var(--canvas-soft);width:42px;height:24px;transition:background-color .16s var(--ease),border-color .16s var(--ease);flex:0 0 42px;align-items:center;padding:3px;display:inline-flex;position:relative}.toggle i{background:var(--ink-faint);border-radius:50%;width:16px;height:16px}.toggle.is-on{background:#000;border-color:#000;justify-content:flex-end}.toggle.is-on i{background:#fff}.toggle-stack{flex-direction:column;margin-top:24px;display:flex}.segmented{border:1px solid var(--hairline);border-radius:var(--radius-pill);background:var(--surface);width:-moz-fit-content;width:fit-content;max-width:100%;padding:3px;display:inline-flex;position:relative;overflow-x:auto}.segmented button{border-radius:var(--radius-pill);min-height:34px;color:var(--ink-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:7px 14px;font-size:11px;font-weight:650;position:relative}.segmented button>span:last-child{z-index:1;position:relative}.segmented button.is-active{color:var(--inverse-ink)}.segmented-active{border-radius:inherit;background:var(--inverse);position:absolute;inset:0}.logo-editor{border-radius:var(--radius-lg);background:var(--cream);color:#000;grid-template-columns:150px 1fr;align-items:center;gap:24px;margin:30px 0 18px;padding:24px;display:grid}.logo-editor-preview{aspect-ratio:1;background:#fff;border:1px solid #00000021;border-radius:20px;place-items:center;display:grid;overflow:hidden}.logo-editor-preview img{object-fit:contain;width:82%;height:82%}.logo-editor-preview span{letter-spacing:-.08em;font-size:34px;font-weight:800}.logo-editor-copy h3{margin:7px 0 4px;font-size:22px;line-height:1.1}.logo-editor-copy p{color:#000000a3;margin:0 0 14px;font-size:12px}.logo-editor .eyebrow{color:#0000008f}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.person-card{border:1px solid var(--hairline);background:var(--surface);min-width:0;color:var(--ink);text-align:left;cursor:pointer;border-radius:16px;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:14px;display:grid;position:relative}.person-card:hover,.person-card.is-active{border-color:var(--ink)}.person-card.is-active{box-shadow:inset 0 0 0 1px var(--ink)}.person-avatar{background:var(--lilac);color:#000;border-radius:14px;place-items:center;width:46px;height:46px;font-size:13px;font-weight:800;display:grid}.person-card strong,.person-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.person-card strong{font-size:13px}.person-card small{color:var(--ink-muted);margin-top:3px;font-size:11px}.person-card>i{color:var(--ink-faint);font-family:ui-monospace,Menlo,monospace;font-size:10px;font-style:normal}.color-block{border-radius:var(--radius-lg);color:#000;padding:28px}.color-block-lime{background:var(--lime)}.color-block-lilac{background:var(--lilac)}.color-block-cream{background:var(--cream)}.compact-block{justify-content:space-between;align-items:center;gap:24px;margin-top:24px;display:flex}.compact-block h3{margin:6px 0 4px;font-size:24px}.compact-block p{color:#0000009e;max-width:560px;margin:0;font-size:12px}.compact-block .eyebrow{color:#0000008a}.field-list-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-top:34px;padding-bottom:14px;display:flex}.field-list-header h3,.subsection-heading h3{margin:6px 0 0;font-size:22px;line-height:1.15}.contact-field-list{flex-direction:column;gap:10px;display:flex}.contact-field-editor{border:1px solid var(--hairline);background:var(--surface);border-radius:16px;padding:16px}.contact-field-editor.is-hidden{opacity:.58}.contact-field-topline{grid-template-columns:minmax(120px,180px) 1fr auto;align-items:center;gap:14px;display:grid}.contact-field-topline .toggle-row{border:0;justify-content:flex-start;width:auto;padding:0}.contact-field-topline .toggle-copy small{display:none}.contact-field-inputs{grid-template-columns:minmax(130px,.5fr) minmax(0,1.5fr);gap:12px;margin-top:14px;display:grid}.text-action{color:var(--ink-muted);cursor:pointer;background:0 0;border:0;padding:5px;font-size:11px}.text-action.danger{color:var(--error)}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.template-swatch{border:1px solid var(--hairline);background:var(--surface);min-width:0;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .14s var(--ease),box-shadow .14s var(--ease);border-radius:15px;padding:8px}.template-swatch:hover,.template-swatch.is-active{border-color:var(--ink)}.template-mini-card{aspect-ratio:1.75;background:var(--swatch-bg);color:var(--swatch-text);border-radius:10px;flex-direction:column;justify-content:flex-end;padding:12px;display:flex;position:relative;overflow:hidden;container-type:inline-size}.template-mini-card b{z-index:1;letter-spacing:-.08em;font-size:14cqi;line-height:.85;position:relative}.template-mini-card small{z-index:1;margin-top:4px;font-size:4.4cqi;position:relative}.mini-shape{aspect-ratio:1;background:var(--swatch-primary);border-radius:50%;width:42%;position:absolute;top:-22%;right:-8%}.template-swatch.template-split-screen .template-mini-card:before{content:"";background:var(--swatch-primary);position:absolute;inset:0 50% 0 0}.template-swatch.template-ribbon .mini-shape{border-radius:999px;width:120%;height:22%;top:20%;right:-20%;transform:rotate(-12deg)}.template-swatch.template-blueprint .template-mini-card{background-image:linear-gradient(#ffffff21 1px,#0000 1px),linear-gradient(90deg,#ffffff21 1px,#0000 1px);background-size:14px 14px}.template-swatch.template-frame .template-mini-card:after{content:"";border:1px solid var(--swatch-primary);position:absolute;inset:9px}.template-swatch.template-kinetic .mini-shape{border-radius:4px;transform:rotate(13deg)}.template-meta{justify-content:space-between;align-items:baseline;gap:8px;padding:9px 4px 3px;display:flex}.template-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.template-meta small{color:var(--ink-faint);font-size:9px}.editor-subsection{border-top:1px solid var(--hairline);margin-top:34px;padding-top:28px}.subsection-heading{margin-bottom:18px}.editor-subsection>.segmented{margin:0 8px 12px 0}.color-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.color-field{color:var(--ink);flex-direction:column;gap:7px;font-size:12px;font-weight:650;display:flex}.color-field>span:last-child{grid-template-columns:46px 1fr;gap:7px;display:grid}.color-field input[type=color]{border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;width:46px;height:46px;padding:4px}.qr-summary{grid-template-columns:minmax(180px,.7fr) 1.3fr;gap:28px;display:grid}.qr-summary h3{margin:7px 0 2px;font-size:28px}.qr-summary p{color:#0009;margin:0}.qr-summary ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.qr-summary li{border-bottom:1px solid #0000001f;grid-template-columns:90px 1fr;gap:12px;padding-bottom:7px;font-size:11px;display:grid}.qr-summary li span{color:#0000008a}.qr-summary li strong{overflow-wrap:anywhere}.privacy-note{border-left:3px solid var(--ink);background:var(--canvas-soft);color:var(--ink-muted);margin:24px 0 0;padding:16px 18px;font-size:12px}.privacy-note strong{color:var(--ink)}.preview-toolbar,.preview-header,.preview-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.preview-toolbar{margin-bottom:16px}.preview-toolbar>div,.preview-header>div{flex-direction:column;gap:3px;display:flex}.preview-toolbar strong,.preview-header strong{font-size:12px}.zoom-control{color:var(--ink-muted);align-items:center;gap:8px;font-size:10px;display:flex}.zoom-control input{width:84px;accent-color:var(--ink)}.preview-panel{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.preview-header{border-bottom:1px solid var(--hairline);padding:14px}.preview-header .segmented button{min-height:28px;padding:5px 10px;font-size:9px}.preview-stage{perspective:1200px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--lilac) 22%,transparent),transparent 62%),var(--canvas-soft);place-items:center;min-height:390px;padding:clamp(20px,4vw,36px) 20px;display:grid;overflow:hidden}.preview-card-wrap{transform-origin:50%;width:min(100%,460px)}.preview-footer{border-top:1px solid var(--hairline);min-height:46px;color:var(--ink-muted);padding:8px 12px;font-size:10px}.preview-footer button{background:var(--canvas-soft);width:30px;height:30px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;place-items:center;font-size:22px;display:grid}.preview-footer button:disabled{opacity:.3}.preview-tip{background:var(--lilac);color:#000;border-radius:16px;flex-direction:column;gap:5px;margin-top:14px;padding:16px 18px;display:flex}.preview-tip strong{font-size:12px}.preview-tip span{color:#0000009e;font-size:10px}.card-surface{aspect-ratio:1.75;background:var(--card-bg);width:100%;color:var(--card-text);isolation:isolate;border-radius:1.5cqi;position:relative;overflow:hidden;box-shadow:0 18px 45px #00000029;container-type:inline-size}.card-content{z-index:2;width:100%;height:100%;padding:7.2cqi;display:grid;position:relative}.card-brand-block,.card-person-block{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.card-brand-block{align-self:start;gap:1cqi}.card-logo-image{object-fit:contain;object-position:left center;width:auto;max-width:22cqi;height:8.8cqi}.card-logo-fallback{background:var(--card-primary);width:8.8cqi;height:8.8cqi;color:var(--card-bg);letter-spacing:-.08em;border-radius:2cqi;place-items:center;font-size:3.2cqi;font-weight:850;display:grid}.card-brand-name{overflow-wrap:anywhere;max-width:38cqi;font-size:var(--size-brand);letter-spacing:-.045em;line-height:.98}.card-tagline{opacity:.66;max-width:40cqi;font-size:1.45cqi;line-height:1.25}.card-person-block{align-self:end}.card-person-name{overflow-wrap:anywhere;max-width:62cqi;font-size:var(--size-person);letter-spacing:-.055em;line-height:.92}.card-role{font-size:var(--size-role);margin-top:1.1cqi;line-height:1.08}.card-department{opacity:.6;margin-top:.5cqi;font-size:1.35cqi}.card-contact-list{align-content:end;gap:1.45cqi;min-width:0;display:grid}.card-contact{gap:.35cqi;min-width:0;display:grid}.card-contact-label{opacity:.55;font-family:ui-monospace,Menlo,monospace;font-size:var(--size-label);letter-spacing:.09em;text-transform:uppercase;font-weight:700}.card-contact-value{overflow-wrap:anywhere;max-width:100%;font-size:var(--size-contact);line-height:1.12}.card-contact-address .card-contact-value{font-size:var(--size-address)}.card-qr{flex-direction:column;align-self:end;align-items:center;gap:.8cqi;display:flex}.card-qr-code{background:#fff;border-radius:1cqi;place-items:center;padding:.65cqi;display:grid;overflow:hidden}.card-qr-code svg{width:100%;height:auto;display:block}.card-qr-sm .card-qr-code{width:9cqi}.card-qr-md .card-qr-code{width:12cqi}.card-qr-lg .card-qr-code{width:15cqi}.card-qr-caption{text-align:center;max-width:17cqi;font-size:var(--size-qr-caption);line-height:1.1}.card-decoration,.shape,.guide{pointer-events:none;position:absolute}.card-decoration{z-index:0;inset:0;overflow:hidden}.shape{background:var(--card-primary);display:block}.shape-a{border-radius:50%;width:33cqi;height:33cqi;top:-15cqi;right:-13cqi}.shape-b{background:var(--card-secondary);border-radius:50%;width:11cqi;height:11cqi;bottom:5cqi;right:8cqi}.shape-c{display:none}.card-safe-area{z-index:10;border:1px dashed color-mix(in srgb,var(--card-text) 52%,transparent);pointer-events:none;position:absolute;inset:4.5cqi}.side-front .card-content{grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto}.side-front .card-brand-block{grid-area:1/1}.side-front .card-person-block{grid-area:3/1}.side-front .card-qr{grid-area:3/2;margin-left:4cqi}.side-back .card-content{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) auto;gap:2cqi 5cqi}.side-back .card-brand-block{grid-area:1/1}.side-back .card-brand-block .card-tagline{display:none}.side-back .card-contact-list{grid-area:2/1/4}.side-back .card-qr{grid-area:2/2/4;align-self:end}.side-back .card-person-block{text-align:right;grid-area:1/2;align-items:flex-end}.side-back .card-person-name{font-size:var(--size-brand)}.side-back .card-role{font-size:var(--size-label)}.side-back .card-department{display:none}.template-signal .shape-a{border-radius:0;width:2.2cqi;height:100%;inset:0 auto 0 0}.template-signal .shape-b{border-radius:999px;width:32cqi;height:1.5cqi;bottom:7cqi;right:6cqi}.template-signal .card-content{padding-left:9cqi}.template-signal .card-logo-fallback{border-radius:50%}.template-orbit .shape-a{background:var(--card-primary);width:54cqi;height:54cqi;top:-22cqi;right:-14cqi}.template-orbit .shape-b{border:4cqi solid var(--card-secondary);background:0 0;width:25cqi;height:25cqi;bottom:-13cqi;right:15cqi}.template-orbit.side-front .card-person-block{grid-row:2/4;align-self:center}.template-monolith .shape-a{background:var(--card-secondary);border-radius:0;width:31%;height:100%;top:0;right:0}.template-monolith .shape-b{display:none}.template-monolith .card-person-name{max-width:68cqi;font-size:var(--size-person)}.template-monolith.side-back .card-contact-list{max-width:60cqi}.template-split-screen .shape-a{background:var(--card-primary);border-radius:0;width:42%;height:100%;top:0;right:0}.template-split-screen .shape-b{display:none}.template-split-screen.side-front .card-qr,.template-split-screen.side-back .card-qr,.template-split-screen.side-back .card-person-block{color:var(--card-bg)}.template-split-screen.side-front .card-qr,.template-split-screen.side-back .card-qr{z-index:2;position:relative}.template-ribbon .shape-a{border-radius:999px;width:130%;height:13cqi;top:20cqi;right:-16%;transform:rotate(-8deg)}.template-ribbon .shape-b{width:19cqi;height:19cqi;bottom:-6cqi;right:4cqi}.template-ribbon .card-person-block{z-index:3;position:relative}.template-blueprint{background-image:linear-gradient(color-mix(in srgb,var(--card-text) 10%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--card-text) 10%,transparent) 1px,transparent 1px);background-size:6cqi 6cqi}.template-blueprint .shape-a{border:.8cqi solid var(--card-primary);background:0 0;border-radius:50%;width:19cqi;height:19cqi;top:7cqi;right:7cqi}.template-blueprint .shape-b{background:var(--card-secondary);width:7cqi;height:7cqi;top:13cqi;right:13cqi}.template-blueprint .guide{background:var(--card-primary);opacity:.55;display:block}.template-blueprint .guide-a{width:1px;height:100%;top:0;left:46%}.template-blueprint .guide-b{width:100%;height:1px;top:42%;left:0}.template-frame:after{content:"";z-index:1;border:1px solid var(--card-primary);pointer-events:none;position:absolute;inset:4cqi}.template-frame .shape-a{border-radius:0;width:13cqi;height:13cqi;top:4cqi;right:4cqi}.template-frame .shape-b{display:none}.template-frame .card-content{padding:8cqi}.template-kinetic .shape-a{border-radius:2cqi;width:37cqi;height:50cqi;top:-11cqi;right:-7cqi;transform:rotate(17deg)}.template-kinetic .shape-b{border-radius:2cqi;width:22cqi;height:11cqi;bottom:6cqi;right:8cqi;transform:rotate(-8deg)}.template-kinetic .shape-c{border:1cqi solid var(--card-text);background:0 0;border-radius:50%;width:8cqi;height:8cqi;display:block;top:7cqi;left:45cqi}.template-mono-type .shape-a,.template-mono-type .shape-b{display:none}.template-mono-type .card-content{padding:5.5cqi}.template-mono-type .card-logo-fallback{border:1px solid var(--card-text);color:var(--card-text);background:0 0}.template-mono-type .card-person-name{text-transform:uppercase;font-size:var(--size-person)}.template-mono-type .card-contact-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:2cqi 4cqi}.template-corner-note .shape-a{border-radius:0 0 0 5cqi;width:38cqi;height:30cqi;top:-5cqi;right:-5cqi;transform:rotate(3deg)}.template-corner-note .shape-b{border-radius:0;width:4cqi;height:4cqi;bottom:5cqi;left:5cqi}.template-soft-stack .shape-a{border-radius:6cqi;width:42cqi;height:37cqi;top:-9cqi;right:-7cqi;transform:rotate(8deg)}.template-soft-stack .shape-b{border-radius:5cqi;width:31cqi;height:20cqi;bottom:-8cqi;right:6cqi;transform:rotate(-5deg)}.template-soft-stack .card-brand-block,.template-soft-stack .card-person-block,.template-soft-stack .card-contact-list{z-index:3;position:relative}.app-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000009e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.app-modal{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface-raised);width:min(760px,100%);max-height:min(820px,100dvh - 40px);color:var(--ink);box-shadow:var(--shadow-dialog);flex-direction:column;display:flex;overflow:hidden}.app-modal>header{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 24px 18px;display:flex}.app-modal h2{letter-spacing:-.04em;margin:6px 0 4px;font-size:30px;font-weight:430}.app-modal header p{max-width:560px;color:var(--ink-muted);margin:0;font-size:12px}.app-modal-body{padding:24px;overflow-y:auto}.app-modal>footer{border-top:1px solid var(--hairline);justify-content:flex-end;padding:16px 24px;display:flex}.export-option-group{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.export-format-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.export-format-grid button{border:1px solid var(--hairline);background:var(--surface);min-height:105px;color:var(--ink);text-align:left;cursor:pointer;border-radius:16px;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:18px;display:flex}.export-format-grid button:hover,.export-format-grid button.is-active{border-color:var(--ink)}.export-format-grid button.is-active{box-shadow:inset 0 0 0 1px var(--ink);background:var(--canvas-soft)}.export-format-grid strong{font-size:14px}.export-format-grid span{color:var(--ink-muted);margin-top:4px;font-size:10px}.export-summary{margin-top:18px}.export-progress{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;display:flex}.export-progress strong{margin-top:18px;font-size:17px}.export-progress p{max-width:360px;color:var(--ink-muted);margin:6px 0 0;font-size:11px}.app-loader{align-items:center;gap:12px;display:inline-flex}.app-loader-dots{gap:4px;display:flex}.app-loader-dots i{background:var(--ink);border-radius:50%;width:5px;height:5px;animation:.9s infinite loader-dot}.app-loader-dots i:nth-child(2){animation-delay:.12s}.app-loader-dots i:nth-child(3){animation-delay:.24s}.export-render-stage{z-index:-10;pointer-events:none;width:1050px;height:auto;position:fixed;top:0;left:-20000px}.export-render-stage .card-surface{aspect-ratio:auto;width:1050px;height:600px;box-shadow:none;border-radius:0}.export-render-stage .card-surface+.card-surface{margin-top:20px}.app-toast{z-index:150;background:var(--inverse);max-width:min(420px,100vw - 44px);color:var(--inverse-ink);box-shadow:var(--shadow-dialog);border-radius:14px;padding:14px 18px;font-size:12px;position:fixed;bottom:22px;right:22px}.mobile-action-dock,.mobile-export-button,.mobile-import-button{display:none}.empty-state{text-align:center;justify-items:center;padding:48px 24px;display:grid}.empty-state-mark{margin-bottom:16px}.empty-state h3{margin:0}.empty-state p{max-width:420px;color:var(--ink-muted)}@keyframes pulse-dot{50%{opacity:.35;transform:scale(.8)}}@keyframes loader-dot{0%,80%,to{opacity:.3;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}@media (max-width:1320px){.app-header{grid-template-columns:auto auto 1fr}.privacy-pill,.save-indicator{display:none}.workspace-layout{grid-template-columns:160px minmax(470px,1fr) minmax(370px,440px)}.workspace-editor{padding-inline:26px}.workspace-preview{padding:18px}}@media (max-width:1100px){:root{--header-height:64px}.app-header{grid-template-columns:auto 1fr auto;padding:0 16px}.icon-button{background:0 0;flex-basis:20px}.by-zine,.brand-switcher label>span,.language-label,.header-actions .button-ghost{display:none}.brand-switcher{justify-content:flex-start}.brand-switcher label{grid-template-columns:minmax(100px,170px);padding-left:12px}.header-actions{gap:5px}.header-divider,.header-actions>.icon-button:first-of-type,.header-actions>.icon-button:nth-of-type(2){display:none}.workspace-layout{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr)}.workspace-sidebar{display:none}.workspace-editor{padding:28px 24px 100px}.workspace-preview{padding:16px}.mobile-editor-navigation{top:var(--header-height);z-index:32;border-bottom:1px solid var(--hairline);background:color-mix(in srgb,var(--canvas) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:8px 14px;display:flex;position:sticky;overflow-x:auto}.mobile-editor-navigation button{border-radius:var(--radius-pill);min-width:max-content;color:var(--ink-muted);background:0 0;border:0;align-items:center;gap:5px;padding:8px 12px;font-size:11px;font-weight:650;display:inline-flex}.mobile-editor-navigation button span{font-family:ui-monospace,Menlo,monospace;font-size:9px}.mobile-editor-navigation button.is-active{background:var(--lime);color:#000}.section-header h1{font-size:clamp(38px,5vw,54px)}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.app-header{grid-template-columns:auto 1fr auto;gap:10px}.header-brand{min-width:34px}.brand-switcher label{grid-template-columns:minmax(72px,1fr);min-width:0;max-width:135px}.brand-switcher .icon-button,.header-actions .language-dropdownx,.header-actions .button-primary{display:none}.workspace-layout{flex-direction:column;display:flex}.workspace-editor{width:100%;padding:24px 16px 42px}.workspace-preview{border:0;border-bottom:1px solid var(--hairline);order:-1;width:100%;height:auto;padding:14px 16px 18px;position:relative;top:auto;overflow:visible}.preview-toolbar,.preview-tip{display:none}.preview-stage{min-height:260px;padding:22px 16px}.preview-card-wrap{width:min(100%,430px)}.preview-header{padding:10px 12px}.preview-footer{display:none}.mobile-editor-navigation{top:var(--header-height)}.section-header{margin-bottom:24px;padding-bottom:22px;display:block}.section-header h1{margin-top:7px;font-size:clamp(34px,11vw,48px)}.section-header p{font-size:14px}.section-actions{margin-top:18px}.form-grid.two-columns,.form-grid.three-columns,.people-grid,.color-controls,.contact-field-inputs,.qr-summary{grid-template-columns:1fr}.logo-editor{grid-template-columns:92px 1fr;gap:16px;padding:18px}.logo-editor-copy p{display:none}.compact-block{display:block}.compact-block .inline-actions{margin-top:16px}.contact-field-topline{grid-template-columns:minmax(100px,1fr) auto}.contact-field-topline .text-action{grid-area:2/2}.contact-field-topline .toggle-row{grid-area:2/1}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.template-meta{display:block}.template-meta small{margin-top:2px;display:block}.export-option-group{flex-direction:column;align-items:flex-start}.export-format-grid{grid-template-columns:1fr}.app-modal-backdrop{align-items:end;padding:0}.app-modal{border-bottom:0;border-radius:24px 24px 0 0;width:100%;max-height:92dvh}.app-modal>header,.app-modal-body,.app-modal>footer{padding-left:18px;padding-right:18px}.mobile-action-dock{right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:45;align-items:center;gap:8px;display:flex;position:fixed}.mobile-export-button,.mobile-import-button{border-radius:var(--radius-pill);border:0;align-items:center;min-height:48px;font-weight:650;display:flex}.mobile-import-button{background:var(--surface);color:var(--ink);border:1px solid var(--hairline);padding:10px 15px;box-shadow:0 10px 24px #0000001f}.mobile-export-button{background:var(--inverse);color:var(--inverse-ink);gap:16px;padding:10px 18px;box-shadow:0 14px 32px #0000003d}}@media (max-width:430px){.header-actions .icon-button:first-of-type,.header-actions .icon-button:nth-of-type(2){display:none}.workspace-preview{padding-inline:10px}.preview-stage{min-height:220px;padding:16px 10px}.template-grid{grid-template-columns:1fr 1fr}.template-swatch{padding:5px}.template-meta small{display:none}.logo-editor{grid-template-columns:1fr}.logo-editor-preview{width:90px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skiptranslate{display:none!important}font{box-shadow:none!important;background-color:#0000!important}#cards-google-translate,#google_translate_element{width:1px!important;height:1px!important;display:none!important;position:absolute!important;left:-9999px!important;overflow:hidden!important}.goog-te-banner-frame,.goog-logo-link,.goog-te-gadget span,#goog-gt-tt,.goog-tooltip,.goog-text-highlight,iframe.goog-te-banner-frame,.goog-te-banner-frame.skiptranslate,.goog-te-balloon-frame,.VIpgJd-yAWNEb-hvhgNd-xgov5,.VIpgJd-ZVi9od-l4eHX-hSRGPd{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body{top:0!important}:root{--shell-glass:color-mix(in srgb,var(--canvas) 90%,transparent);--shell-glass-border:color-mix(in srgb,var(--hairline) 82%,transparent)}.app-header,.mobile-editor-navigation,.mobile-preview-dock,.mobile-action-dock{background:var(--shell-glass)!important;border-color:var(--shell-glass-border)!important;-webkit-backdrop-filter:blur(18px)saturate(1.08)!important}.app-header,.mobile-editor-navigation{box-shadow:0 1px #0f172a06}@media (max-width:760px){.mobile-action-dock{box-shadow:0 -8px 24px #0f172a0f!important}.mobile-action-dock .mobile-import-button{color:var(--ink)!important;background:0 0!important}.mobile-action-dock .mobile-export-button{background:color-mix(in srgb,var(--inverse) 84%,transparent)!important;color:var(--inverse-ink)!important}.mobile-action-dock button:active{filter:brightness(.96);transform:translateY(0)}.mobile-preview-dock-toggle:hover{background:color-mix(in srgb,var(--canvas-soft) 46%,transparent)}.mobile-preview-dock .preview-person-arrows button:hover:not(:disabled){background:color-mix(in srgb,var(--canvas-soft) 90%,transparent)}}.mobile-preview-card{aspect-ratio:1.75;perspective:1200px;position:relative;overflow:hidden}.mobile-preview-card.orientation-portrait{aspect-ratio:2/3.5}.mobile-flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;position:relative}.mobile-flip-card-face{backface-visibility:hidden;position:absolute;inset:0}.mobile-flip-card-face .card-surface{width:100%;height:100%;box-shadow:none}.mobile-flip-card-back{transform:rotateY(180deg)}.side-back .card-contact-list{grid-row:3;align-self:end}.side-back .card-qr{grid-row:3}.orientation-portrait.side-back .card-contact-list{grid-row:2;align-self:center}.orientation-portrait.side-back .card-qr{grid-row:2;align-self:end}@media (max-width:760px){.mobile-preview-dock{top:calc(var(--header-height) + 48px);border-color:color-mix(in srgb,var(--hairline) 72%,transparent);background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(18px)saturate(1.12);box-shadow:0 10px 26px #0f172a17}.mobile-preview-dock-bar{min-height:48px}.mobile-preview-dock-toggle{padding:7px 16px}.mobile-preview-dock-toggle>span:last-child{width:20px;height:20px;font-size:0;position:relative}.mobile-preview-dock-toggle>span:last-child:after{content:"";width:7px;height:7px;transition:transform .16s var(--ease);border-bottom:1.5px solid;border-right:1.5px solid;position:absolute;top:5px;left:6px;transform:rotate(45deg)}.mobile-preview-dock.is-open .mobile-preview-dock-toggle>span:last-child:after{top:8px;transform:rotate(225deg)}.mobile-preview-dock .preview-person-arrows{padding:5px 10px 5px 0}.mobile-preview-dock .preview-person-arrows button{background:color-mix(in srgb,var(--canvas-soft) 70%,transparent);border-radius:10px;width:32px;height:38px;font-size:0;position:relative}.mobile-preview-dock .preview-person-arrows button:after{content:"";border-top:1.5px solid;border-right:1.5px solid;width:8px;height:8px;position:absolute;top:14px}.mobile-preview-dock .preview-person-arrows button:first-child:after{left:13px;transform:rotate(-135deg)}.mobile-preview-dock .preview-person-arrows button:last-child:after{right:13px;transform:rotate(45deg)}.mobile-preview-drawer{max-height:min(62dvh,calc(100dvh - var(--header-height) - 97px));background:color-mix(in srgb,var(--canvas-soft) 86%,transparent);-webkit-backdrop-filter:blur(18px)}.mobile-action-dock{-webkit-backdrop-filter:blur(18px)saturate(1.1);border-color:color-mix(in srgb,var(--hairline) 72%,transparent)!important;background:color-mix(in srgb,var(--surface) 80%,transparent)!important;box-shadow:0 -8px 24px #0f172a0f!important}.mobile-import-button{background:color-mix(in srgb,var(--surface) 78%,transparent)!important}.mobile-export-button{background:color-mix(in srgb,var(--inverse) 91%,transparent)!important}.mobile-app-footer{background:color-mix(in srgb,var(--surface) 78%,transparent);-webkit-backdrop-filter:blur(14px)}}.card-contact-value{word-break:break-word}.card-brand-name,.card-person-name{-webkit-hyphens:auto;hyphens:auto}.template-swatch:focus-visible,.mode-choice-grid>button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@media (max-width:760px){.mobile-preview-dock{background:color-mix(in srgb,var(--surface) 82%,transparent)!important;-webkit-backdrop-filter:blur(18px)saturate(1.12)!important;box-shadow:0 10px 26px #0f172a17!important}.mobile-preview-dock-bar{min-height:48px!important}.mobile-preview-drawer{max-height:min(62dvh,calc(100dvh - var(--header-height) - 97px))!important;background:color-mix(in srgb,var(--canvas-soft) 86%,transparent)!important;-webkit-backdrop-filter:blur(18px)!important}.header-actions .theme-toggle,.header-actions .theme-toggle:hover,.header-actions .theme-toggle:focus-visible,.header-actions .theme-toggle:active{background:color-mix(in srgb,var(--canvas-soft) 78%,transparent)!important;color:var(--ink)!important}.mobile-action-dock .mobile-import-button{background:color-mix(in srgb,var(--surface) 78%,transparent)!important}.mobile-action-dock .mobile-export-button{background:color-mix(in srgb,var(--inverse) 88%,transparent)!important}.mobile-preview-collapse-icon{font-size:0!important}}.orientation-portrait .card-logo-image{max-width:32cqi!important;height:13cqi!important}.orientation-portrait .card-tagline{font-size:2.15cqi!important}.orientation-portrait .card-department{font-size:2.1cqi!important}.orientation-portrait .card-qr-sm .card-qr-code{width:15cqi!important}.orientation-portrait .card-qr-md .card-qr-code{width:19cqi!important}.orientation-portrait .card-qr-lg .card-qr-code{width:24cqi!important}.mobile-preview-dock{display:none}@media (max-width:760px){.mobile-preview-dock{top:calc(var(--header-height) + 48px);z-index:34;border-bottom:1px solid var(--hairline);background:var(--surface);display:block;position:fixed;left:0;right:0;box-shadow:0 9px 20px #0f172a1a}.mobile-preview-dock-bar{align-items:stretch;min-height:52px;display:flex}.mobile-preview-dock-toggle{min-width:0;color:var(--ink);text-align:left;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.mobile-preview-dock-toggle>span:first-child{min-width:0}.mobile-preview-dock-toggle .eyebrow{margin-bottom:2px;display:block}.mobile-preview-dock-toggle strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.mobile-preview-dock-toggle>span:last-child{font-size:19px;line-height:1}.mobile-preview-dock .preview-person-arrows{gap:0;padding:6px 10px 6px 0;display:flex}.mobile-preview-dock .preview-person-arrows button{border-radius:8px;width:34px}.mobile-preview-drawer{max-height:calc(100dvh - var(--header-height) - 101px);background:var(--canvas-soft);box-shadow:inset 0 1px 0 var(--hairline);padding:13px 16px 18px;overflow:auto}.mobile-preview-drawer .card-side-switch{margin-bottom:13px}.mobile-preview-card{width:min(100%,430px);margin-inline:auto;box-shadow:0 12px 26px #0f172a2e}.mobile-preview-card.orientation-portrait{width:min(100%,260px)}}.welcome-screen{background:var(--canvas);isolation:isolate;place-items:center;min-height:100dvh;padding:48px 24px 84px;display:grid;position:relative;overflow:hidden}.welcome-content{z-index:2;width:min(920px,100%);position:relative}.welcome-logo{justify-content:center;margin-bottom:42px;display:flex}.welcome-logo .app-logo-type{font-size:26px}.welcome-logo .app-logo-mark{transform:scale(1.18)}.welcome-copy{text-align:center}.welcome-kicker{background:var(--lime);color:#000;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:7px 12px;font:700 10px/1 ui-monospace,Menlo,monospace;display:inline-flex}.welcome-copy h1{letter-spacing:-.065em;max-width:820px;margin:20px auto 14px;font-size:clamp(46px,8vw,92px);font-weight:350;line-height:.92}.welcome-copy>p{max-width:650px;color:var(--ink-muted);margin:0 auto;font-size:clamp(16px,2vw,20px);line-height:1.6}.welcome-storage-card{text-align:center;border:1px solid var(--hairline);background:color-mix(in srgb,var(--surface) 90%,transparent);width:100%;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px;grid-template-columns:70px 1fr;gap:24px;margin:42px auto 0;padding:28px;display:inline-block}.welcome-storage-number{background:var(--lilac);color:#000;border-radius:16px;place-items:center;width:52px;height:52px;font:800 12px ui-monospace,Menlo,monospace;display:grid}.welcome-storage-card h2{letter-spacing:-.035em;margin:0 0 8px;font-size:25px}.welcome-storage-card p{color:var(--ink-muted);margin:0 0 10px}.welcome-storage-help{font-size:12px}.welcome-storage-card .button{margin-top:10px}.welcome-company-link{z-index:2;color:var(--ink-muted);font-size:12px;text-decoration:none;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.welcome-company-link:hover{color:var(--ink)}.welcome-glow{z-index:-1;filter:blur(10px);border-radius:50%;position:absolute}.welcome-glow-a{background:color-mix(in srgb,var(--lime) 70%,transparent);width:440px;height:440px;bottom:-180px;left:-180px}.welcome-glow-b{background:color-mix(in srgb,var(--lilac) 65%,transparent);width:480px;height:480px;top:-220px;right:-210px}.sidebar-footer{border-top:1px solid var(--hairline);padding:16px 12px}.sidebar-footer p{color:var(--ink-muted);margin:0 0 7px;font-size:11px}.sidebar-footer a,.mobile-app-footer a{color:var(--ink);font-size:11px;font-weight:650;text-decoration:none}.mobile-app-footer{display:none}.header-actions .header-undo,.header-actions .header-redo{background:0 0}.brand-logo-options{margin-top:20px}.brand-logo-options>.is-disabled{opacity:.4;pointer-events:none}.logo-text-preview{text-align:center;max-width:90%;padding:12px;line-height:1.05;letter-spacing:-.04em!important;font-size:clamp(15px,2vw,25px)!important}.template-selected{background:var(--inverse);color:var(--inverse-ink);text-transform:uppercase;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:700}.card-brand-copy{flex-direction:column;gap:1cqi;min-width:0;display:flex}.card-brand-block.brand-lockup-beside{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2.2cqi;display:grid}.card-brand-block.brand-lockup-beside .card-logo-image{max-width:16cqi;height:9cqi}.card-brand-block.brand-lockup-below{flex-direction:column;gap:1.2cqi;display:flex}.card-brand-block.brand-lockup-text-only{display:flex}.card-brand-block.is-text-only .card-brand-name{max-width:52cqi;font-size:calc(var(--size-brand)*1.12)}.card-brand-block.is-wordmark{gap:1cqi}.card-tagline-with-wordmark{margin-top:.6cqi}.card-side-switch{border-bottom:1px solid var(--hairline);background:var(--canvas-soft);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid;position:relative}.card-side-switch button{min-height:42px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:12px;font-weight:700;position:relative}.card-side-switch button>span:last-child{z-index:2;position:relative}.card-side-switch button.is-active{color:var(--inverse-ink)}.card-side-active{background:var(--inverse);border-radius:10px;position:absolute;inset:0}.preview-stage{perspective:1600px}.flip-card{aspect-ratio:1.75;transform-origin:50%;perspective:1600px;width:min(100%,460px)}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;position:relative}.flip-card-face{backface-visibility:hidden;transform-style:preserve-3d;position:absolute;inset:0}.flip-card-back{transform:rotateY(180deg)}.flip-card-face .card-surface{width:100%;height:100%;box-shadow:0 18px 45px #00000029}.design-step{border-top:1px solid var(--hairline);margin-top:34px;padding-top:30px}.design-step-heading{grid-template-columns:38px 1fr;align-items:start;gap:12px;margin-bottom:20px;display:grid}.design-step-heading>span{background:var(--inverse);width:32px;height:32px;color:var(--inverse-ink);border-radius:10px;place-items:center;font:700 11px ui-monospace,Menlo,monospace;display:grid}.design-step-heading h3{letter-spacing:-.03em;margin:1px 0 4px;font-size:23px}.design-step-heading p,.template-collection header p{color:var(--ink-muted);margin:0;font-size:12px}.mode-choice-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mode-choice-grid>button{border:1px solid var(--hairline);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;border-radius:18px;grid-template-columns:105px 1fr;align-items:center;gap:16px;padding:14px;display:grid}.mode-choice-grid>button:hover,.mode-choice-grid>button.is-active{border-color:var(--ink)}.mode-choice-grid>button.is-active{box-shadow:inset 0 0 0 1px var(--ink)}.mode-choice-grid strong,.mode-choice-grid small{display:block}.mode-choice-grid small{color:var(--ink-muted);margin-top:4px;font-size:10px}.mode-choice-preview{aspect-ratio:1.75;border-radius:10px;align-items:flex-end;padding:10px;display:flex;position:relative;overflow:hidden}.mode-choice-preview b{z-index:2;font-size:24px;position:relative}.mode-choice-preview i{border-radius:50%;width:65px;height:65px;position:absolute;top:-25px;right:-18px}.mode-choice-light{color:#000;background:#fff;border:1px solid #ddd}.mode-choice-light i{background:#dceeb1}.mode-choice-dark{color:#fff;background:#111}.mode-choice-dark i{background:#7b61c8}.template-collection{margin-top:26px}.template-collection+.template-collection{margin-top:34px}.template-collection header{margin-bottom:12px}.template-collection h4{margin:0 0 4px;font-size:15px}.template-meta>span:first-child{min-width:0}.template-meta>span:first-child strong,.template-meta>span:first-child small{display:block}.color-controls{margin-top:14px}.card-decoration .pattern{pointer-events:none;display:none;position:absolute}.template-pure .shape-a,.template-pure .shape-b,.template-pure .shape-c,.template-classic-rule .shape-b,.template-midnight-rule .shape-b,.template-charcoal .shape-b{display:none}.template-classic-rule .shape-a,.template-midnight-rule .shape-a{border-radius:999px;width:1.5cqi;height:72%;display:block;top:14%;left:5cqi;right:auto}.template-charcoal .shape-a{opacity:.2;width:36cqi;height:36cqi;top:-20cqi;right:-22cqi}.template-ink-frame:after{content:"";z-index:1;border:1px solid var(--card-primary);opacity:.75;pointer-events:none;position:absolute;inset:4cqi}.template-prism .shape-a{opacity:.55;filter:blur(2cqi);width:48cqi;height:48cqi;top:-18cqi;right:-20cqi}.template-prism .shape-b{opacity:.45;filter:blur(2cqi);width:42cqi;height:42cqi;bottom:-22cqi;left:-18cqi}.template-reflection:before,.template-chrome:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff6b 48%,#0000 62%);position:absolute;inset:-30% -10%;transform:translate(18%)}.template-chrome:before{opacity:.35}.template-paper-fold .shape-a{clip-path:polygon(35% 0,100% 0,100% 100%,0 100%);opacity:.65;border-radius:0;width:55%;height:100%;top:0;right:-14%}.template-aurora{background-image:radial-gradient(circle at 75% 20%,color-mix(in srgb,var(--card-primary) 55%,transparent),transparent 32%),radial-gradient(circle at 25% 85%,color-mix(in srgb,var(--card-secondary) 55%,transparent),transparent 36%)}.template-aurora .shape-a,.template-aurora .shape-b{display:none}.template-spotlight{background-image:radial-gradient(circle at 72% 35%,color-mix(in srgb,var(--card-primary) 28%,transparent),transparent 30%)}.template-spotlight .shape-a,.template-spotlight .shape-b{display:none}.template-matrix{background-image:linear-gradient(color-mix(in srgb,var(--card-primary) 10%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--card-primary) 10%,transparent) 1px,transparent 1px);background-size:5cqi 5cqi}.template-matrix .shape-a{width:2cqi;height:2cqi;box-shadow:-10cqi 7cqi 0 var(--card-primary),-23cqi 2cqi 0 var(--card-primary);top:8cqi;right:9cqi}.template-matrix .shape-b{display:none}.template-neon-corner:after{content:"";z-index:1;border-top:1.2cqi solid var(--card-primary);border-right:1.2cqi solid var(--card-secondary);width:38%;height:38%;filter:drop-shadow(0 0 1.2cqi var(--card-primary));pointer-events:none;position:absolute;top:0;right:0}.template-nocturne .shape-a{border:1.2cqi solid var(--card-primary);opacity:.65;background:0 0;width:25cqi;height:25cqi;top:6cqi;right:7cqi}.template-nocturne .shape-b{width:9cqi;height:9cqi;top:14cqi;right:15cqi}.template-mini-card .mini-pattern{pointer-events:none;position:absolute;inset:0}.template-swatch.template-reflection .mini-pattern,.template-swatch.template-chrome .mini-pattern{background:linear-gradient(115deg,#0000 30%,#ffffff8c,#0000 65%)}.template-swatch.template-matrix .template-mini-card{background-image:linear-gradient(#68f59a1f 1px,#0000 1px),linear-gradient(90deg,#68f59a1f 1px,#0000 1px);background-size:12px 12px}.template-swatch.template-aurora .template-mini-card{background-image:radial-gradient(circle at 75% 20%,#59d9c18c,#0000 35%),radial-gradient(circle at 20% 90%,#7f6cff8c,#0000 38%)}@media (max-width:760px){.welcome-screen{padding:30px 16px 78px}.welcome-logo{margin-bottom:28px}.welcome-copy h1{font-size:clamp(42px,14vw,64px)}.welcome-storage-card{grid-template-columns:1fr;margin-top:28px;padding:20px}.welcome-storage-number{width:42px;height:42px}.mode-choice-grid{grid-template-columns:1fr}.mode-choice-grid>button{grid-template-columns:92px 1fr}.card-side-switch{margin:0}.mobile-app-footer{border-top:1px solid var(--hairline);color:var(--ink-muted);justify-content:space-between;align-items:center;gap:12px;padding:18px 16px 94px;font-size:10px;display:flex}.mobile-action-dock{justify-content:stretch;left:12px;right:12px}.mobile-import-button{flex:none}.mobile-export-button{flex:1;justify-content:space-between}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-selected{display:none}.design-step-heading{grid-template-columns:32px 1fr}.card-brand-block.brand-lockup-beside{gap:1.5cqi}}@media (max-width:430px){.welcome-copy>p{font-size:15px}.welcome-storage-card .button{width:100%}.mode-choice-grid>button{grid-template-columns:80px 1fr;padding:10px}.template-grid{gap:7px}.card-side-switch button{font-size:11px}}.brand-switcher select{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.welcome-storage-status{font-size:12px;color:var(--ink)!important;margin-top:12px!important}.footer-links button{color:inherit;font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}@media (max-width:760px){.app-header{grid-template-columns:auto minmax(0,1fr) auto}.brand-switcher{min-width:0}.brand-switcher label{grid-template-columns:minmax(0,1fr);width:min(135px,100vw - 148px);min-width:0;max-width:135px}.brand-switcher select{max-width:100%}}.template-letterpress:after{content:"";z-index:1;border:1px solid color-mix(in srgb,var(--card-primary) 58%,transparent);pointer-events:none;position:absolute;inset:4cqi}.template-letterpress .shape-a{border-radius:999px;width:22cqi;height:.6cqi;top:25cqi;left:39cqi;right:auto}.template-letterpress .shape-b{display:none}.template-letterpress.side-front .card-brand-block{text-align:center;grid-column:1/3;justify-self:center;align-items:center}.template-letterpress.side-front .card-brand-name,.template-letterpress.side-front .card-tagline{text-align:center}.template-letterpress.side-front .card-person-block{text-align:center;grid-column:1/3;justify-self:center;align-items:center}.template-letterpress.side-front .card-qr{margin:0;position:absolute;bottom:7.2cqi;right:7.2cqi}.template-gallery .shape-a{border:1.6cqi solid var(--card-primary);opacity:.9;background:0 0;border-radius:0;width:25cqi;height:25cqi;top:6cqi;right:7cqi}.template-gallery .shape-b{border-radius:0;width:7cqi;height:7cqi;top:15cqi;right:16cqi}.template-gallery.side-back .card-contact-list{max-width:56cqi}.template-swatch.template-letterpress .mini-shape{border-radius:999px;width:46%;height:3px;top:35%;right:27%}.template-swatch.template-gallery .mini-shape{border:3px solid var(--swatch-primary);background:0 0;border-radius:0;width:29%;height:56%;top:13%;right:12%}.footer-social-link{transition:background-color .14s var(--ease),color .14s var(--ease);border-color:var(--hairline)!important;width:28px!important;height:28px!important;color:var(--ink)!important}.footer-social-link:hover{background:var(--ink);color:var(--inverse-ink)!important}.cards-consent-actions{flex:none;align-items:center;gap:10px;display:flex}.export-complete{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:28px;display:flex}.export-complete-mark{background:var(--lime);color:#000;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:16px;font-size:24px;font-weight:800;display:grid}.export-complete h3{letter-spacing:-.04em;margin:0 0 8px;font-size:28px}.export-complete p{max-width:380px;color:var(--ink-muted);margin:0;font-size:13px}.export-complete a{background:var(--inverse);color:var(--inverse-ink);border-radius:999px;align-items:center;gap:8px;margin-top:22px;padding:11px 16px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.export-complete a:hover{box-shadow:var(--shadow-soft)}@media (max-width:760px){.cards-consent-actions{justify-content:flex-end;width:100%;margin-top:4px}.export-complete{min-height:260px}}.mode-choice-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-choice-mixed{color:#000;background:linear-gradient(135deg,#f5e2bb 0 50%,#183153 50%)}.mode-choice-mixed b{color:#fff;text-shadow:-1px 0 #000}.mode-choice-mixed i{background:#ff3d8b}.mode-choice-special{color:#fff;background-color:#073e65;background-image:linear-gradient(30deg,#ffffff1f 12%,#0000 12.5% 87%,#ffffff1f 87.5%),linear-gradient(150deg,#ffffff1a 12%,#0000 12.5% 87%,#ffffff1a 87.5%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.mode-choice-special i{background:#f0c36d}@media (max-width:760px){.mode-choice-grid-four{grid-template-columns:1fr}}.template-nightline .shape-a{border-radius:999px;width:1.4cqi;height:72%;top:14%;left:5cqi;right:auto}.template-nightline .shape-b{display:none}.template-nightline .card-content{padding-left:9cqi}.template-carbon .shape-a{background:var(--card-secondary);border-radius:0;width:30%;height:100%;top:0;right:0}.template-carbon .shape-b{display:none}.template-carbon.side-front .card-qr,.template-carbon.side-back .card-qr,.template-carbon.side-back .card-person-block{color:var(--card-text)}.template-atelier:after{content:"";z-index:1;border:1px solid color-mix(in srgb,var(--card-primary) 65%,transparent);pointer-events:none;position:absolute;inset:4cqi}.template-atelier .shape-a{border-radius:999px;width:24cqi;height:.55cqi;top:20cqi;left:7.2cqi;right:auto}.template-atelier .shape-b{display:none}.template-atelier.side-back .card-contact-list{max-width:60cqi}.template-swatch.template-nightline .mini-shape{border-radius:999px;width:3px;height:72%;top:14%;left:12%;right:auto}.template-swatch.template-carbon .template-mini-card:before{content:"";background:var(--swatch-secondary);position:absolute;inset:0 0 0 70%}.template-swatch.template-atelier .template-mini-card:after{content:"";border:1px solid var(--swatch-primary);opacity:.7;position:absolute;inset:9px}.template-sunset-grid,.template-crystal-field,.template-tessellate{background-image:linear-gradient(30deg,color-mix(in srgb,var(--card-primary) 34%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--card-primary) 34%,transparent) 87.5%),linear-gradient(150deg,color-mix(in srgb,var(--card-secondary) 48%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--card-secondary) 48%,transparent) 87.5%);background-size:12cqi 21cqi}.template-sunset-grid .shape-a,.template-crystal-field .shape-a,.template-tessellate .shape-a{border:1.2cqi solid var(--card-primary);background:0 0;width:28cqi;height:28cqi;top:7cqi;right:7cqi;transform:rotate(45deg)}.template-sunset-grid .shape-b,.template-crystal-field .shape-b,.template-tessellate .shape-b{width:9cqi;height:9cqi;top:16.5cqi;right:16.5cqi;transform:rotate(45deg)}.export-render-stage .card-surface.orientation-portrait{width:600px;height:1050px}.card-surface .shape-a,.card-surface .shape-b,.card-surface .shape-c{display:none}.template-classic-rule .shape-a,.template-midnight-rule .shape-a,.template-nightline .shape-a,.template-letterpress .shape-a,.template-atelier .shape-a,.template-signal .shape-a,.template-signal .shape-b,.template-monolith .shape-a,.template-split-screen .shape-a,.template-carbon .shape-a,.template-ribbon .shape-a{display:block}.template-ribbon .shape-b,.template-blueprint .shape-a,.template-blueprint .shape-b,.template-orbit .shape-a,.template-orbit .shape-b,.template-prism .shape-a,.template-prism .shape-b,.template-paper-fold .shape-a,.template-kinetic .shape-a,.template-kinetic .shape-b,.template-kinetic .shape-c,.template-corner-note .shape-a,.template-corner-note .shape-b,.template-soft-stack .shape-a,.template-soft-stack .shape-b,.template-gallery .shape-a,.template-gallery .shape-b,.template-sunset-grid .shape-a,.template-sunset-grid .shape-b,.template-crystal-field .shape-a,.template-crystal-field .shape-b,.template-tessellate .shape-a,.template-tessellate .shape-b,.template-contour .shape-a,.template-contour .shape-b,.template-mosaic .shape-a,.template-mosaic .shape-b,.template-regency .shape-a,.template-regency .shape-b,.template-matrix .shape-a,.template-nocturne .shape-a,.template-nocturne .shape-b{display:none!important}.template-swatch .mini-shape{display:none}.flip-card.orientation-portrait{aspect-ratio:2/3.5;width:min(100%,300px)}.template-swatch.orientation-portrait .template-mini-card{aspect-ratio:2/3.5;width:58%;margin-inline:auto}.theme-toggle{border-radius:50%!important}.editor-panel:has(.design-step-orientation){flex-direction:column;display:flex}.editor-panel:has(.design-step-orientation)>.design-step-orientation{order:1}.editor-panel:has(.design-step-orientation)>.design-step-mode{order:2}.editor-panel:has(.design-step-orientation)>.design-step:not(.design-step-orientation):not(.design-step-mode){order:3}.design-step-mode .design-step-heading>span{font-size:0}.design-step-mode .design-step-heading>span:before{content:"2";font-size:11px}@media (max-width:760px){.mobile-action-dock{border-top:1px solid var(--hairline);background:var(--surface);box-shadow:none;gap:0!important;padding:0!important;bottom:0!important;left:0!important;right:0!important}.mobile-import-button,.mobile-export-button{min-height:56px!important;box-shadow:none!important;border:0!important;border-radius:0!important}.mobile-import-button{background:var(--surface)!important;flex:1!important;justify-content:center!important}.mobile-export-button{background:var(--inverse)!important;flex:3!important;justify-content:center!important}.header-actions .theme-toggle{background:0 0!important;border-radius:50%!important;flex:0 0 40px!important;width:40px!important;height:40px!important}.header-actions .theme-toggle:hover,.header-actions .theme-toggle:focus-visible{background:var(--canvas-soft)!important}}.template-sunset-grid{background-image:linear-gradient(30deg,color-mix(in srgb,var(--card-primary) 72%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--card-primary) 72%,transparent) 87.5%),linear-gradient(150deg,color-mix(in srgb,var(--card-secondary) 62%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--card-secondary) 62%,transparent) 87.5%);background-size:13cqi 22cqi}.template-sunset-grid .shape-a{border:1.4cqi solid var(--card-primary);background:0 0;width:29cqi;height:29cqi;top:6cqi;right:6cqi;transform:rotate(45deg)}.template-sunset-grid .shape-b{width:8cqi;height:8cqi;top:16.5cqi;right:16.5cqi;transform:rotate(45deg)}.template-crystal-field{background-image:linear-gradient(30deg,color-mix(in srgb,var(--card-primary) 30%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--card-primary) 30%,transparent) 87.5%),linear-gradient(150deg,color-mix(in srgb,var(--card-secondary) 36%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--card-secondary) 36%,transparent) 87.5%);background-size:10cqi 17cqi}.template-crystal-field .shape-a{border:1.5cqi solid var(--card-primary);background:0 0;width:38cqi;height:38cqi;top:-15cqi;right:-14cqi;transform:rotate(30deg)}.template-crystal-field .shape-b{background:var(--card-primary);width:11cqi;height:11cqi;top:10cqi;right:11cqi;transform:rotate(30deg)}.template-tessellate{background-image:linear-gradient(30deg,color-mix(in srgb,var(--card-primary) 20%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--card-primary) 20%,transparent) 87.5%),linear-gradient(150deg,color-mix(in srgb,var(--card-secondary) 75%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--card-secondary) 75%,transparent) 87.5%);background-size:11cqi 19cqi}.template-tessellate .shape-a{border:1cqi solid var(--card-primary);background:0 0;width:25cqi;height:25cqi;top:7cqi;right:7cqi;transform:rotate(45deg)}.template-tessellate .shape-b{width:9cqi;height:9cqi;top:15cqi;right:15cqi;transform:rotate(45deg)}.template-contour{background-image:repeating-radial-gradient(ellipse at 78% 18%,transparent 0 4cqi,color-mix(in srgb,var(--card-primary) 32%,transparent) 4.15cqi 4.4cqi,transparent 4.55cqi 7cqi)}.template-contour .shape-a{border:1cqi solid color-mix(in srgb,var(--card-primary) 56%,transparent);background:0 0;width:44cqi;height:44cqi;top:-21cqi;right:-18cqi}.template-contour .shape-b{border:1cqi solid var(--card-primary);background:0 0;width:14cqi;height:14cqi;bottom:7cqi;right:12cqi}.template-swatch.template-sunset-grid .template-mini-card,.template-swatch.template-crystal-field .template-mini-card,.template-swatch.template-tessellate .template-mini-card{background-image:linear-gradient(30deg,#ffffff29 12%,#0000 12.5% 87%,#ffffff29 87.5%),linear-gradient(150deg,#00000024 12%,#0000 12.5% 87%,#00000024 87.5%);background-size:18px 31px}.template-swatch.template-contour .template-mini-card{background-image:repeating-radial-gradient(at 78% 18%,#0000 0 10px,#ffc9696b 10.5px 12px,#0000 12.5px 18px)}.card-surface.orientation-portrait{aspect-ratio:2/3.5}.orientation-portrait .card-content{padding:9cqi}.orientation-portrait.side-front .card-content,.orientation-portrait.side-back .card-content{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr)}.orientation-portrait.side-front .card-brand-block,.orientation-portrait.side-back .card-brand-block{grid-area:1/1}.orientation-portrait.side-front .card-person-block,.orientation-portrait.side-back .card-person-block{text-align:left;grid-area:3/1;justify-self:start;align-items:flex-start}.orientation-portrait.side-front .card-qr,.orientation-portrait.side-back .card-qr{grid-area:2/1;place-self:end start;margin:0}.orientation-portrait.side-back .card-contact-list{grid-area:2/1;align-self:start;max-width:100%}.template-duotone .shape-a{background:var(--card-secondary);border-radius:0;width:43%;height:100%;top:0;right:0}.template-duotone .shape-b{border:1cqi solid var(--card-primary);background:0 0;width:13cqi;height:13cqi;top:9cqi;right:14cqi}.template-duotone.side-front .card-qr,.template-duotone.side-back .card-qr,.template-duotone.side-back .card-person-block{color:#fff}.template-duotone.side-back .card-contact-list{max-width:54cqi}.template-harbor{background:linear-gradient(145deg,var(--card-bg) 0 58%,var(--card-primary) 58% 100%)}.template-harbor .shape-a{border:1.4cqi solid color-mix(in srgb,var(--card-secondary) 66%,transparent);background:0 0;width:36cqi;height:36cqi;top:-17cqi;right:-13cqi}.template-harbor .shape-b{border-radius:999px;width:20cqi;height:2.2cqi;bottom:9cqi;right:8cqi}.template-harbor.side-front .card-qr{color:#fff}.template-mosaic{background-color:var(--card-bg);background-image:linear-gradient(30deg,color-mix(in srgb,var(--card-primary) 72%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--card-primary) 72%,transparent) 87.5%),linear-gradient(150deg,color-mix(in srgb,var(--card-secondary) 62%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--card-secondary) 62%,transparent) 87.5%),linear-gradient(30deg,color-mix(in srgb,var(--card-primary) 72%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--card-primary) 72%,transparent) 87.5%),linear-gradient(150deg,color-mix(in srgb,var(--card-secondary) 62%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--card-secondary) 62%,transparent) 87.5%);background-position:0 0,0 0,6cqi 10.5cqi,6cqi 10.5cqi;background-size:12cqi 21cqi}.template-mosaic .shape-a{background:0 0;border:.8cqi solid #fff;border-radius:0;width:24cqi;height:24cqi;top:6cqi;right:8cqi;transform:rotate(45deg)}.template-mosaic .shape-b{display:none}.template-mosaic .card-content{background:linear-gradient(90deg,#00000038,#0000 64%)}.template-regency{background-image:repeating-linear-gradient(0deg,transparent 0 7cqi,color-mix(in srgb,var(--card-primary) 13%,transparent) 7.1cqi 7.25cqi),repeating-linear-gradient(90deg,transparent 0 7cqi,color-mix(in srgb,var(--card-primary) 13%,transparent) 7.1cqi 7.25cqi)}.template-regency:after{content:"";z-index:1;border:1px solid color-mix(in srgb,var(--card-primary) 64%,transparent);pointer-events:none;position:absolute;inset:4cqi}.template-regency .shape-a{border:1cqi solid var(--card-primary);background:0 0;width:18cqi;height:18cqi;top:8cqi;right:9cqi;transform:rotate(45deg)}.template-regency .shape-b{background:var(--card-primary);width:9cqi;height:9cqi;top:12.5cqi;right:13.5cqi;transform:rotate(45deg)}.template-regency .card-content{padding:8cqi}.template-swatch.template-duotone .template-mini-card:before{content:"";background:var(--swatch-secondary);position:absolute;inset:0 0 0 57%}.template-swatch.template-harbor .template-mini-card{background:linear-gradient(145deg,var(--swatch-bg) 0 58%,var(--swatch-primary) 58%)}.template-swatch.template-mosaic .template-mini-card{background-image:linear-gradient(30deg,#ffffff26 12%,#0000 12.5% 87%,#ffffff26 87.5%),linear-gradient(150deg,#0000001f 12%,#0000 12.5% 87%,#0000001f 87.5%);background-size:18px 31px}.template-swatch.template-regency .template-mini-card:after{content:"";border:1px solid var(--swatch-primary);opacity:.7;position:absolute;inset:10px}.template-swatch.template-regency .mini-shape{border:2px solid var(--swatch-primary);background:0 0;border-radius:0;transform:rotate(45deg)}.card-surface.template-reflection:before,.card-surface.template-chrome:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(115deg,#0000 39%,#ffffff47 49%,#0000 59%);position:absolute;inset:-18% -6%;transform:translate(12%)}.card-surface.template-chrome:before{opacity:.24}.template-swatch.template-reflection:before,.template-swatch.template-chrome:before,.template-swatch.template-ink-frame:after,.template-swatch.template-neon-corner:after{content:none!important}.card-surface.template-ink-frame:after{content:"";z-index:1;border:1px solid var(--card-primary);opacity:.62;pointer-events:none;position:absolute;inset:4cqi}.card-surface.template-neon-corner:after{content:"";z-index:1;border-top:.9cqi solid var(--card-primary);border-right:.9cqi solid var(--card-secondary);width:34%;height:34%;filter:drop-shadow(0 0 .8cqi var(--card-primary));pointer-events:none;position:absolute;top:0;right:0}.preview-person-arrows{align-items:center;gap:6px;display:flex;flex-direction:row!important}.preview-person-arrows button{border:1px solid var(--hairline);background:var(--canvas-soft);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:10px;place-items:center;padding:0;font-size:21px;line-height:1;display:grid}.preview-person-arrows button:hover:not(:disabled){border-color:var(--ink);background:var(--surface)}.preview-person-arrows button:disabled{opacity:.3;cursor:not-allowed}.preview-panel{box-shadow:0 12px 34px #0000000d}.preview-stage{background:var(--canvas-soft)}.template-grid{gap:14px}.template-swatch{border-radius:17px;padding:7px;overflow:hidden}.template-swatch:hover{transform:translateY(-1px);box-shadow:0 10px 24px #00000012}.template-swatch.is-active{box-shadow:inset 0 0 0 1px var(--ink),0 10px 24px #00000014}.template-mini-card{border-radius:11px;box-shadow:inset 0 0 0 1px #7f7f7f1f}.template-meta{align-items:center;padding:10px 5px 4px}.template-meta strong{font-size:12px}.template-meta small{letter-spacing:.02em;margin-top:2px;font-size:9px}.template-selected{letter-spacing:.06em;font-size:7px}.template-swatch.template-reflection .mini-pattern,.template-swatch.template-chrome .mini-pattern{background:linear-gradient(115deg,#0000 37%,#ffffff57 49%,#0000 61%);inset:-12%}.template-swatch.template-prism .mini-shape{opacity:.58;filter:blur(3px)}.template-swatch.template-paper-fold .mini-shape{clip-path:polygon(40% 0,100% 0,100% 100%,0 100%);opacity:.65;border-radius:0;width:62%;height:140%;top:-18%;right:-22%}.template-swatch.template-spotlight .template-mini-card{background-image:radial-gradient(circle at 72% 35%,#ffdb6633,#0000 32%)}.template-swatch.template-nocturne .mini-shape{border:2px solid var(--swatch-primary);opacity:.65;background:0 0}.export-scope-switch{isolation:isolate;border:1px solid var(--hairline);background:var(--canvas-soft);border-radius:14px;grid-template-columns:1fr 1fr;padding:3px;display:grid;position:relative;overflow:hidden}.export-scope-indicator{z-index:0;background:var(--surface);pointer-events:none;border-radius:11px;width:calc(50% - 3px);position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 2px 8px #00000014}.export-scope-switch button{z-index:1;min-height:40px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;padding:8px 12px;font-size:10px;font-weight:700;position:relative}.export-scope-switch button.is-active{color:var(--ink)}.export-format-grid button:disabled{opacity:.42;cursor:not-allowed}.footer-links{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.footer-links a{justify-content:center;align-items:center;display:inline-flex}.footer-links a:last-child{border:1px solid var(--hairline);border-radius:999px;width:24px;height:24px;font-weight:800;text-decoration:none}.footer-links.is-compact{gap:8px}@media (max-width:760px){.preview-header{padding:11px 12px}.preview-person-arrows button{border-radius:9px;width:32px;height:32px}.template-grid{gap:9px}.template-swatch{padding:6px}.template-meta{padding:8px 3px 3px}.export-scope-switch button{padding-inline:8px;font-size:9px}.footer-links{justify-content:flex-end}}
/*$vite$:1*/