/*
Theme Name: Dely Bio SaaS By Delyriaz
Theme URI: https://delyriaz.net/
Author: Delyriaz
Author URI: https://delyriaz.net/
Description: Branded SaaS theme for Social Link Bio SaaS By Delyriaz.
Version: 1.1.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: dely-bio-saas-by-delyriaz
*/

:root {
	--dls-ink: #12131a;
	--dls-muted: #646779;
	--dls-paper: #f7f7fb;
	--dls-card: #fff;
	--dls-line: #e7e7ef;
	--dls-brand: #6d43e5;
	--dls-brand-dark: #4d28bd;
	--dls-accent: #ffcc66;
	--dls-good: #087a55;
	--dls-bad: #b4233f;
	--dls-radius: 22px;
	--dls-shadow: 0 24px 70px rgba(31, 20, 69, .12);
}

/* School Meals account prompts do not belong inside the independent Dely Bio app. */
.dls-app-body .spbd-consent-overlay { display: none !important; }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	margin: 0;
	background: var(--dls-paper);
	color: var(--dls-ink);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	line-height: 1.55;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
button, input, textarea, select { font: inherit; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.dls-skip-link { position: fixed; z-index: 99999; top: 10px; left: -9999px; padding: 10px 14px; border-radius: 10px; color: var(--dls-ink); background: #fff; box-shadow: var(--dls-shadow); }
.dls-skip-link:focus { left: 10px; }

.dls-wrap { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.dls-site-header { position: sticky; z-index: 40; top: 0; border-bottom: 1px solid rgba(231,231,239,.85); background: rgba(247,247,251,.88); backdrop-filter: blur(16px); }
.dls-nav { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.dls-logo { display: inline-flex; align-items: center; gap: 10px; font-size: 1.18rem; font-weight: 850; letter-spacing: -.03em; }
.dls-logo .custom-logo-link, .dls-default-logo { display: inline-flex; align-items: center; gap: 10px; }
.dls-logo .custom-logo { display: block; width: auto; max-width: 180px; height: 46px; object-fit: contain; }
.dls-site-title { color: inherit; }
.dls-logo-mark { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 13px; color: #fff; background: linear-gradient(145deg, #8c68f4, #5430c8); box-shadow: 0 10px 24px rgba(109,67,229,.28); }
.dls-nav-links { display: flex; align-items: center; gap: 24px; color: #414454; font-weight: 650; }
.dls-button, button.dls-button {
	display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 8px; padding: 0 20px; border: 0; border-radius: 14px; color: #fff; background: var(--dls-brand); box-shadow: 0 10px 24px rgba(109,67,229,.22); font-weight: 800; cursor: pointer;
}
.dls-button:hover { background: var(--dls-brand-dark); transform: translateY(-1px); }
.dls-button-secondary { color: var(--dls-ink); background: #fff; box-shadow: inset 0 0 0 1px var(--dls-line); }
.dls-button-secondary:hover { background: #f1effa; }
.dls-button-small { min-height: 40px; padding-inline: 16px; border-radius: 12px; }

.dls-hero { overflow: hidden; padding: 92px 0 84px; background: radial-gradient(circle at 75% 10%, rgba(152,116,255,.26), transparent 30%), radial-gradient(circle at 5% 70%, rgba(255,204,102,.3), transparent 25%); }
.dls-hero-grid { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 70px; }
.dls-eyebrow { display: inline-flex; padding: 7px 12px; border-radius: 999px; color: #5131b6; background: #ede8ff; font-size: .82rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.dls-hero h1 { max-width: 720px; margin: 20px 0; font-size: clamp(3rem, 7vw, 6.1rem); line-height: .96; letter-spacing: -.075em; }
.dls-gradient-text { color: transparent; background: linear-gradient(100deg, #6d43e5, #c04bd6 60%, #f58c52); background-clip: text; -webkit-background-clip: text; }
.dls-hero-copy { max-width: 620px; color: var(--dls-muted); font-size: clamp(1.05rem, 1.6vw, 1.28rem); }
.dls-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.dls-free-note { margin-top: 16px; color: #575a6b; font-size: .9rem; font-weight: 650; }
.dls-phone-wrap { position: relative; display: grid; place-items: center; min-height: 600px; }
.dls-orbit { position: absolute; width: 470px; height: 470px; border: 1px solid rgba(109,67,229,.18); border-radius: 50%; }
.dls-orbit::before, .dls-orbit::after { content: ""; position: absolute; width: 54px; height: 54px; border-radius: 18px; background: #fff; box-shadow: var(--dls-shadow); }
.dls-orbit::before { top: 34px; left: 20px; }
.dls-orbit::after { right: 5px; bottom: 70px; }
.dls-phone { position: relative; z-index: 2; width: 310px; min-height: 565px; padding: 18px; border: 9px solid #171822; border-radius: 48px; color: #fff; background: linear-gradient(155deg, #8e65f5, #382369 72%); box-shadow: 0 50px 90px rgba(42,25,85,.32); transform: rotate(3deg); }
.dls-phone-notch { width: 92px; height: 23px; margin: -10px auto 22px; border-radius: 0 0 16px 16px; background: #171822; }
.dls-demo-avatar { display: grid; width: 78px; height: 78px; margin: 12px auto; place-items: center; border: 3px solid rgba(255,255,255,.72); border-radius: 50%; background: #ffcc66; color: #382369; font-size: 1.7rem; font-weight: 900; }
.dls-phone h3, .dls-phone p { margin: 6px 0; text-align: center; }
.dls-phone p { color: #e5dafc; font-size: .9rem; }
.dls-demo-links { display: grid; gap: 11px; margin-top: 22px; }
.dls-demo-links span { padding: 14px 16px; border-radius: 16px; color: #282032; background: #fff; text-align: center; font-weight: 800; box-shadow: 0 10px 25px rgba(24,13,50,.17); }

.dls-section { padding: 96px 0; }
.dls-section-heading { max-width: 700px; margin: 0 auto 48px; text-align: center; }
.dls-section-heading h2 { margin: 12px 0; font-size: clamp(2.1rem, 4vw, 3.8rem); line-height: 1.05; letter-spacing: -.055em; }
.dls-section-heading p { color: var(--dls-muted); font-size: 1.08rem; }
.dls-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.dls-feature { padding: 30px; border: 1px solid var(--dls-line); border-radius: var(--dls-radius); background: var(--dls-card); box-shadow: 0 14px 35px rgba(38,31,66,.06); }
.dls-feature-icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 15px; background: #ede8ff; color: var(--dls-brand); font-weight: 900; }
.dls-feature h3 { margin: 18px 0 8px; font-size: 1.18rem; }
.dls-feature p { margin: 0; color: var(--dls-muted); }
.dls-cta { padding: 56px; border-radius: 34px; color: #fff; background: linear-gradient(120deg, #542cc9, #8d5df0); box-shadow: var(--dls-shadow); text-align: center; }
.dls-cta h2 { margin: 0 0 12px; font-size: clamp(2rem, 4vw, 3.6rem); letter-spacing: -.055em; }
.dls-cta p { margin: 0 0 26px; color: #e9e1ff; }
.dls-cta .dls-button { color: #3f2495; background: #fff; }

.dls-auth-page { min-height: calc(100vh - 76px); display: grid; align-items: center; padding: 60px 0; background: radial-gradient(circle at 0 0, rgba(109,67,229,.2), transparent 30%), radial-gradient(circle at 100% 100%, rgba(255,204,102,.3), transparent 28%); }
.dls-auth-shell { display: grid; grid-template-columns: .8fr 1.2fr; width: min(960px, calc(100% - 40px)); margin: auto; overflow: hidden; border: 1px solid var(--dls-line); border-radius: 30px; background: #fff; box-shadow: var(--dls-shadow); }
.dls-auth-art { padding: 46px; color: #fff; background: linear-gradient(145deg, #7c52ea, #32205e); }
.dls-auth-art h1 { margin: 26px 0 12px; font-size: 2.7rem; line-height: 1; letter-spacing: -.055em; }
.dls-auth-art p { color: #dfd4fc; }
.dls-auth-card { padding: 46px; }
.dls-auth-card h2 { margin: 0; font-size: 2rem; letter-spacing: -.045em; }
.dls-auth-card > p { margin-top: 8px; color: var(--dls-muted); }
.dls-form { display: grid; gap: 17px; margin-top: 28px; }
.dls-form label { display: grid; gap: 7px; color: #3d4050; font-size: .91rem; font-weight: 750; }
.dls-form input, .dls-form textarea, .dls-form select { width: 100%; min-height: 48px; padding: 11px 13px; border: 1px solid #dcdce7; border-radius: 12px; color: var(--dls-ink); background: #fff; outline: none; }
.dls-form textarea { min-height: 96px; resize: vertical; }
.dls-form input:focus, .dls-form textarea:focus, .dls-form select:focus { border-color: var(--dls-brand); box-shadow: 0 0 0 3px rgba(109,67,229,.12); }
.dls-field-prefix { display: flex; align-items: stretch; }
.dls-field-prefix span { display: flex; align-items: center; padding: 0 12px; border: 1px solid #dcdce7; border-right: 0; border-radius: 12px 0 0 12px; color: var(--dls-muted); background: #f4f4f8; }
.dls-field-prefix input { border-radius: 0 12px 12px 0; }
.dls-check { display: flex !important; grid-template-columns: auto 1fr; align-items: flex-start; gap: 9px !important; font-weight: 550 !important; }
.dls-check input { width: 18px; min-height: 18px; margin-top: 2px; }
.dls-form-meta { display: flex; align-items: center; justify-content: space-between; gap: 16px; font-size: .9rem; }
.dls-text-link { color: var(--dls-brand); font-weight: 750; }
.dls-alert { margin: 20px 0; padding: 14px 16px; border-radius: 12px; color: #762239; background: #fff0f3; }
.dls-alert-success { color: #075d44; background: #e9fbf4; }
.dls-alert ul { margin: 0; padding-left: 20px; }
.dls-honeypot { position: absolute !important; left: -9999px !important; }

.dls-dashboard { min-height: calc(100vh - 76px); padding: 42px 0 90px; }
.dls-dashboard-head { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.dls-dashboard-head h1 { margin: 0; font-size: clamp(2rem, 4vw, 3.2rem); letter-spacing: -.055em; }
.dls-dashboard-summary { display: flex; align-items: stretch; justify-content: flex-end; gap: 12px; }
.dls-visit-counter { display: grid; min-width: 128px; padding: 12px 16px; border: 1px solid rgba(109,67,229,.2); border-radius: 14px; background: linear-gradient(145deg,#fff,#f4f0ff); box-shadow: 0 7px 20px rgba(62,43,117,.08); }
.dls-visit-counter span { color: var(--dls-brand); font-size: .68rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.dls-visit-counter strong { color: var(--dls-ink); font-size: 1.65rem; line-height: 1.05; }
.dls-visit-counter small { color: var(--dls-muted); font-size: .72rem; font-weight: 650; }
.dls-profile-url { display: flex; align-items: center; gap: 10px; color: var(--dls-muted); }
.dls-profile-url a { color: var(--dls-brand); font-weight: 800; }
.dls-dashboard-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; align-items: start; gap: 26px; }
.dls-dashboard-grid > * { min-width: 0; }
.dls-panel { margin-bottom: 20px; padding: 28px; border: 1px solid var(--dls-line); border-radius: var(--dls-radius); background: #fff; box-shadow: 0 12px 30px rgba(35,27,61,.05); }
.dls-panel h2 { margin: 0 0 6px; font-size: 1.35rem; letter-spacing: -.025em; }
.dls-panel-intro { margin: 0 0 22px; color: var(--dls-muted); }
.dls-appearance-panel h3 { margin: 24px 0 12px; font-size: 1rem; }
.dls-preset-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.dls-preset { position: relative; display: grid; gap: 8px; padding: 10px; border: 2px solid transparent; border-radius: 15px; background: #f7f7fb; cursor: pointer; }
.dls-preset:has(input:checked) { border-color: var(--dls-brand); background: #f0ecff; box-shadow: 0 0 0 3px rgba(109,67,229,.1); }
.dls-preset input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.dls-preset > span { display: grid; height: 62px; grid-template-columns: repeat(3, 1fr); gap: 5px; align-items: end; padding: 9px; overflow: hidden; border-radius: 10px; background: linear-gradient(145deg, var(--preset-one), var(--preset-two)); }
.dls-preset > span i { display: block; height: 15px; border-radius: 5px; background: var(--preset-button); }
.dls-preset > span i:nth-child(2) { height: 23px; }
.dls-preset strong { font-size: .82rem; text-align: center; }
.dls-preset-aurora { --preset-one:#6d43e5; --preset-two:#111827; --preset-button:#fff; }
.dls-preset-midnight { --preset-one:#0f172a; --preset-two:#020617; --preset-button:#1e293b; }
.dls-preset-minimal { --preset-one:#f8fafc; --preset-two:#e2e8f0; --preset-button:#fff; }
.dls-preset-sunset { --preset-one:#fb7185; --preset-two:#f97316; --preset-button:#fff; }
.dls-preset-ocean { --preset-one:#0891b2; --preset-two:#0f172a; --preset-button:#ecfeff; }
.dls-preset-rose { --preset-one:#be185d; --preset-two:#4c0519; --preset-button:#fff1f2; }
.dls-preset-citrus { --preset-one:#bef264; --preset-two:#facc15; --preset-button:#fff; }
.dls-preset-lavender { --preset-one:#c4b5fd; --preset-two:#f5d0fe; --preset-button:#faf5ff; }
.dls-preset-forest { --preset-one:#052e2b; --preset-two:#134e4a; --preset-button:#d1fae5; }
.dls-preset-paper { --preset-one:#fff7ed; --preset-two:#ffedd5; --preset-button:#9a3412; }
.dls-preset-electric { --preset-one:#312e81; --preset-two:#09090b; --preset-button:#a3ff12; }
.dls-preset-cocoa { --preset-one:#3f2623; --preset-two:#6f4e45; --preset-button:#ffedd5; }
.dls-design-details { margin-top: 22px; border-top: 1px solid var(--dls-line); }
.dls-design-details summary { padding: 18px 0 4px; color: var(--dls-brand); font-weight: 850; cursor: pointer; }
.dls-color-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 18px 0; }
.dls-color-field { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px; padding: 9px 10px; border: 1px solid var(--dls-line); border-radius: 12px; background: #fafafd; }
.dls-color-field span { font-size: .78rem; }
.dls-color-field input[type="color"] { width: 38px; min-height: 32px; padding: 2px; border-radius: 9px; cursor: pointer; }
.dls-range-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 18px; }
.dls-range-grid label { padding: 12px; border: 1px solid var(--dls-line); border-radius: 12px; background: #fafafd; }
.dls-range-grid output { float: right; color: var(--dls-brand); font-weight: 850; }
.dls-range-grid input { min-height: 28px; padding: 0; accent-color: var(--dls-brand); }
.dls-security-note { margin: 18px 0 0; padding: 12px 14px; border-radius: 11px; color: #5d566e; background: #f3f0fb; font-size: .85rem; }
.dls-image-upload { display: grid; gap: 8px; margin-top: 18px; }
.dls-field-label { color: #3d4050; font-size: .91rem; font-weight: 750; }
.dls-image-upload-card { display: grid; grid-template-columns: 104px minmax(0,1fr); align-items: center; gap: 16px; padding: 14px; border: 1px solid var(--dls-line); border-radius: 15px; background: #fafafd; }
.dls-image-upload-card > div:last-child { display: grid; gap: 8px; min-width: 0; }
.dls-image-upload-card input[type="file"] { min-height: 44px; padding: 7px; background: #fff; }
.dls-image-upload-card small { color: var(--dls-muted); font-size: .79rem; font-weight: 500; line-height: 1.45; }
.dls-image-thumb { display: grid; width: 104px; height: 78px; place-items: center; overflow: hidden; border: 1px dashed #c9c4d8; border-radius: 12px; color: #898395; background: #f1eff7; font-size: .76rem; text-align: center; }
.dls-image-thumb-avatar { width: 86px; height: 86px; margin: auto; border-radius: 50%; }
.dls-image-thumb img { width: 100%; height: 100%; object-fit: cover; }
.dls-image-remove { display: flex !important; grid-template-columns: 18px 1fr; align-items: center; gap: 8px !important; color: #8d2943 !important; font-size: .8rem !important; font-weight: 650 !important; cursor: pointer; }
.dls-image-remove input { width: 18px !important; min-height: 18px !important; margin: 0; padding: 0; accent-color: #a72b4c; }
.dls-two-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.dls-social-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.dls-community-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.dls-community-network { min-width: 0; padding: 8px; border: 1px solid #e0dbea; border-radius: 14px; background: #faf9fd; }
.dls-community-network > button { display: grid; width: 100%; place-items: center; gap: 6px; padding: 7px 4px; border: 0; color: #514a60; background: transparent; cursor: pointer; }
.dls-community-network > button > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; color: #fff; background: var(--dls-brand); }
.dls-community-network svg { width: 22px; height: 22px; fill: currentColor; }
.dls-community-network strong { max-width: 100%; overflow: hidden; font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.dls-community-network > label { display: none; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 5px; margin-top: 7px; padding: 4px 8px; border: 1px solid #d8d2e6; border-radius: 10px; color: var(--dls-brand); background: #fff; }
.dls-community-network > label input { min-width: 0; min-height: 34px; padding: 4px; border: 0; box-shadow: none; }
.dls-community-network.is-open { grid-column: span 2; border-color: #9f8add; background: #f4f0ff; }
.dls-community-network.is-open > label { display: grid; }
.dls-community-network[data-platform="instagram"] button span { background: linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045); }
.dls-community-network[data-platform="facebook"] button span { background:#1877f2; }
.dls-community-network[data-platform="tiktok"] button span, .dls-community-network[data-platform="x"] button span { background:#111; }
.dls-community-network[data-platform="youtube"] button span { background:#f00; }
.dls-community-network[data-platform="whatsapp"] button span { background:#25d366; }
.dls-community-network[data-platform="linkedin"] button span { background:#0a66c2; }
.dls-community-network[data-platform="spotify"] button span { background:#1db954; }
.dls-community-network[data-platform="patreon"] button span { background:#ff424d; }
.dls-community-network[data-platform="onlyfans"] button span { background:#00aff0; }
.dls-community-network[data-platform="fansly"] button span { background:#2699f7; }
.dls-community-network[data-platform="telegram"] button span { background:#229ed9; }
.dls-community-network[data-platform="snapchat"] button span, .dls-community-network[data-platform="buymeacoffee"] button span { color:#111; background:#ffdd00; }
.dls-community-network[data-platform="kofi"] button span { background:#ff5e5b; }
.dls-community-network[data-platform="kick"] button span { color:#111; background:#53fc18; }
.dls-block-add { display: grid; grid-template-columns: minmax(180px,1fr) auto; align-items: end; gap: 12px; margin-bottom: 18px; padding: 14px; border-radius: 15px; background: #f4f1fb; }
.dls-block-list { display: grid; gap: 13px; }
.dls-block { overflow: hidden; border: 1px solid var(--dls-line); border-radius: 16px; background: #fafafd; box-shadow: 0 4px 13px rgba(34,25,62,.04); }
.dls-block-head { display: grid; grid-template-columns: minmax(140px,1fr) auto auto; align-items: center; gap: 12px; padding: 11px 13px; background: #f5f3fa; }
.dls-block-toggle { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 5px; border: 0; color: var(--dls-ink); background: transparent; text-align: left; cursor: pointer; }
.dls-block-toggle strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dls-drag { color: #9490a2; font-weight: 900; letter-spacing: -3px; }
.dls-switch { display: flex !important; flex-direction: row !important; align-items: center; gap: 6px !important; color: var(--dls-muted) !important; font-size: .78rem !important; cursor: pointer; }
.dls-switch input, .dls-check input { width: 18px !important; min-height: 18px !important; margin: 0; padding: 0; accent-color: var(--dls-brand); }
.dls-block-actions { display: flex; gap: 5px; }
.dls-block-actions button { display: grid; width: 31px; height: 31px; padding: 0; place-items: center; border: 1px solid #ddd8e8; border-radius: 9px; color: #605a70; background: #fff; font-size: 1rem; cursor: pointer; }
.dls-block-actions button:hover { color: var(--dls-brand); border-color: #b8a8e8; }
.dls-block-actions [data-dls-remove] { color: #9e2444; background: #fff1f4; }
.dls-block-body { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; padding: 15px; }
.dls-block-body > [data-dls-field="text"], .dls-block-body > [data-dls-field="image"], .dls-block-options { grid-column: 1 / -1; }
.dls-block-body [hidden] { display: none !important; }
.dls-block-body textarea { min-height: 84px; }
.dls-block-body small { display: block; margin-top: 5px; color: var(--dls-muted); font-size: .78rem; line-height: 1.4; }
.dls-social-builder { display: grid; grid-column: 1 / -1; gap: 10px; padding: 14px; border: 1px solid #ded8ef; border-radius: 15px; background: #fff; }
.dls-social-builder > .dls-field-label:not(:first-child) { margin-top: 7px; }
.dls-social-icon-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.dls-social-icon-grid button, .dls-social-style-grid button { display: grid; place-items: center; gap: 6px; min-width: 0; padding: 9px 5px; border: 1px solid #e0dbea; border-radius: 12px; color: #544e62; background: #faf9fd; cursor: pointer; transition: .18s ease; }
.dls-social-icon-grid button:hover, .dls-social-icon-grid button.is-active, .dls-social-style-grid button:hover, .dls-social-style-grid button.is-active { border-color: #8d71dd; background: #f2edff; box-shadow: 0 0 0 2px rgba(109,67,229,.1); transform: translateY(-1px); }
.dls-social-icon-grid button > span, .dls-social-style-grid button > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; color: #fff; background: var(--dls-brand); }
.dls-social-icon-grid svg, .dls-social-style-grid svg { width: 21px; height: 21px; fill: currentColor; }
.dls-social-icon-grid small, .dls-social-style-grid small { width: 100%; margin: 0; overflow: hidden; color: inherit; font-size: .7rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.dls-social-icon-grid [data-dls-social-platform="instagram"] > span { background: linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045); }
.dls-social-icon-grid [data-dls-social-platform="facebook"] > span { background: #1877f2; }
.dls-social-icon-grid [data-dls-social-platform="tiktok"] > span, .dls-social-icon-grid [data-dls-social-platform="x"] > span { background: #111; }
.dls-social-icon-grid [data-dls-social-platform="youtube"] > span { background: #f00; }
.dls-social-icon-grid [data-dls-social-platform="whatsapp"] > span { background: #25d366; }
.dls-social-icon-grid [data-dls-social-platform="linkedin"] > span { background: #0a66c2; }
.dls-social-icon-grid [data-dls-social-platform="spotify"] > span { background: #1db954; }
.dls-social-icon-grid [data-dls-social-platform="patreon"] > span { background:#ff424d; }
.dls-social-icon-grid [data-dls-social-platform="onlyfans"] > span { background:#00aff0; }
.dls-social-icon-grid [data-dls-social-platform="fansly"] > span { background:#2699f7; }
.dls-social-icon-grid [data-dls-social-platform="telegram"] > span { background:#229ed9; }
.dls-social-icon-grid [data-dls-social-platform="snapchat"] > span, .dls-social-icon-grid [data-dls-social-platform="buymeacoffee"] > span { color:#111; background:#ffdd00; }
.dls-social-icon-grid [data-dls-social-platform="kofi"] > span { background:#ff5e5b; }
.dls-social-icon-grid [data-dls-social-platform="kick"] > span { color:#111; background:#53fc18; }
.dls-social-style-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.dls-social-style-grid .dls-social-style-minimal > span { border-radius: 0; color: var(--dls-brand); background: transparent; }
.dls-social-style-grid .dls-social-style-outline > span { border: 2px solid currentColor; color: var(--dls-brand); background: transparent; }
.dls-social-style-grid .dls-social-style-square > span { border-radius: 9px; box-shadow: 0 6px 12px rgba(39,28,68,.22); }
.dls-social-builder[data-platform="instagram"] .dls-social-style-brand > span, .dls-social-builder[data-platform="instagram"] .dls-social-style-square > span { background: linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045); }
.dls-social-builder[data-platform="facebook"] .dls-social-style-brand > span, .dls-social-builder[data-platform="facebook"] .dls-social-style-square > span { background: #1877f2; }
.dls-social-builder[data-platform="tiktok"] .dls-social-style-brand > span, .dls-social-builder[data-platform="tiktok"] .dls-social-style-square > span, .dls-social-builder[data-platform="x"] .dls-social-style-brand > span, .dls-social-builder[data-platform="x"] .dls-social-style-square > span { background: #111; }
.dls-social-builder[data-platform="youtube"] .dls-social-style-brand > span, .dls-social-builder[data-platform="youtube"] .dls-social-style-square > span { background: #f00; }
.dls-social-builder[data-platform="whatsapp"] .dls-social-style-brand > span, .dls-social-builder[data-platform="whatsapp"] .dls-social-style-square > span { background: #25d366; }
.dls-social-builder[data-platform="linkedin"] .dls-social-style-brand > span, .dls-social-builder[data-platform="linkedin"] .dls-social-style-square > span { background: #0a66c2; }
.dls-social-builder[data-platform="spotify"] .dls-social-style-brand > span, .dls-social-builder[data-platform="spotify"] .dls-social-style-square > span { background: #1db954; }
.dls-social-builder[data-platform="patreon"] .dls-social-style-brand > span, .dls-social-builder[data-platform="patreon"] .dls-social-style-square > span { background:#ff424d; }
.dls-social-builder[data-platform="onlyfans"] .dls-social-style-brand > span, .dls-social-builder[data-platform="onlyfans"] .dls-social-style-square > span { background:#00aff0; }
.dls-social-builder[data-platform="fansly"] .dls-social-style-brand > span, .dls-social-builder[data-platform="fansly"] .dls-social-style-square > span { background:#2699f7; }
.dls-social-builder[data-platform="telegram"] .dls-social-style-brand > span, .dls-social-builder[data-platform="telegram"] .dls-social-style-square > span { background:#229ed9; }
.dls-social-builder[data-platform="kofi"] .dls-social-style-brand > span, .dls-social-builder[data-platform="kofi"] .dls-social-style-square > span { background:#ff5e5b; }
.dls-social-builder[data-platform="kick"] .dls-social-style-brand > span, .dls-social-builder[data-platform="kick"] .dls-social-style-square > span { color:#111;background:#53fc18; }
.dls-preview-links .dls-preview-social { display: flex; align-items: center; gap: 9px; text-align: left; }
.dls-preview-social i { display: grid; flex: 0 0 30px; width: 30px; height: 30px; place-items: center; border-radius: 50%; color: #fff; background: #6d43e5; }
.dls-preview-social i svg { width: 17px; height: 17px; fill: currentColor; }
.dls-preview-social b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dls-preview-social-minimal i { border-radius: 0; color: var(--dls-preview-button-text); background: transparent; }
.dls-preview-social-outline i { border: 2px solid currentColor; color: var(--dls-preview-button-text); background: transparent; }
.dls-preview-social-square i { border-radius: 8px; box-shadow: 0 5px 10px rgba(0,0,0,.2); }
.dls-preview-social[data-social-platform="instagram"] i { background: linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045); }
.dls-preview-social[data-social-platform="facebook"] i { background: #1877f2; }
.dls-preview-social[data-social-platform="tiktok"] i, .dls-preview-social[data-social-platform="x"] i { background: #111; }
.dls-preview-social[data-social-platform="youtube"] i { background: #f00; }
.dls-preview-social[data-social-platform="whatsapp"] i { background: #25d366; }
.dls-preview-social[data-social-platform="linkedin"] i { background: #0a66c2; }
.dls-preview-social[data-social-platform="spotify"] i { background: #1db954; }
.dls-preview-social[data-social-platform="patreon"] i { background:#ff424d; }
.dls-preview-social[data-social-platform="onlyfans"] i { background:#00aff0; }
.dls-preview-social[data-social-platform="fansly"] i { background:#2699f7; }
.dls-preview-social[data-social-platform="telegram"] i { background:#229ed9; }
.dls-preview-social[data-social-platform="kofi"] i { background:#ff5e5b; }
.dls-preview-social[data-social-platform="kick"] i { color:#111;background:#53fc18; }
.dls-preview-social-minimal i, .dls-preview-social-outline i { background: transparent !important; }
.dls-block-options { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 11px; padding-top: 12px; border-top: 1px dashed #ddd8e8; }
.dls-check { display: flex !important; flex-direction: row !important; align-items: center; gap: 8px !important; padding: 8px 0; }
.dls-block.is-collapsed .dls-block-body { display: none; }
.dls-block.is-collapsed .dls-block-toggle .dls-drag { transform: rotate(-90deg); }
.dls-save-bar { position: sticky; z-index: 10; bottom: 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 18px; border: 1px solid rgba(109,67,229,.25); border-radius: 17px; background: rgba(255,255,255,.92); box-shadow: 0 16px 40px rgba(34,25,62,.15); backdrop-filter: blur(15px); }
.dls-preview { position: sticky; top: 105px; }
.dls-preview-phone { --dls-preview-bg:linear-gradient(150deg,#8b61f4,#31205c); --dls-preview-image:none; --dls-preview-position:50% 50%; --dls-preview-overlay:.18; --dls-preview-blur:0px; --dls-preview-text:#fff; --dls-preview-muted:#ddd6fe; --dls-preview-button:#fff; --dls-preview-button-text:#282032; position: relative; min-height: 600px; padding: 22px; overflow: hidden; border: 9px solid #171822; border-radius: 42px; color: var(--dls-preview-text); background: var(--dls-preview-bg); box-shadow: var(--dls-shadow); text-align: center; isolation: isolate; }
.dls-preview-phone::before { content: ""; position: absolute; z-index: 0; inset: -24px; background-image: var(--dls-preview-image); background-position: var(--dls-preview-position); background-size: cover; filter: blur(var(--dls-preview-blur)); }
.dls-preview-phone::after { content: ""; position: absolute; z-index: 1; inset: 0; background: rgba(0,0,0,var(--dls-preview-overlay)); opacity: 0; }
.dls-preview-phone > * { position: relative; z-index: 2; }
.dls-preview-phone[style*="--dls-preview-image: url"]::after { opacity: 1; }
.dls-preview-phone[data-font="classic"] { font-family: Georgia, serif; }
.dls-preview-phone[data-font="rounded"] { font-family: "Trebuchet MS", sans-serif; }
.dls-preview-phone[data-font="mono"] { font-family: Consolas, monospace; }
.dls-preview-phone[data-layout="hero"] .dls-preview-avatar { width: 104px; height: 104px; }
.dls-preview-phone[data-layout="spotlight"] .dls-preview-avatar { width: 118px; height: 118px; }
.dls-preview-phone[data-layout="shape"] .dls-preview-avatar { width: 138px; height: 104px; border-radius: 48% 52% 38% 62% / 58% 36% 64% 42%; }
.dls-preview-phone[data-layout="banner"] { padding-top: 0; }
.dls-preview-phone[data-layout="banner"] .dls-preview-avatar { width: calc(100% + 44px); height: 190px; margin: 0 -22px 18px; border: 0; border-radius: 32px 32px 24px 24px; }
.dls-preview-phone[data-layout="banner"] .dls-preview-avatar img { object-position: center; }
.dls-preview-phone[data-layout="frame"] { margin: 14px; min-height: 570px; border-width: 14px; }
.dls-preview-avatar { display: grid; width: 76px; height: 76px; margin: 28px auto 14px; place-items: center; overflow: hidden; border: 3px solid rgba(255,255,255,.72); border-radius: 50%; background: #ffcc66; color: #31205c; font-size: 1.5rem; font-weight: 900; }
.dls-preview-avatar img { width: 100%; height: 100%; object-fit: cover; }
.dls-preview-phone p { color: var(--dls-preview-muted); }
.dls-preview-community { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; margin: 16px 0 2px; }
.dls-preview-community[hidden] { display: none; }
.dls-preview-community > span { display: grid; width: 38px; height: 38px; padding: 0; place-items: center; border-radius: 50%; color: #fff; background: var(--dls-brand); box-shadow: 0 7px 16px rgba(15,23,42,.2); }
.dls-preview-community svg { width: 20px; height: 20px; fill: currentColor; }
.dls-preview-community [data-social-platform="instagram"] { background: linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045); }
.dls-preview-community [data-social-platform="facebook"] { background: #1877f2; }
.dls-preview-community [data-social-platform="tiktok"], .dls-preview-community [data-social-platform="x"] { background: #111; }
.dls-preview-community [data-social-platform="youtube"] { background: #f00; }
.dls-preview-community [data-social-platform="whatsapp"] { background: #25d366; }
.dls-preview-community [data-social-platform="linkedin"] { background: #0a66c2; }
.dls-preview-community [data-social-platform="spotify"] { background: #1db954; }
.dls-preview-community [data-social-platform="patreon"] { background: #ff424d; }
.dls-preview-community [data-social-platform="onlyfans"] { background: #00aff0; }
.dls-preview-community [data-social-platform="fansly"] { background: #2699f7; }
.dls-preview-community [data-social-platform="telegram"] { background: #229ed9; }
.dls-preview-community [data-social-platform="snapchat"], .dls-preview-community [data-social-platform="buymeacoffee"] { color: #111; background: #ffdd00; }
.dls-preview-community [data-social-platform="kofi"] { background: #ff5e5b; }
.dls-preview-community [data-social-platform="kick"] { color: #111; background: #53fc18; }
.dls-preview-links { display: grid; gap: 10px; margin-top: 24px; }
.dls-preview-links span { padding: 13px; border-radius: 14px; color: var(--dls-preview-button-text); background: var(--dls-preview-button); font-size: .9rem; font-weight: 800; }
.dls-preview-phone[data-button-style="pill"] .dls-preview-links span { border-radius: 999px; }
.dls-preview-phone[data-button-style="square"] .dls-preview-links span { border-radius: 3px; }
.dls-preview-phone[data-button-style="outline"] .dls-preview-links span { border: 2px solid var(--dls-preview-button); color: var(--dls-preview-button); background: transparent; }
.dls-preview-phone[data-button-style="shadow"] .dls-preview-links span { box-shadow: 0 9px 0 rgba(0,0,0,.18); }
.dls-preview-phone[data-button-style="glass"] .dls-preview-links > span { border:1px solid rgba(255,255,255,.48); color:var(--dls-preview-text); background:rgba(255,255,255,.16); backdrop-filter:blur(12px); }
.dls-preview-phone[data-button-style="soft"] .dls-preview-links > span { border-radius:22px; box-shadow:0 12px 30px rgba(0,0,0,.13); }
.dls-preview-phone[data-button-style="neon"] .dls-preview-links > span { border:2px solid var(--dls-preview-text); color:var(--dls-preview-text); background:transparent; box-shadow:0 0 13px var(--dls-preview-text); }
.dls-preview-phone[data-button-style="gradient"] .dls-preview-links > span { color:#fff; background:linear-gradient(135deg,var(--dls-preview-button),#6d43e5); }
.dls-preview-phone[data-button-style="brutal"] .dls-preview-links > span { border:3px solid #111; border-radius:3px; box-shadow:6px 6px 0 #111; }

.dls-header-layout-picker { display: grid; grid-template-columns: repeat(5,minmax(110px,1fr)); gap: 10px; margin: 14px 0 22px; overflow-x: auto; padding: 4px 2px 12px; }
.dls-header-layout-picker label { display: grid; min-width: 110px; gap: 8px; cursor: pointer; }
.dls-header-layout-picker input { position: absolute; top: 0; left: 0; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.dls-header-layout-picker label > span { display: grid; height: 142px; padding: 17px 12px; place-items: center; align-content: start; border: 2px solid #ded8e8; border-radius: 17px; background: #faf9fd; transition: .18s ease; }
.dls-header-layout-picker input:checked + span { border-color: var(--dls-brand); background: #f2edff; box-shadow: 0 0 0 3px rgba(109,67,229,.12); }
.dls-header-layout-picker span i { width: 40px; height: 40px; margin-bottom: 8px; border-radius: 50%; background: #8062dc; }
.dls-header-layout-picker span b { width: 52px; height: 7px; margin-bottom: 7px; border-radius: 10px; background: #332b45; }
.dls-header-layout-picker span em { width: 75px; height: 15px; margin-top: 5px; border-radius: 6px; background: #d8d1e9; }
.dls-header-layout-picker span[data-layout="spotlight"] i { width: 56px; height: 56px; }
.dls-header-layout-picker span[data-layout="shape"] i { width: 63px; height: 47px; border-radius: 48% 52% 38% 62% / 58% 36% 64% 42%; }
.dls-header-layout-picker span[data-layout="banner"] { padding-top: 0; overflow: hidden; }
.dls-header-layout-picker span[data-layout="banner"] i { width: calc(100% + 24px); height: 55px; margin: 0 -12px 8px; border-radius: 14px 14px 7px 7px; }
.dls-header-layout-picker span[data-layout="frame"] { border-width: 7px; }
.dls-header-layout-picker label > strong { text-align: center; font-size: .76rem; }

.slbd-public-page.slbd-buttons-glass .slbd-link-button { border:1px solid rgba(255,255,255,.48); color:var(--slbd-text); background:rgba(255,255,255,.16); backdrop-filter:blur(14px); }
.slbd-public-page.slbd-buttons-soft .slbd-link-button { border-radius:22px; box-shadow:0 14px 34px rgba(15,23,42,.16); }
.slbd-public-page.slbd-buttons-neon .slbd-link-button { border:2px solid var(--slbd-text); color:var(--slbd-text); background:transparent; box-shadow:0 0 16px color-mix(in srgb,var(--slbd-text) 65%,transparent); }
.slbd-public-page.slbd-buttons-gradient .slbd-link-button { color:#fff; background:linear-gradient(135deg,var(--slbd-button),color-mix(in srgb,var(--slbd-button) 45%,#6d43e5)); }
.slbd-public-page.slbd-buttons-brutal .slbd-link-button { border:3px solid #111; border-radius:3px; box-shadow:7px 7px 0 #111; }
.slbd-socials [data-slbd-click="social_patreon"],.slbd-social-link-button.slbd-social-patreon .slbd-social-block-icon{background:#ff424d;color:#fff}
.slbd-socials [data-slbd-click="social_onlyfans"],.slbd-social-link-button.slbd-social-onlyfans .slbd-social-block-icon{background:#00aff0;color:#fff}
.slbd-socials [data-slbd-click="social_fansly"],.slbd-social-link-button.slbd-social-fansly .slbd-social-block-icon{background:#2699f7;color:#fff}
.slbd-socials [data-slbd-click="social_telegram"],.slbd-social-link-button.slbd-social-telegram .slbd-social-block-icon{background:#229ed9;color:#fff}
.slbd-socials [data-slbd-click="social_kofi"],.slbd-social-link-button.slbd-social-kofi .slbd-social-block-icon{background:#ff5e5b;color:#fff}
.slbd-socials [data-slbd-click="social_kick"],.slbd-social-link-button.slbd-social-kick .slbd-social-block-icon{background:#53fc18;color:#111}

.dls-site-footer { padding: 32px 0; border-top: 1px solid var(--dls-line); color: var(--dls-muted); background: #fff; }
.dls-footer-row { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.dls-footer-links { display: flex; gap: 18px; }

@media (max-width: 900px) {
	.dls-hero-grid, .dls-auth-shell, .dls-dashboard-grid { grid-template-columns: 1fr; }
	.dls-features { grid-template-columns: 1fr 1fr; }
	.dls-phone-wrap { min-height: 520px; }
	.dls-preview { position: static; }
	.dls-preview-phone { min-height: 480px; }
}
@media (max-width: 640px) {
	.dls-wrap { width: min(100% - 24px, 1180px); }
	.dls-nav-links > a:not(.dls-button) { display: none; }
	.dls-hero { padding-top: 60px; }
	.dls-hero h1 { font-size: 3.2rem; }
	.dls-phone-wrap, .dls-orbit { transform: scale(.86); }
	.dls-features, .dls-social-grid, .dls-two-fields { grid-template-columns: 1fr; }
	.dls-community-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.dls-community-network.is-open { grid-column:1 / -1; }
	.dls-preset-grid { grid-template-columns: 1fr 1fr; }
	.dls-color-grid, .dls-range-grid { grid-template-columns: 1fr; }
	.dls-image-upload-card { grid-template-columns: 1fr; }
	.dls-section { padding: 70px 0; }
	.dls-cta, .dls-auth-card, .dls-auth-art, .dls-panel { padding: 24px; }
	.dls-auth-art { min-height: 250px; }
	.dls-dashboard-head, .dls-footer-row, .dls-save-bar { align-items: flex-start; flex-direction: column; }
	.dls-dashboard-summary { width: 100%; flex-direction: column; }
	.dls-profile-url { min-width: 0; flex-wrap: wrap; }
	.dls-profile-url a { max-width: 100%; overflow-wrap: anywhere; }
	.dls-panel { padding: 20px; }
	.dls-image-upload-card input[type="file"] { max-width: 100%; }
	.dls-save-bar { bottom: 8px; align-items: stretch; gap: 0; padding: 10px; }
	.dls-save-bar > span { display: none; }
	.dls-save-bar .dls-button { width: 100%; min-height: 44px; }
	.dls-block-add, .dls-block-head, .dls-block-body, .dls-block-options { grid-template-columns: 1fr; }
	.dls-block-head { align-items: start; }
	.dls-block-actions { flex-wrap: wrap; }
	.dls-block-body > [data-dls-field="text"], .dls-block-body > [data-dls-field="image"], .dls-block-options { grid-column: auto; }
	.dls-social-icon-grid, .dls-social-style-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* Guided first-run experience. These are profile presets, not WordPress themes. */
.dls-onboarding { min-height: 100vh; padding: 36px 0 70px; background: #fbfafc; }
.dls-onboarding-shell { width: min(100% - 32px, 980px); margin: 0 auto; }
.dls-onboarding-top { display: grid; grid-template-columns: 100px minmax(120px,320px) 100px; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 46px; }
.dls-onboarding-top > a, .dls-onboarding-skip { border: 0; color: #4f495b; background: transparent; font: inherit; font-weight: 800; text-decoration: none; cursor: pointer; }
.dls-onboarding-skip { justify-self: end; }
.dls-onboarding-progress { height: 8px; overflow: hidden; border-radius: 999px; background: #e5e2e8; }
.dls-onboarding-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#6d43e5,#d725d7); transition: width .3s ease; }
.dls-onboarding-heading { max-width: 760px; margin: 0 auto 38px; text-align: center; }
.dls-onboarding-heading h1 { margin: 10px 0 14px; font-size: clamp(2.4rem,7vw,4.8rem); line-height: .98; letter-spacing: -.065em; }
.dls-onboarding-heading p { max-width: 700px; margin: 0 auto; color: var(--dls-muted); font-size: clamp(1.05rem,2vw,1.35rem); line-height: 1.55; }
.dls-network-picker { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.dls-network-choice { position: relative; display: grid; min-height: 158px; padding: 22px 12px 16px; place-items: center; gap: 9px; border: 2px solid #e1dee5; border-radius: 24px; background: #fff; cursor: pointer; transition: .18s ease; }
.dls-network-choice:hover { border-color: #a88cef; transform: translateY(-2px); }
.dls-network-choice.is-selected { border-color: var(--dls-brand); background: #f5f1ff; box-shadow: 0 0 0 3px rgba(109,67,229,.12); }
.dls-network-choice:has(input:disabled) { opacity: .42; cursor: not-allowed; }
.dls-network-choice input { position: absolute; opacity: 0; pointer-events: none; }
.dls-network-choice > span { display: grid; width: 66px; height: 66px; place-items: center; border-radius: 19px; color: #fff; background: #17141d; }
.dls-network-choice > span svg { width: 36px; height: 36px; fill: currentColor; }
.dls-network-choice > strong { overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; }
.dls-network-choice > i { position: absolute; top: 10px; right: 10px; display: none; width: 25px; height: 25px; place-items: center; border-radius: 50%; color: #fff; background: var(--dls-brand); font-style: normal; }
.dls-network-choice.is-selected > i { display: grid; }
.dls-network-choice[data-platform="instagram"] > span { background: linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045); }
.dls-network-choice[data-platform="facebook"] > span { background: #1877f2; }
.dls-network-choice[data-platform="youtube"] > span { background: #f00; }
.dls-network-choice[data-platform="whatsapp"] > span { background: #25d366; }
.dls-network-choice[data-platform="spotify"] > span { background: #1db954; }
.dls-network-choice[data-platform="linkedin"] > span { background: #0a66c2; }
.dls-network-choice[data-platform="patreon"] > span { background: #ff424d; }
.dls-network-choice[data-platform="onlyfans"] > span { background: #00aff0; }
.dls-network-choice[data-platform="fansly"] > span { background: #2699f7; }
.dls-network-choice[data-platform="telegram"] > span { background: #229ed9; }
.dls-network-choice[data-platform="snapchat"] > span, .dls-network-choice[data-platform="buymeacoffee"] > span { color: #111; background: #ffdd00; }
.dls-network-choice[data-platform="kick"] > span { color: #111; background: #53fc18; }
.dls-selection-count { margin: 18px 0 0; color: var(--dls-muted); text-align: center; font-weight: 750; }
.dls-template-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.dls-template-choice { display: grid; gap: 10px; cursor: pointer; }
.dls-template-choice > input { position: absolute; opacity: 0; pointer-events: none; }
.dls-template-phone { display: flex; min-height: 480px; padding: 56px 22px 26px; align-items: center; flex-direction: column; overflow: hidden; border: 4px solid transparent; border-radius: 32px; color: var(--card-text); background: var(--card-bg); box-shadow: 0 14px 38px rgba(31,24,47,.12); text-align: center; transition: .2s ease; }
.dls-template-choice:hover .dls-template-phone, .dls-template-choice.is-selected .dls-template-phone { transform: translateY(-4px); box-shadow: 0 20px 48px rgba(31,24,47,.2); }
.dls-template-choice.is-selected .dls-template-phone { border-color: #17141d; }
.dls-template-avatar { display: grid; width: 72px; height: 72px; margin-bottom: 13px; place-items: center; border: 3px solid rgba(255,255,255,.65); border-radius: 50%; color: var(--card-button-text); background: var(--card-button); font-style: normal; font-weight: 900; }
.dls-template-phone[data-layout="spotlight"] .dls-template-avatar { width: 104px; height: 104px; }
.dls-template-phone[data-layout="shape"] .dls-template-avatar { width: 112px; height: 86px; border-radius: 48% 52% 38% 62% / 58% 36% 64% 42%; }
.dls-template-phone[data-layout="banner"] { padding-top: 100px; background-image: linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,0)),var(--card-bg); }
.dls-template-phone[data-layout="frame"] { border-width: 12px; }
.dls-template-phone > strong { font-size: 1.2rem; }
.dls-template-phone > small { min-height: 40px; margin: 7px 0 10px; color: var(--card-muted); }
.dls-template-phone > b { margin-bottom: 26px; letter-spacing: 4px; }
.dls-template-phone > em { width: 100%; height: 48px; margin-top: 10px; border-radius: 14px; color: var(--card-button-text); background: var(--card-button); }
.dls-template-name { display: flex; align-items: center; justify-content: space-between; padding: 0 5px; font-size: 1.05rem; font-weight: 850; }
.dls-template-name i { display: none; width: 25px; height: 25px; place-items: center; border-radius: 50%; color: #fff; background: var(--dls-brand); font-style: normal; }
.dls-template-choice.is-selected .dls-template-name i { display: grid; }
.dls-onboarding-profile, .dls-onboarding-links { display: grid; max-width: 680px; margin: 0 auto; gap: 18px; }
.dls-onboarding-profile > label:not(.dls-onboarding-avatar), .dls-additional-link label { display: grid; gap: 8px; font-weight: 800; }
.dls-onboarding-profile input, .dls-onboarding-profile textarea, .dls-onboarding-links input { width: 100%; padding: 16px 18px; border: 2px solid #dedbe2; border-radius: 16px; color: var(--dls-ink); background: #fff; font: inherit; }
.dls-onboarding-profile textarea { min-height: 150px; resize: vertical; }
.dls-onboarding-profile input:focus, .dls-onboarding-profile textarea:focus, .dls-onboarding-links input:focus { border-color: var(--dls-brand); outline: 3px solid rgba(109,67,229,.13); }
.dls-onboarding-avatar { position: relative; display: grid; width: 180px; margin: 0 auto 18px; place-items: center; cursor: pointer; }
.dls-onboarding-avatar input { position: absolute; opacity: 0; pointer-events: none; }
.dls-onboarding-avatar > span { display: grid; width: 160px; height: 160px; place-items: center; overflow: hidden; border: 6px solid #fff; border-radius: 50%; background: linear-gradient(145deg,#ddd6fe,#f5d0fe); box-shadow: 0 16px 36px rgba(44,34,73,.18); font-size: 3rem; }
.dls-onboarding-avatar img { width: 100%; height: 100%; object-fit: cover; }
.dls-onboarding-avatar > i { position: absolute; right: 8px; bottom: 29px; display: grid; width: 48px; height: 48px; place-items: center; border: 4px solid #fff; border-radius: 50%; color: #fff; background: #17141d; font-size: 1.8rem; font-style: normal; }
.dls-onboarding-avatar > small { margin-top: 10px; color: var(--dls-brand); font-weight: 850; }
.dls-character-count { justify-self: end; margin-top: -38px; padding: 0 14px 12px; color: var(--dls-muted); }
.dls-onboarding-social-field { display: grid; grid-template-columns: 58px 120px minmax(0,1fr); align-items: center; gap: 12px; }
.dls-onboarding-social-field > span { display: grid; width: 54px; height: 54px; place-items: center; border-radius: 16px; color: #fff; background: #17141d; }
.dls-onboarding-social-field svg { width: 29px; height: 29px; fill: currentColor; }
.dls-onboarding-social-field > b { overflow: hidden; text-overflow: ellipsis; }
.dls-additional-link { display: grid; gap: 14px; margin-top: 18px; padding: 24px; border: 1px solid #dedbe2; border-radius: 22px; background: #fff; }
.dls-additional-link h2, .dls-additional-link p { margin: 0; }
.dls-additional-link p, .dls-onboarding-empty { color: var(--dls-muted); }
.dls-onboarding-action { display: grid; max-width: 680px; margin: 34px auto 0; gap: 10px; text-align: center; }
.dls-onboarding-action .dls-button { width: 100%; min-height: 58px; font-size: 1.05rem; }
.dls-onboarding-action small { color: var(--dls-muted); }

@media (max-width: 760px) {
	.dls-onboarding { padding-top: 22px; }
	.dls-onboarding-top { grid-template-columns: 72px minmax(80px,1fr) 72px; gap: 12px; margin-bottom: 32px; }
	.dls-onboarding-heading { margin-bottom: 26px; }
	.dls-onboarding-heading h1 { font-size: clamp(2.25rem,12vw,3.45rem); }
	.dls-network-picker { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
	.dls-network-choice { min-height: 124px; padding: 16px 6px 12px; border-radius: 18px; }
	.dls-network-choice > span { width: 52px; height: 52px; border-radius: 15px; }
	.dls-network-choice > span svg { width: 28px; height: 28px; }
	.dls-network-choice > strong { font-size: .78rem; }
	.dls-template-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
	.dls-template-phone { min-height: 330px; padding: 34px 12px 18px; border-radius: 24px; }
	.dls-template-phone > em { height: 36px; margin-top: 8px; }
	.dls-template-phone > small { font-size: .7rem; }
	.dls-template-phone[data-layout="banner"] { padding-top: 64px; }
	.dls-onboarding-social-field { grid-template-columns: 52px minmax(0,1fr); }
	.dls-onboarding-social-field > b { grid-column: 2; }
	.dls-onboarding-social-field > input { grid-column: 1 / -1; }
}
.dls-language-switcher { display:flex; margin-left:auto; padding:3px; gap:2px; border:1px solid var(--dls-line,#e5e0ed); border-radius:999px; background:#fff; }
.dls-language-switcher a { display:grid; min-width:31px; height:29px; padding:0 7px; place-items:center; border-radius:999px; color:#625b70; font-size:.68rem; font-weight:900; text-decoration:none; }
.dls-language-switcher a:hover { color:var(--dls-brand,#6d43e5); background:#f4f0ff; }
.dls-language-switcher a.is-active { color:#fff; background:var(--dls-brand,#6d43e5); }
@media(max-width:720px){.dls-language-switcher{order:2;margin-left:0}.dls-language-switcher a{min-width:29px;padding:0 5px}.dls-nav{flex-wrap:wrap}.dls-nav-links{margin-left:auto}}