.builder-shell{max-width:1400px;margin:auto;padding:32px;color:#f7f7f8}.builder-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.builder-heading h1{font-size:32px;margin:10px 0}.builder-heading p,.builder-muted{color:#96969f;font-size:14px;line-height:1.65}.builder-eyebrow{font-size:11px;letter-spacing:2px;color:#999}.builder-button,.builder-tabs button,.builder-categories button,.builder-chips button{border:1px solid #303035;background:#19191d;color:#fff;border-radius:24px;padding:11px 18px;cursor:pointer;font:inherit}.builder-primary{background:#fff;color:#101014;border-color:#fff}.builder-button:disabled{opacity:.5;cursor:wait}.builder-tabs{display:flex;gap:6px;background:#202024;border-radius:24px;padding:4px;width:fit-content;margin-bottom:24px}.builder-tabs button{border:0;background:none}.builder-tabs button[aria-pressed=true]{background:#0e0e10}.builder-workspace{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:32px}.builder-controls{padding:26px;border-radius:24px;border:1px solid #29292e;background:#101012}.builder-controls h2{font-size:24px;margin:0 0 12px}.builder-label{display:grid;gap:10px;margin:20px 0;color:#ddd;font-size:14px}.builder-label input,.builder-label textarea{box-sizing:border-box;width:100%;border:1px solid #37373e;border-radius:14px;padding:14px;background:#202024;color:#fff;font:inherit}.builder-label textarea{min-height:150px;resize:vertical}.builder-categories,.builder-chips{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.builder-categories button,.builder-chips button{font-size:12px;padding:8px 12px}.builder-categories button[aria-pressed=true]{background:#fff;color:#111}.builder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.builder-template{padding:10px;border:1px solid #303035;border-radius:16px;background:#19191d;color:white;text-align:left;cursor:pointer;min-width:0}.builder-template.selected{border-color:#ff2a8a}.builder-template strong,.builder-template small,.builder-template>span{display:block;margin-top:8px}.builder-template small{font-size:11px;color:#999;line-height:1.4}.builder-template>span{font-size:12px;color:#ddd}.builder-thumbnail{height:225px;overflow:hidden;border-radius:10px;pointer-events:none}.builder-thumbnail .template-profile{min-height:225px;padding:16px 12px}.builder-thumbnail .tp-photo,.builder-thumbnail .tp-avatar{width:44px;height:44px;font-size:20px}.builder-thumbnail .tp-title h2{font-size:17px}.builder-thumbnail .tp-title p{font-size:9px}.builder-thumbnail .tp-links a{font-size:9px;min-height:24px;padding:7px}.builder-thumbnail .tp-cover .tp-photo{height:140px}.builder-preview{position:sticky;top:80px;align-self:start}.builder-preview-label{display:flex;justify-content:space-between;margin:0 0 14px;font-size:13px;color:#aaa}.builder-preview-label span{border:1px solid #444;padding:2px 8px;border-radius:12px}#builderPhone{border:1px solid #333;border-radius:28px;overflow:hidden;box-shadow:0 20px 50px #0005}.builder-check{display:flex;gap:10px;font-size:13px;line-height:1.6;margin:20px 0}.builder-check input{flex:none;width:18px;height:18px}.builder-import{border-top:1px solid #333;margin-top:24px;padding-top:16px;overflow-wrap:anywhere}.builder-import li{color:#aaa;font-size:13px;line-height:1.6}.builder-status{position:sticky;bottom:10px;background:#242429;border-radius:12px;padding:12px}.builder-status:empty{display:none}
.template-profile{box-sizing:border-box;position:relative;isolation:isolate;overflow:hidden;background:var(--tp-bg);color:var(--tp-text);min-height:650px;padding:40px 28px}.template-profile *{box-sizing:border-box}.tp-identity{position:relative;z-index:1}.tp-photo,.tp-avatar{display:block;margin:0 auto 22px;width:100px;height:100px;object-fit:cover;border-radius:50%;border:2px solid var(--tp-accent)}.tp-avatar{display:grid;place-items:center;font-size:38px;background:var(--tp-accent);color:var(--tp-bg)}.tp-title h2{color:inherit;font-size:30px;line-height:1.12;margin:12px 0}.tp-title p{font-size:14px;line-height:1.6;color:inherit;opacity:.78;margin:12px 0 24px}.tp-links{position:relative;z-index:1;display:grid;gap:12px}.tp-links a{min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;color:inherit;padding:16px 18px;border-radius:var(--tp-radius);border:1px solid var(--tp-accent);font-family:Arial,sans-serif;font-size:14px}.tp-solid .tp-links a{background:var(--tp-accent);color:var(--tp-bg)}.tp-glass .tp-links a{background:color-mix(in srgb,var(--tp-accent) 17%,transparent);backdrop-filter:blur(12px)}.tp-powered{display:block;text-align:center;margin-top:40px;opacity:.5}.tp-cover{padding-top:300px}.tp-cover .tp-photo{position:absolute;top:-300px;left:-28px;width:calc(100% + 56px);height:370px;border:0;border-radius:0;z-index:-2}.tp-cover:after{content:'';position:absolute;inset:200px 0 auto;height:200px;background:linear-gradient(transparent,var(--tp-bg));z-index:-1}.tp-cover .tp-avatar{position:absolute;top:-230px;left:calc(50% - 50px)}.tp-split .tp-identity{display:flex;align-items:center;gap:18px;text-align:left}.tp-split .tp-photo,.tp-split .tp-avatar{width:80px;height:120px;border-radius:12px;flex:none;margin:0}.tp-split .tp-title h2{font-size:25px}.tp-editorial .tp-photo,.tp-editorial .tp-avatar{border-radius:4px;width:100%;height:220px}.tp-editorial .tp-title h2{font-size:40px}.tp-tiles .tp-links{grid-template-columns:1fr 1fr}.tp-tiles .tp-links a{min-height:100px;align-items:flex-end}.tp-glow:before,.tp-waves:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 10% 0%,color-mix(in srgb,var(--tp-accent) 35%,transparent),transparent 60%),radial-gradient(ellipse at 90% 90%,color-mix(in srgb,var(--tp-accent) 25%,transparent),transparent 60%)}.tp-waves:before{transform:rotate(20deg) scale(1.4)}.tp-grid{background-image:linear-gradient(#8882 1px,transparent 1px),linear-gradient(90deg,#8882 1px,transparent 1px);background-size:25px 25px}.tp-dots{background-image:radial-gradient(#8885 1px,transparent 1px);background-size:15px 15px}.tp-frame:before{content:'';position:absolute;inset:12px;border:1px solid var(--tp-accent);pointer-events:none;z-index:-1}.tp-compact.tp-cover{padding-top:130px}.tp-compact.tp-cover .tp-photo{top:-130px;left:-12px;width:calc(100% + 24px);height:180px}.tp-compact.tp-cover:after{inset:90px 0 auto;height:100px}.tp-compact.tp-cover .tp-avatar{top:-100px;left:calc(50% - 22px)}.tp-compact.tp-editorial .tp-photo{height:70px;width:100%;border-radius:0}.tp-compact.tp-split .tp-photo{height:70px;width:40px}.tp-compact.tp-split .tp-identity{gap:8px}.tp-compact.tp-tiles .tp-links a{min-height:45px}.tp-compact .tp-powered{margin-top:15px;font-size:8px}.builder-template:focus-visible,.builder-button:focus-visible{outline:3px solid #556aff;outline-offset:3px}@media(max-width:1100px){.builder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-workspace{grid-template-columns:minmax(0,1fr) 300px}}@media(max-width:800px){.builder-shell{padding:18px}.builder-workspace{display:flex;flex-direction:column}.builder-preview{position:static;max-width:400px;width:100%;margin:auto}.builder-tabs{width:100%;box-sizing:border-box}.builder-tabs button{font-size:12px;flex:1;padding:9px}.builder-heading{align-items:flex-start}.builder-heading h1{font-size:26px}.builder-controls{padding:18px}}@media(prefers-reduced-motion:reduce){.template-profile *{animation:none!important;transition:none!important}}
.tp-density-airy .tp-links{gap:20px}.tp-density-airy .tp-links a{min-height:66px}.tp-density-compact .tp-links{gap:8px}.tp-density-compact .tp-links a{min-height:44px;padding:10px 14px}.tp-motion-gentle .tp-links a{transition:transform .2s ease,box-shadow .2s ease}.tp-motion-gentle .tp-links a:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0002}.builder-template .tp-links a{pointer-events:none}
.tp-bio{position:relative;z-index:1;font-size:14px;line-height:1.6;color:inherit;opacity:.78;margin:12px 0 24px}.tp-socials{position:relative;z-index:1;margin:18px 0;font-size:13px}.tp-socials a{color:inherit;text-decoration:none}.tp-compact .tp-bio{font-size:9px}.tp-compact .tp-socials{font-size:9px}

/* Theme gallery (Templates page) */
/* Templates: roomy cards (2 per row on desktop, 1 on phones); the preview is the real page at real size, filling its card. */
.theme-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:36px 28px;margin-top:12px}
.theme-card{border:1px solid #303035;border-radius:24px;background:#17171b;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.theme-card:hover{border-color:#4a4a52}
.theme-card.is-current{border-color:#fff;box-shadow:0 0 0 1px #fff}
.theme-preview{position:relative;aspect-ratio:390/600;overflow:hidden;background:#0d0d0f;pointer-events:none}
.theme-scale{position:absolute;top:0;left:0;width:390px;transform:scale(var(--s,1));transform-origin:top left}
.theme-scale .th,.theme-scale .template-profile{min-height:640px}
.theme-info{padding:22px 22px 24px;display:grid;gap:14px;color:#f4f4f6}
.theme-info h2{margin:0;font-size:20px;display:flex;align-items:center;gap:8px}
.theme-info h2 small{font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;background:#fff;color:#111}
.theme-info p{margin:0;font-size:12px;color:#a6a6ae;text-transform:capitalize}
.theme-swatches{display:flex;gap:8px}
.theme-swatches button{width:30px;height:30px;border-radius:50%;border:2px solid #3a3a40;background:linear-gradient(135deg,var(--a) 50%,var(--b) 50%);cursor:pointer;padding:0}
.theme-swatches button[aria-checked="true"]{border-color:#fff;box-shadow:0 0 0 2px #17171b inset}
.theme-photo{display:flex;gap:6px}
.theme-photo button{flex:1;min-height:36px;border-radius:999px;border:1px solid #3a3a40;background:transparent;color:#d8d8de;font:inherit;font-size:12px;cursor:pointer}
.theme-photo button[aria-checked="true"]{background:#fff;color:#111;border-color:#fff}
.theme-swatches button:focus-visible,.theme-photo button:focus-visible{outline:2px solid #ff5fa8;outline-offset:2px}
.theme-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.theme-buttons .builder-button{min-height:46px;padding:0 12px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.theme-import{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:18px;align-items:center;margin-bottom:22px;padding:20px;border-radius:20px;background:#17171b;border:1px solid #303035;color:#f4f4f6}
.theme-import h2{margin:0 0 6px;font-size:18px}
.theme-import p{margin:0;font-size:13px;color:#a6a6ae}
.theme-import .designer-done,.theme-import .designer-error{grid-column:1/-1}
.theme-import-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.theme-import-form input[type=text]{flex:1 1 220px;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid #3b3b43;background:#232327;color:#fff;font:inherit}
.theme-full{width:min(460px,96vw);max-height:94vh;padding:0;border:0;border-radius:24px;background:#0d0d0f;color:#fff;overflow:hidden}
.theme-full::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}
.theme-full-bar{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;background:#141417;border-bottom:1px solid #2a2a30}
.theme-full-bar div{display:flex;gap:8px}
.theme-full-page{max-height:calc(94vh - 66px);overflow:auto}
.theme-full-page .th,.theme-full-page .template-profile{min-height:820px}
@media (max-width:760px){.theme-import{grid-template-columns:1fr}}