@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=SF+Pro+Display:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Outfit:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400&family=Space+Grotesk:wght@400;600;700&display=swap";:root{--brand:#7c5cfc;--brand-deep:#5b3fd4;--brand-glow:#a78bfa;--brand-soft:#7c5cfc1a;--brand-border:#7c5cfc40;--bg-app:#f5f5f7;--bg-panel:#ffffffc7;--border-color:#00000012;--text-main:#0f0f14;--text-muted:#86868b;--text-light:#a1a1a6;--accent:var(--brand);--accent-hover:var(--brand-deep);--shadow-sm:0 2px 10px #00000008;--shadow-lg:0 20px 40px #00000014;--shadow-brand:0 8px 24px #7c5cfc4d;--radius-panel:16px;--font-sans:-apple-system, BlinkMacSystemFont, "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;overflow:hidden}.editor-canvas{background-color:#f4f5f7;background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-position:50%;background-size:32px 32px}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(40px)saturate(150%);border:1px solid #fff6;box-shadow:0 8px 32px #0000000a}.text-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.premium-input{width:100%;color:var(--text-main);background:#00000008;border:1px solid #0000;border-radius:10px;outline:none;padding:10px 14px;font-size:14px;font-weight:500;transition:all .2s}.premium-input:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px #7c5cfc26}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.btn-premium{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c5cfc 0%,#5b3fd4 100%);border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.2,0,0,1);display:flex;box-shadow:0 4px 14px #7c5cfc59,inset 0 1px #fff3}.btn-premium:hover{transform:translateY(-1px);box-shadow:0 8px 24px #7c5cfc73,inset 0 1px #ffffff40}.btn-premium:active{transform:translateY(1px);box-shadow:0 2px 6px #7c5cfc4d}.btn-icon{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#fff;border-radius:18px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.btn-icon:hover{background:#f8f8f9;border-color:#00000026}.device-shadow{filter:drop-shadow(0 30px 40px #00000026)drop-shadow(0 10px 15px #00000014)}.color-swatch{cursor:pointer;border-radius:50%;width:32px;height:32px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:relative}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active:after{content:"";border:2px solid var(--accent);border-radius:50%;position:absolute;inset:-4px}.layout{width:100vw;height:100vh;display:flex}.sidebar-left{border-right:1px solid var(--border-color);z-index:10;flex-direction:column;width:320px;display:flex}.top-nav{border-bottom:1px solid var(--border-color);z-index:10;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:absolute;top:0;left:320px;right:0}.main-stage{flex:1;justify-content:center;align-items:center;margin-left:0;padding-top:64px;display:flex;position:relative;overflow:hidden}.bg-mesh-1{background:radial-gradient(at 0 0,#100f15 0,#0000 50%),radial-gradient(at 50% 0,#2f3e6a 0,#0000 50%),radial-gradient(at 100% 0,#722741 0,#0000 50%)}.bg-gradient-pink{background:linear-gradient(135deg,#ffb1b1 0%,#ff7b7b 100%)}.bg-gradient-blue{background:linear-gradient(135deg,#a1c4fd 0%,#c2e9fb 100%)}.bg-gradient-dark{background:linear-gradient(135deg,#232526 0%,#414345 100%)}.bg-solid-light{background:#f5f5f7}.titanium-edge{box-shadow:inset 0 0 0 2px #5a5a5e,inset 0 0 0 4px #1c1c1e,inset 0 0 20px #fff6,0 20px 50px #0000004d}.sortable-item-wrapper{border-radius:24px;outline:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.sortable-item-wrapper.can-hover:hover,.sortable-item-wrapper.can-hover:focus-within{z-index:50;transform:scale(1.06)translateY(-8px)}.sortable-item-toolbar{opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1);transform:translate(-50%)translateY(20px)}.sortable-item-wrapper.can-hover:hover .sortable-item-toolbar,.sortable-item-wrapper.can-hover:focus-within .sortable-item-toolbar{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.nav-glass{z-index:100;-webkit-backdrop-filter:blur(24px);background:#fcfcfcb3;border-bottom:1px solid #0000000a;justify-content:space-between;align-items:center;height:64px;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.hero-section{background:#fcfcfc;justify-content:center;align-items:center;min-height:100vh;padding:120px 40px 80px;display:flex;position:relative;overflow:hidden}.aurora-container{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.aurora-orb{filter:blur(120px);opacity:.15;mix-blend-mode:multiply;border-radius:50%;animation:20s cubic-bezier(.45,0,.55,1) infinite alternate aurora-float;position:absolute}.aurora-1{background:radial-gradient(circle,#7c5cfc 0%,#0000 70%);width:800px;height:800px;animation-delay:0s;top:-200px;left:-200px}.aurora-2{background:radial-gradient(circle,#a78bfa 0%,#0000 70%);width:900px;height:900px;animation-delay:-5s;bottom:-300px;right:-200px}.aurora-3{opacity:.07;background:radial-gradient(circle,#5b3fd4 0%,#0000 70%);width:700px;height:700px;animation:15s ease-in-out infinite alternate aurora-pulse;top:50%;left:50%;transform:translate(-50%,-50%)}.spotlight{z-index:1;pointer-events:none;background:radial-gradient(600px circle at var(--x,50%) var(--y,50%), #7c5cfc0f, transparent 80%);position:fixed;inset:0}@keyframes aurora-float{0%{transform:translate(0)scale(1)}to{transform:translate(10%,15%)scale(1.1)}}@keyframes aurora-pulse{0%{opacity:.05;transform:translate(-50%,-50%)scale(1)}to{opacity:.1;transform:translate(-45%,-55%)scale(1.2)}}.badge-premium{-webkit-backdrop-filter:blur(12px);background:linear-gradient(#fffc 0%,#ffffff4d 100%);border:1px solid #0000000f;border-radius:100px;align-items:center;gap:8px;padding:8px 18px;display:inline-flex;box-shadow:0 4px 12px #00000008,inset 0 1px #fff}.btn-hero-primary{color:#fff;cursor:pointer;background:linear-gradient(#1d1d1f 0%,#000 100%);border:none;border-radius:100px;align-items:center;gap:8px;padding:18px 36px;font-size:17px;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #00000026,inset 0 1px #ffffff26}.btn-hero-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 16px 40px #0003,inset 0 1px #fff3}.btn-hero-secondary{color:#000c;cursor:pointer;background:0 0;border:1px solid #00000026;border-radius:100px;padding:18px 28px;font-size:17px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-hero-secondary:hover{background:#00000005;border-color:#0000004d}.nav-link{color:#0009;cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--brand)}.nav-outline-btn{color:#000000b3;cursor:pointer;background:0 0;border:1px solid #00000026;border-radius:100px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .2s}.nav-outline-btn:hover{border-color:var(--brand-border);color:var(--brand)}.nav-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c5cfc 0%,#5b3fd4 100%);border:none;border-radius:100px;padding:8px 20px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 6px 20px #7c5cfc59,inset 0 1px #ffffff26}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 10px 28px #7c5cfc73,inset 0 1px #fff3}