:root{--bg: oklch(99% .002 240);--surface: oklch(100% 0 0);--fg: oklch(12% .01 250);--muted: oklch(50% .018 250);--border: oklch(92% .005 250);--accent: oklch(91% .17 98);--blue: oklch(62% .16 235);--font-display: "Avenir Next", "Sohne", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", ui-monospace, monospace;--radius: 12px;--radius-pill: 999px;--transition: all .2s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,video{max-width:100%;height:auto}button,[role=button],a.btn,.btn{touch-action:manipulation}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}.text-display{font-family:var(--font-display);font-weight:800}.text-mono{font-family:var(--font-mono);font-size:.9em}.container{max-width:1200px;margin:0 auto;padding:0 24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:0 4px 12px #00000003}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius);font-weight:700;cursor:pointer;transition:var(--transition);border:1px solid transparent}.btn:disabled,.btn.disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--fg);color:var(--surface)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--fg)}.btn-secondary:hover{background:var(--bg);border-color:var(--fg)}.btn-accent{background:var(--accent);color:var(--fg)}.btn-accent:hover{opacity:.95;transform:translateY(-1px)}.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{opacity:.95;transform:translateY(-1px)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:700;margin-bottom:6px;color:var(--fg)}.form-control{width:100%;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);outline:none;transition:var(--transition)}.form-control:focus{border-color:var(--fg);box-shadow:0 0 0 2px #0000000d}.form-control::placeholder{color:var(--muted)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--border);margin-bottom:40px}.navbar .logo{height:36px;display:flex;align-items:center;gap:10px}.navbar .logo img{height:100%;width:auto}.navbar .nav-links{display:flex;align-items:center;gap:24px}.navbar .nav-link{font-weight:700;color:var(--muted);transition:var(--transition)}.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--fg)}.toast{position:fixed;bottom:24px;right:24px;background:var(--fg);color:var(--surface);padding:16px 24px;border-radius:var(--radius);font-weight:700;z-index:1000;box-shadow:0 8px 30px #0000001f;transform:translateY(100px);opacity:0;transition:var(--transition)}.toast.show{transform:translateY(0);opacity:1}.theme-default{--bg: oklch(99% .002 240);--surface: oklch(100% 0 0);--fg: oklch(12% .01 250);--muted: oklch(50% .018 250);--border: oklch(92% .005 250)}.theme-dark{--bg: oklch(15% .01 250);--surface: oklch(20% .01 250);--border: oklch(28% .01 250);--fg: oklch(95% .005 250);--muted: oklch(65% .01 250)}.theme-minimal{--bg: oklch(100% 0 0);--surface: oklch(98% 0 0);--border: oklch(90% 0 0);--fg: oklch(0% 0 0);--muted: oklch(40% 0 0)}.theme-warm{--bg: oklch(95% .01 70);--surface: oklch(98% .01 75);--border: oklch(88% .02 70);--fg: oklch(25% .03 60);--muted: oklch(50% .02 65)}.theme-soft{--bg: oklch(97% .015 295);--surface: oklch(99% .008 300);--border: oklch(89% .022 295);--fg: oklch(28% .025 280);--muted: oklch(62% .018 285);--accent: oklch(85% .12 350)}.theme-bold{--bg: oklch(6% 0 0);--surface: oklch(12% 0 0);--border: oklch(22% 0 0);--fg: oklch(97% 0 0);--muted: oklch(65% 0 0);--accent: oklch(88% .22 98)}.hover-lift{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease}.hover-lift:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0000001f}.hover-grow{transition:transform .2s cubic-bezier(.16,1,.3,1)}.hover-grow:hover{transform:scale(1.035)}.hover-wobble:hover{animation:nlWobble .5s ease}.hover-shine{position:relative;overflow:hidden}.hover-shine:after{content:"";position:absolute;top:0;left:-80%;width:55%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.5),transparent);transform:skew(-20deg);transition:left .55s ease;pointer-events:none}.hover-shine:hover:after{left:130%}@keyframes nlWobble{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.anim-fade{animation:nlFadeIn .6s ease both}.anim-slide-up{animation:nlSlideUp .55s cubic-bezier(.16,1,.3,1) both}.anim-zoom{animation:nlZoomIn .5s cubic-bezier(.16,1,.3,1) both}.anim-cascade-item{animation:nlSlideUp .5s cubic-bezier(.16,1,.3,1) both}@keyframes nlFadeIn{0%{opacity:0}to{opacity:1}}@keyframes nlSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes nlZoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.bg-anim-gradient{background-size:300% 300%!important;animation:nlGradientShift 14s ease infinite}@keyframes nlGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.bg-shapes{position:absolute;inset:0;overflow:hidden;pointer-events:none}.bg-shapes span{position:absolute;border-radius:50%;opacity:.45;filter:blur(2px);animation:nlFloat 16s ease-in-out infinite}.bg-shapes span:nth-child(1){width:140px;height:140px;top:8%;left:6%;animation-duration:18s}.bg-shapes span:nth-child(2){width:70px;height:70px;top:22%;right:10%;animation-duration:14s;animation-delay:-4s}.bg-shapes span:nth-child(3){width:100px;height:100px;bottom:18%;left:12%;animation-duration:20s;animation-delay:-8s}.bg-shapes span:nth-child(4){width:50px;height:50px;bottom:30%;right:18%;animation-duration:12s;animation-delay:-2s}.bg-shapes span:nth-child(5){width:90px;height:90px;top:55%;left:45%;animation-duration:22s;animation-delay:-10s}@keyframes nlFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(22px,-28px) scale(1.06)}66%{transform:translate(-18px,16px) scale(.95)}}.bg-stars{position:absolute;inset:0;overflow:hidden;pointer-events:none}.bg-stars span{position:absolute;border-radius:50%;animation:nlStarDrift 8s ease-in-out infinite}.bg-stars span:nth-child(1){width:2px;height:2px;top:12%;left:10%}.bg-stars span:nth-child(2){width:3px;height:3px;top:20%;left:78%;animation-delay:-2s}.bg-stars span:nth-child(3){width:2px;height:2px;top:34%;left:28%;animation-delay:-4s}.bg-stars span:nth-child(4){width:4px;height:4px;top:8%;left:52%;animation-delay:-1s;filter:blur(.5px)}.bg-stars span:nth-child(5){width:2px;height:2px;top:56%;left:8%;animation-delay:-5s}.bg-stars span:nth-child(6){width:3px;height:3px;top:64%;left:86%;animation-delay:-3s}.bg-stars span:nth-child(7){width:2px;height:2px;top:78%;left:38%;animation-delay:-6s}.bg-stars span:nth-child(8){width:4px;height:4px;top:44%;left:64%;animation-delay:-7s;filter:blur(.5px)}.bg-stars span:nth-child(9){width:2px;height:2px;top:88%;left:70%;animation-delay:-2.5s}@keyframes nlStarDrift{0%,to{opacity:.35;transform:translate(0)}50%{opacity:.95;transform:translate(4px,-8px)}}.bg-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.bg-confetti span{position:absolute;width:8px;height:13px;border-radius:2px;opacity:.8;animation:nlConfettiFloat 7s ease-in-out infinite}.bg-confetti span:nth-child(1){top:10%;left:8%}.bg-confetti span:nth-child(2){top:18%;left:82%;animation-delay:-1s}.bg-confetti span:nth-child(3){top:36%;left:22%;animation-delay:-2s}.bg-confetti span:nth-child(4){top:6%;left:52%;animation-delay:-3s}.bg-confetti span:nth-child(5){top:58%;left:88%;animation-delay:-4s}.bg-confetti span:nth-child(6){top:70%;left:14%;animation-delay:-5s}.bg-confetti span:nth-child(7){top:80%;left:56%;animation-delay:-6s}.bg-confetti span:nth-child(8){top:46%;left:68%;animation-delay:-2.5s}@keyframes nlConfettiFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(26px) rotate(180deg)}}.btn-fill-glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media(prefers-reduced-motion:reduce){.anim-fade,.anim-slide-up,.anim-zoom,.anim-cascade-item,.bg-anim-gradient,.bg-shapes span,.bg-stars span,.bg-confetti span,.hover-wobble:hover{animation:none!important}.hover-lift:hover,.hover-grow:hover{transform:none}}.cdk-drag-preview{box-sizing:border-box;border-radius:var(--radius);box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;background:var(--surface);border:1px solid var(--fg)}.cdk-drag-placeholder{opacity:.3;border:2px dashed var(--muted)!important}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.link-list.cdk-drop-list-dragging .link-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}@media(max-width:768px){.container{padding:0 16px}}@media(max-width:600px){.navbar{flex-direction:column;gap:16px;padding:16px 0;align-items:center;text-align:center;margin-bottom:24px}.navbar .nav-links{width:100%;justify-content:center;gap:16px;flex-wrap:wrap}.navbar .nav-links .btn{padding:8px 16px;width:100%;max-width:200px}}@media(max-width:600px){input,select,textarea{font-size:16px}.card{padding:18px}}.toast{right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom))}@media(max-width:480px){.toast{left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));text-align:center}}@media(max-width:480px){h1{font-size:clamp(24px,7vw,34px)}h2{font-size:clamp(20px,5.5vw,28px)}}:root{--editor-bg: #f8f9fa;--editor-surface: #ffffff;--editor-text: #111827;--editor-border: #e5e7eb;--editor-muted: #6b7280}[data-editor-theme=dark]{--editor-bg: #1c1c1e;--editor-surface: #2c2c2e;--editor-text: #f5f5f7;--editor-border: #3a3a3c;--editor-muted: #98989e}[data-editor-theme=dark] body{background:var(--editor-bg);color:var(--editor-text)}[data-editor-theme=dark] .navbar{border-color:var(--editor-border)}[data-editor-theme=dark] .card,[data-editor-theme=dark] .form-control,[data-editor-theme=dark] .btn-secondary{background:var(--editor-surface);border-color:var(--editor-border);color:var(--editor-text)}[data-editor-theme=dark] .seg-btn{background:var(--editor-surface);border-color:var(--editor-border);color:var(--editor-muted)}[data-editor-theme=sleek-brutalist]{--bg: #030712;--surface: #0f172a;--fg: #f8fafc;--muted: #64748b;--border: rgba(255,255,255,.08);--accent: #6366f1;--accent-2: #34d399;--glow-accent: rgba(99,102,241,.35);--blue: #6366f1;--radius: 6px;--sb-editor-gap: 12px;--sb-acc-summary-pad: 10px 14px;--sb-acc-body-pad: 0 14px 10px;--sb-workspace-pad-h: 24px}[data-editor-theme=sleek-brutalist] body{background:#030712;color:#f8fafc}[data-editor-theme=sleek-brutalist] .navbar{background:#090f24fa;border-color:#ffffff12;padding:14px 0;margin-bottom:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-editor-theme=sleek-brutalist] .card{background:#0f172ab3;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 4px #0009,inset 0 1px #ffffff0a}[data-editor-theme=sleek-brutalist] .form-group{margin-bottom:10px}[data-editor-theme=sleek-brutalist] .form-group label{color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}[data-editor-theme=sleek-brutalist] .form-control{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#f8fafc;padding:7px 10px}[data-editor-theme=sleek-brutalist] .form-control:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f140}[data-editor-theme=sleek-brutalist] .form-control::placeholder{color:#334155}[data-editor-theme=sleek-brutalist] .btn-primary{background:#6366f1;color:#fff;border-color:#6366f1}[data-editor-theme=sleek-brutalist] .btn-primary:hover{background:#4f46e5;border-color:#4f46e5;opacity:1;transform:none}[data-editor-theme=sleek-brutalist] .btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#e2e8f0}[data-editor-theme=sleek-brutalist] .btn-secondary:hover{background:#ffffff1a;border-color:#fff3}[data-editor-theme=sleek-brutalist] .seg-btn{background:#ffffff0a;border-color:#ffffff14;color:#64748b}[data-editor-theme=sleek-brutalist] .preview-emulator-aside{background:#090f2499!important;border-left-color:#ffffff12!important}[data-editor-theme=dark] .seg-btn.active{background:var(--editor-text);color:var(--editor-bg);border-color:var(--editor-text)}[data-editor-theme=dark] .designer-tabs{border-color:var(--editor-border)}[data-editor-theme=dark] .designer-tab{color:var(--editor-muted)}[data-editor-theme=dark] .designer-tab.active{color:var(--editor-text);border-bottom-color:var(--editor-text)}[data-editor-theme=dark] .color-field{background:var(--editor-surface);border-color:var(--editor-border)}[data-editor-theme=dark] .mobile-section,[data-editor-theme=dark] .mobile-section-details{border-color:var(--editor-border)}[data-editor-theme=dark] .custom-css-area{background:var(--editor-surface);border-color:var(--editor-border);color:var(--editor-text)}[data-editor-theme=dark] .preview-emulator-aside .emulator-frame{border-color:#111!important;background:#fff!important}.emulator-screen[data-layout=wide] .emulator-links,.emulator-screen[data-layout=card-grid] .emulator-links{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--links-gap, 16px) * .5)}.emulator-screen[data-layout=wide] .emulator-link-btn{font-size:12px;padding:10px 8px;text-align:center}.emulator-screen[data-layout=card-grid] .emulator-link-btn{flex-direction:column;padding:14px 8px;font-size:12px;min-height:72px}.emulator-screen[data-layout=split]{padding:16px}.emulator-screen[data-layout=split] .emulator-header{flex-direction:row;align-items:center;text-align:left;gap:10px;margin-bottom:16px}.emulator-screen[data-layout=split] .emulator-avatar,.emulator-screen[data-layout=split] .emulator-avatar-default{width:44px;height:44px;font-size:18px;flex-shrink:0;margin-bottom:0}.emulator-screen[data-layout=split] .emulator-title{font-size:13px;margin-bottom:2px}.emulator-screen[data-layout=split] .emulator-bio{font-size:11px;max-width:none}.emulator-screen[data-layout=magazine] .emulator-link-btn:first-child{min-height:96px;font-size:15px;font-weight:800;align-items:flex-end;padding:16px}.emulator-screen[data-layout=bento] .emulator-links{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--links-gap, 16px) * .5)}.emulator-screen[data-layout=bento] .emulator-link-btn{flex-direction:column;padding:14px 8px;font-size:12px;min-height:72px}.emulator-screen[data-layout=bento] .emulator-link-btn:nth-child(3n+1){grid-row:span 2;min-height:156px;justify-content:flex-end}.emulator-screen[data-layout=hero] .emulator-header{align-items:flex-start;text-align:left;width:100%;padding:18px 4px 22px;border-bottom:2px solid currentColor;margin-bottom:20px}.emulator-screen[data-layout=hero] .emulator-title{font-size:22px;line-height:1.1;letter-spacing:-.02em}.emulator-screen[data-layout=hero] .emulator-bio{max-width:none;text-align:left}.emulator-screen[data-layout=hero] .emulator-avatar,.emulator-screen[data-layout=hero] .emulator-avatar-default{width:52px;height:52px;font-size:20px;margin-bottom:10px}.emulator-screen[data-layout=hero] .emulator-links{flex-direction:row;flex-wrap:wrap;gap:calc(var(--links-gap, 16px) * .5)}.emulator-screen[data-layout=hero] .emulator-link-btn{flex:0 1 auto;padding:9px 14px;font-size:12px}.emulator-screen[data-layout=hero] .emulator-block-wrap{flex-basis:100%}.emulator-screen[data-layout=showcase] .emulator-header{margin-bottom:26px}.emulator-screen[data-layout=showcase] .emulator-title{font-size:24px;letter-spacing:-.03em;line-height:1.05}.emulator-screen[data-layout=showcase] .emulator-avatar,.emulator-screen[data-layout=showcase] .emulator-avatar-default{width:92px;height:92px;font-size:36px}.emulator-screen[data-layout=showcase] .emulator-links{gap:calc(var(--links-gap, 16px) * 1.25)}.emulator-screen[data-layout=showcase] .emulator-link-btn{font-size:13px;letter-spacing:.04em;text-transform:uppercase}