.design-intro{display:flex;align-items:center;gap:14px;padding:19px;background:#ECE6F2;border-radius:16px;margin:26px 0}.design-intro>span{display:grid;place-items:center;background:#fff9;width:46px;height:46px;border-radius:14px;flex-shrink:0;color:#533576}.design-intro strong{font-size:14px}.design-intro p{font-size:12px;margin:5px 0 0;color:#6A5D78}.design-section{background:#fff;border:1px solid var(--line);padding:24px;border-radius:18px;margin:18px 0}.design-section-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.design-section-title>span{color:#79698B;font-size:11px;padding:6px 8px;border:1px solid #E4DEEA;border-radius:8px}.design-section-title h2{font-size:17px;margin:3px 0 6px}.design-section-title p{font-size:12px;color:var(--muted);margin:0}.design-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.design-grid>*{min-width:0}.design-section .theme-grid{margin:0}.design-section select,dialog select{display:block;width:100%;max-width:100%;padding:12px 10px;border:1px solid #DFDCE2;border-radius:9px;background:#fff;color:var(--ink);margin-top:8px;font:inherit;font-size:13px;min-height:44px}.design-section select:focus-visible{outline:2px solid #AF80E8;outline-offset:2px}.color-control>span{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:7px;margin-top:9px}.color-control input[type=color]{padding:0;border:0;border-radius:6px;width:37px;height:35px;margin:0;background:transparent;flex-shrink:0;cursor:pointer}.color-control code{font-size:11px;color:#6E627B;font-family:inherit}.contrast-message{font-size:12px;background:#F3F1F6;padding:12px;border-radius:9px;margin:18px 0 0;line-height:1.6}.design-upload{margin-top:16px}.design-upload>img{width:100%;height:115px;object-fit:cover;border-radius:12px}.content-add-actions{display:flex;gap:10px}.content-add-actions>.add-link{flex:1;width:auto}.content-add-actions>.btn{font-size:12px}.heading-editor-card{background:#F2EFF5;border-style:dashed}.heading-editor-card .link-details>p{margin-bottom:8px}.profile.custom-profile{position:relative;isolation:isolate;background:var(--page-bg);background-size:cover;background-position:center;color:var(--page-color);font-family:var(--profile-font);min-height:100vh}.phone-preview .profile.custom-profile{min-height:100%;height:100%;overflow:auto}.custom-profile .profile-content{position:relative;padding-top:64px;margin:0 auto;max-width:520px}.custom-profile .public-top{position:absolute;right:16px;top:16px;z-index:2;margin:0;height:auto}.custom-profile .public-top button{background:#fff;color:#23382c;border-radius:50%;box-shadow:0 2px 12px #0001}.custom-profile h1{font-family:var(--profile-font);font-size:var(--title-size);font-weight:700;letter-spacing:-.7px;overflow-wrap:anywhere;max-width:100%;line-height:1.15}.custom-profile .bio,.custom-profile .location{color:inherit;opacity:1;max-width:100%;overflow-wrap:anywhere}.custom-profile .monogram{background:var(--button-bg);color:var(--button-color);font-family:var(--profile-font)}.custom-profile .social-row a{min-width:36px;min-height:36px}.custom-profile .social-row{gap:12px;margin:16px 0 26px}.custom-profile .public-link{border:1px solid var(--button-bg);background:var(--button-bg);color:var(--button-color);border-radius:var(--button-radius);font-family:inherit;min-height:58px;font-size:14px;box-shadow:none}.custom-profile.buttons-outline .public-link{background:transparent;border-color:var(--button-color)}.custom-profile.buttons-shadow .public-link{box-shadow:3px 4px 0 var(--button-color);margin-bottom:4px}.custom-profile .public-link.featured{background:var(--accent-bg);color:var(--accent-color);border-color:var(--accent-bg)}.custom-profile .public-link:hover{transform:translateY(-2px);filter:brightness(.97)}.custom-profile .public-link:focus-visible,.custom-profile a:focus-visible{outline:3px solid currentColor;outline-offset:4px}.custom-profile .public-link.image-card{display:grid;grid-template-columns:1fr auto;padding:0;overflow:hidden;gap:0;text-align:left}.custom-profile .image-card>img{grid-column:1/-1;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0;margin:0;display:block}.custom-profile .image-card>span{padding:17px 18px}.custom-profile .image-card>svg{margin-right:18px}.custom-profile .profile-section-heading{font-family:inherit;font-size:17px;color:inherit;text-align:center;line-height:1.4;margin:20px 0 2px;overflow-wrap:anywhere}.custom-profile .attribution{color:inherit;opacity:.85}.custom-profile .profile-cover{display:block;width:100%;height:220px;object-fit:cover}.custom-profile.header-cover .profile-content{padding-top:0;margin-top:-38px}.custom-profile.header-cover .avatar{outline:5px solid var(--button-bg);margin-top:0}.custom-profile.header-hero .profile-cover{height:auto;aspect-ratio:4/3;object-fit:cover;mask-image:linear-gradient(#000 78%,transparent)}.custom-profile.header-hero .profile-content{padding-top:0;margin-top:-12px}.public-page:has(.custom-profile){background:#e9ece7}.public-page>.custom-profile{max-width:640px}.phone-preview .custom-profile .profile-cover{height:155px}.phone-preview .custom-profile.header-hero .profile-cover{height:auto}.phone-preview .custom-profile h1{font-size:calc(var(--title-size)*.82)}
@media(min-width:931px){.preview-panel{position:sticky;top:24px;align-self:start}.design-section .theme-swatch{height:150px}.design-section .theme-description p{font-size:10px}}
@media(max-width:650px){.design-section{padding:18px}.design-grid{gap:0 12px}.design-section .theme-grid{gap:6px}.design-section .theme-description{padding:9px 5px}.design-section .theme-description p{display:none}.design-section .theme-swatch{height:143px;padding:15px 5px}.content-add-actions{flex-wrap:wrap}.content-add-actions>.btn{white-space:normal}.custom-profile .profile-content{padding-top:65px}.design-intro{padding:16px}.design-upload input[type=file]{padding:10px 5px}}
@media(max-width:360px){.design-grid{grid-template-columns:1fr}.color-control>span{max-width:none}.design-section{padding:14px}.design-intro>span{display:none}.content-add-actions>.btn{width:100%;flex:auto}}
.preset-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 14px}.preset-toolbar p{font-size:12px;color:#797182;margin:0}.preset-toolbar strong{color:#392550}.preset-toolbar>div{display:flex;gap:6px;flex-shrink:0}.preset-toolbar button{border:1px solid #E2DDE8;border-radius:50%;width:36px;height:36px;background:#fff}.preset-toolbar [data-carousel-step="-1"] svg{transform:rotate(180deg)}.preset-track{position:relative;display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:3px;padding:4px 3px 14px;max-width:100%;scrollbar-width:thin;scrollbar-color:#B4A6C4 #EFECF2}.preset-track:focus-visible{outline:2px solid #2B1052;outline-offset:3px;border-radius:12px}.preset-card{flex:0 0 174px;scroll-snap-align:start;border:2px solid #E9E7EC;border-radius:15px;background:#fff;padding:0;text-align:left;overflow:hidden;color:#2E1E40;transition:border-color .15s}.preset-card:hover{border-color:#A591BC}.preset-card.selected{border-color:#2B1052}.preset-card:focus-visible{outline:2px solid #2B1052;outline-offset:2px}.preset-art{display:flex;position:relative;flex-direction:column;align-items:center;height:216px;padding:26px 16px 14px;background:var(--swatch-bg);color:var(--swatch-text);font-family:var(--swatch-font)}.preset-number{position:absolute;top:9px;right:10px;font-size:9px;opacity:.6}.preset-avatar{display:grid;place-items:center;border-radius:50%;width:35px;height:35px;background:var(--swatch-button);color:var(--swatch-button-text);font-size:15px;margin-bottom:10px}.preset-art b{font-size:12px}.preset-art small{font-size:7px;margin-top:5px}.preset-social{font-size:6px;margin:13px 0 12px}.preset-art i{display:block;height:20px;width:100%;margin-bottom:7px;border-radius:var(--swatch-radius);background:var(--swatch-button);border:1px solid transparent}.preset-art i:first-of-type{background:var(--swatch-accent)}.preset-outline i:not(:first-of-type){background:transparent;border-color:var(--swatch-button-text)}.preset-shadow i{box-shadow:2px 2px 0 var(--swatch-button-text)}.preset-caption{padding:13px 11px;position:relative}.preset-caption strong{font-size:12px}.preset-caption p{font-size:10px;color:#7C7486;margin:5px 0 0}.preset-selected{position:absolute;right:10px;top:13px;color:#2B1052}.preset-footer{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#81798A;margin-top:10px}.preset-position{white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:650px){.preset-card{flex-basis:164px}.preset-art{height:205px}.preset-footer{flex-wrap:wrap;font-size:9px}.preset-toolbar p{font-size:11px}.preset-toolbar button{width:38px;height:38px}}
.visual-design-grid{display:grid;gap:26px}.visual-choices{border:0;padding:0;margin:0;min-width:0}.visual-choices legend{font-weight:650;margin-bottom:12px}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.choices-font{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-choice{position:relative;margin:0;min-width:0;cursor:pointer}.visual-choice input{position:absolute;opacity:0;width:1px;height:1px}.choice-tile{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;padding:15px 8px;min-height:104px;border:2px solid #E5E2E8;border-radius:12px;background:white;text-align:center;font-size:12px}.visual-choice input:checked+.choice-tile{border-color:#367c68;background:#eff7f2;box-shadow:inset 0 0 0 1px #367c68}.visual-choice input:focus-visible+.choice-tile{outline:3px solid #8067b3;outline-offset:3px}.choice-example{font-size:16px;line-height:1.3;max-width:100%}.example-font-modern{font-family:Arial,sans-serif}.example-font-humanist{font-family:'Trebuchet MS',sans-serif}.example-font-editorial{font-family:Georgia,serif}.example-font-classic{font-family:Palatino,serif}.example-font-mono{font-family:'Courier New',monospace}.example-titleSize-small{font-size:20px}.example-titleSize-medium{font-size:27px}.example-titleSize-large{font-size:34px}.choices-shape .choice-example,.choices-buttonStyle .choice-example{padding:9px 10px;background:#25483d;color:white;font-size:12px}.example-shape-pill{border-radius:30px}.example-shape-rounded{border-radius:10px}.example-shape-square{border-radius:2px}.choices-buttonStyle .example-buttonStyle-outline{background:transparent;color:#25483d;border:1px solid #25483d}.example-buttonStyle-shadow{box-shadow:4px 4px 0 #b6cbbf}@media(max-width:380px){.choice-grid{gap:6px}.choice-tile{padding:12px 4px}}