@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--accent:#00e5ff;--bg:#050c11;--surface:#0b1921;--border:#203a46;--muted:#87a4b0;--text:#e8f6fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:'DM Sans',system-ui,sans-serif;color:var(--text)}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 40% 38% at 78% 12%,#00daef11,transparent),radial-gradient(ellipse 30% 48% at 3% 90%,#00deeb0c,transparent)}button,input,textarea{font:inherit}button,a{transition:.2s ease}a{color:inherit;text-decoration:none}button{cursor:pointer}.shell{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100vh}.shell[hidden]{display:none}.sidebar{display:flex;flex-direction:column;background:#071219;border-right:1px solid #1b343e;padding:33px 18px 22px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;margin:0 13px 24px;font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:700;letter-spacing:-1.5px}.brandmark{display:grid;place-items:center;background:var(--accent);color:#00232a;font-size:19px;width:33px;height:33px;clip-path:polygon(24% 0,76% 0,100% 24%,100% 76%,76% 100%,24% 100%,0 76%,0 24%)}.cyan,.brand .cyan{color:var(--accent)}.tag{display:flex;justify-content:space-between;margin:0 13px 23px;color:#638e99;font-size:10px;font-weight:800;letter-spacing:1.5px}.tag span{color:var(--accent)}nav{display:grid;gap:7px}.nav{border:0;background:transparent;color:#99b3be;padding:13px 14px;text-align:left;border-radius:10px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:13px}.nav span{color:#7d9da9;font-size:19px}.nav:hover,.nav.active{color:#eaffff;background:#112a33}.nav.active{box-shadow:inset 3px 0 var(--accent)}.sidebar-bottom{margin-top:auto}.identity{border-top:1px solid #1c3540;padding:20px 9px;display:flex;gap:10px;align-items:center}.mini-avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#04d4e3,#064451);font-weight:800;color:white}.identity strong{display:block;font-size:13px}.identity small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.logout{width:100%;border:1px solid #254551;background:#0d2029;color:#c6dce2;padding:12px;border-radius:9px;font-weight:700}.logout:hover{border-color:var(--accent)}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1a313c;padding:0 45px;color:#7e9eaa;font-size:12px}.crumb span{padding:0 10px;color:#45616c}.crumb b{color:#d5e5eb}.topbar a{border:1px solid #274852;background:#0c2029;border-radius:9px;padding:10px 15px;color:#cce8ef;font-weight:700}.topbar a:hover{border-color:var(--accent)}.workspace{max-width:1280px;margin:auto;padding:50px 45px 70px}.eyebrow{font-size:10px;color:var(--accent);letter-spacing:2.1px;font-weight:800}.heading{display:flex;align-items:end;justify-content:space-between;margin:15px 0 34px}.heading h1{font-family:'Space Grotesk',sans-serif;letter-spacing:-2px;font-size:clamp(32px,4vw,49px);margin:0}.heading em{font-style:normal;color:var(--accent)}.heading p{color:#8aa9b6;font-size:14px;margin:9px 0 0}.live-pill{font-size:11px;color:#8bc7b7;border:1px solid #1c514d;padding:9px 12px;border-radius:30px;white-space:nowrap}.live-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#3fe2ab;margin-right:7px;box-shadow:0 0 10px #3fe2ab}.columns{display:grid;grid-template-columns:minmax(330px,1fr) minmax(300px,.82fr);align-items:start;gap:28px}.panel,.profile-card{background:linear-gradient(160deg,#0c1c24,#081319);border:1px solid #254753;border-radius:18px;box-shadow:0 24px 70px #0004}.panel{padding:28px}.panel-head{display:flex;justify-content:space-between;gap:10px;align-items:start;margin-bottom:27px}.panel-head h2{font-size:20px;letter-spacing:-.6px;margin:0}.panel-head p{color:var(--muted);margin:6px 0 0;font-size:12px}.step{color:#688e9a;font-size:10px;letter-spacing:1px}label{display:flex;justify-content:space-between;font-size:12px;font-weight:800;margin:19px 0 9px}label span{color:#7696a2;font-size:10px;font-weight:600}input:not([type=color]),textarea{border:1px solid #284c59;background:#07141b;color:#ecfaff;border-radius:9px;padding:13px 14px;width:100%;outline:none;font-size:13px;resize:vertical;min-height:46px}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00e5ff12}textarea{min-height:110px}.color-line{display:flex;gap:12px;align-items:center}.color-line input[type=color]{width:58px;height:48px;padding:3px;background:#08151b;border:1px solid #284c59;border-radius:9px}.swatches{display:flex;gap:12px;margin-top:23px}.swatches button{width:33px;height:33px;border-radius:50%;border:3px solid #10212a}.swatches button:nth-child(1){background:#00e5ff}.swatches button:nth-child(2){background:#a78bfa}.swatches button:nth-child(3){background:#ff6e91}.swatches button:nth-child(4){background:#8af0bc}.swatches button:nth-child(5){background:#fbbf68}.swatches button:hover{transform:scale(1.16)}.hint,.hintline{color:#6c8d9a;font-size:12px;line-height:1.6}.hintline{margin:17px 0 0}.form-footer{border-top:1px solid #1f3944;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:28px;padding-top:23px}.message{font-size:11px;color:#88a5b1;line-height:1.5}.message.error{color:#ff97a4}.message.success{color:#63e7b9}.primary{color:#00212b;border:0;background:linear-gradient(100deg,#27f0f4,#08bed5);border-radius:9px;padding:13px 18px;font-weight:800;white-space:nowrap}.primary span{padding-left:15px}.primary:hover{filter:brightness(1.12);transform:translateY(-2px)}.primary:disabled{opacity:.6;cursor:wait}.preview-head{display:flex;align-items:center;justify-content:space-between;margin:3px 0 15px}.preview-head strong{display:block;font-size:13px}.preview-head span{display:block;font-size:11px;color:#7899a7;margin-top:4px}.preview-indicator{font-size:10px!important;color:var(--accent)!important;font-weight:800;letter-spacing:1px}.profile-card{overflow:hidden}.banner{height:145px;background:linear-gradient(120deg,#123c49,#0a1f2b 60%,#146277);background-size:cover;background-position:center;position:relative}.banner:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08131999,transparent)}.banner-tag{position:absolute;right:17px;top:17px;font-size:9px;letter-spacing:1.5px;color:#c3eaf2;z-index:1}.card-inner{padding:0 26px 24px}.avatar{width:78px;height:78px;display:grid;place-items:center;position:relative;margin-top:-38px;border-radius:19px;border:4px solid #0c1b22;background:linear-gradient(135deg,var(--accent),#146076);font-size:31px;font-weight:800;background-size:cover;background-position:center}.card-inner h2{font-family:'Space Grotesk',sans-serif;margin:14px 0 3px;font-size:25px;overflow-wrap:anywhere}.handle{font-size:12px;color:var(--accent)}.preview-bio{color:#a6bdc6;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;min-height:60px;margin:17px 0}.preview-link{display:flex;gap:11px;align-items:center;background:#10252e;border:1px solid #22434e;border-radius:10px;margin:9px 0;padding:13px 14px;font-size:12px;font-weight:700}.preview-link span:first-child{color:var(--accent)}.preview-link span:last-child{margin-left:auto;color:#81a4ae}.card-footer{border-top:1px solid #21404a;margin-top:21px;padding-top:18px;color:#6b919d;font-size:11px}.card-footer b{color:#c0e4ec}.card-footer b span{color:var(--accent)}.preview-url{text-align:center;padding:17px;color:#6ea8b7;font-size:12px}.loading{min-height:100vh;display:flex;justify-content:center;align-items:center;gap:12px;color:#93b7c2;font-size:13px}.pulse{height:9px;width:9px;background:var(--accent);border-radius:50%;box-shadow:0 0 20px var(--accent);animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.3;transform:scale(.65)}}@media(max-width:1050px){.columns{grid-template-columns:1fr}.preview-wrap{max-width:560px}.workspace{padding:35px 25px}.topbar{padding:0 25px}}@media(max-width:700px){.shell{display:block}.sidebar{position:relative;height:auto;padding:16px;border-right:0;border-bottom:1px solid #25404b}.brand{margin:0 0 12px}.tag,.sidebar-bottom{display:none}nav{display:flex;overflow:auto}.nav{white-space:nowrap;font-size:12px;padding:11px}.topbar{height:56px}.workspace{padding:28px 16px}.heading{align-items:start;gap:15px}.live-pill{display:none}.panel{padding:21px}.form-footer{flex-direction:column;align-items:stretch}.primary{width:100%}.columns{display:block}.preview-wrap{margin-top:25px}}
[hidden]{display:none!important}

select{font:inherit;background:#07141b;border:1px solid #284c59;border-radius:9px;color:#ecfaff;width:100%;padding:13px}input[type=range]{width:100%;accent-color:var(--accent)}.profile-card{position:relative}.profile-card>#effectPreview{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.preview-wrap{min-width:0}

/* Card Studio V1: isolated from dashboard shell styling */
#cardstyleFields input[type=color]{width:58px;height:46px;padding:3px;border:1px solid #284c59;border-radius:9px;background:#08151b}
#cardstyleFields .color-line input:not([type=color]){flex:1;min-width:0}
#cardstyleFields input[type=range]{width:100%;accent-color:var(--accent)}
#cardstyleFields label{margin-top:19px}#cardstyleFields select{width:100%}
#profileCard{background:var(--custom-card-background,linear-gradient(155deg,#0c2129,#07141b));border:var(--custom-border-width,1px) solid var(--custom-border-color,#254753);transition:background .15s,border-color .15s,border-width .15s}
.page-preview-note{font-size:11px;color:#86aaba;margin-top:18px}.page-preview{height:100px;border:1px solid #294b55;border-radius:13px;margin-top:8px;display:grid;place-items:center;background:#040c11}.page-preview-mini{padding:12px 22px;border:1px solid var(--custom-border-color,#254753);border-radius:12px;color:#e8f6fa;background:var(--custom-card-background,#0c2129);font-size:11px;font-weight:800;letter-spacing:1px}