@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#04050d;--surface:#0d0e1a;--line:#1a1b2e;--muted:#8889a8;--purple:#7c6ff7;--text:#f0f0ff;--glass-bg:#ffffff0a;--glass-border:#ffffff14;--glass-strong:#ffffff1f;--glow-blue:#4f6ef7;--glow-purple:#7c6ff7;--glow-pink:#e879f9}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}button,textarea,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #7c6ff7b3}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#4f6ef738 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:12s ease-in-out infinite alternate blobMove1;position:fixed;top:-20%;left:-10%}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#e879f926 0%,#0000 70%);border-radius:50%;width:700px;height:700px;animation:16s ease-in-out infinite alternate blobMove2;position:fixed;bottom:-20%;right:-10%}@keyframes blobMove1{0%{transform:translate(0)scale(1)}to{transform:translate(80px,60px)scale(1.15)}}@keyframes blobMove2{0%{transform:translate(0)scale(1)}to{transform:translate(-60px,-80px)scale(1.2)}}.app-shell{z-index:1;min-height:100vh;display:flex;position:relative}
.sidebar{-webkit-backdrop-filter:blur(24px);z-index:100;background:#060712d9;border-right:1px solid #ffffff12;flex-direction:column;width:240px;padding:28px 16px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;text-align:left;letter-spacing:-.8px;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;display:flex}.brand-symbol{color:#7c6ff7;filter:drop-shadow(0 0 10px #7c6ff7cc);background:#7c6ff726;border:1px solid #7c6ff74d;border-radius:10px;place-items:center;width:33px;height:33px;display:grid}.brand-dot{color:#7c6ff7}.brand small{letter-spacing:2px;color:#c8c8ff80;vertical-align:top;margin-left:3px;font-size:9px;font-weight:500}.side-label{color:#ffffff40;letter-spacing:2.5px;margin:52px 12px 14px;font-family:Inter,sans-serif;font-size:9px;font-weight:700}.sidebar nav{flex-direction:column;gap:4px;display:flex}.nav-item{color:#ffffff73;text-align:left;letter-spacing:-.1px;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:11px;height:42px;padding:0 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.nav-item svg{opacity:.7;flex:none}.nav-item:hover{color:#ffffffd9;background:#ffffff0f;border-color:#ffffff1a}.nav-item.active{color:#e0dcff;background:#7c6ff726;border-color:#7c6ff759}.nav-item.active svg{color:#a99ef7;opacity:1}.nav-plus,.nav-count{color:#ffffff4d;place-items:center;margin-left:auto;display:grid}.nav-count{color:#c4bcff;background:#7c6ff740;border:1px solid #7c6ff74d;border-radius:20px;padding:2px 7px;font-size:10px}.side-spacer{flex:1}.upgrade-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#7c6ff733 0%,#e879f91a 100%);border:1px solid #7c6ff740;border-radius:14px;margin:0 0 16px;padding:18px 16px}.upgrade-icon{color:#c4bcff;background:#7c6ff733;border:1px solid #7c6ff74d;border-radius:9px;place-items:center;width:32px;height:32px;margin-bottom:14px;display:grid}.upgrade-card strong{color:#fff;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600}.upgrade-card p{color:#c8c8ff8c;margin:6px 0 14px;font-size:11px;line-height:1.55}.upgrade-card button{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:9px 12px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.upgrade-card button:hover{background:#ffffff2e;border-color:#ffffff59}.side-bottom{color:#fff9;border-top:1px solid #ffffff12;align-items:center;gap:10px;padding:16px 3px 0;display:flex}.side-bottom .avatar{color:#fff;background:linear-gradient(135deg,#7c6ff7,#e879f9);border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid}.side-bottom strong,.side-bottom small{font-size:11px;display:block}.side-bottom small{color:#ffffff4d;margin-top:2px;font-size:10px}.side-bottom svg{color:#ffffff4d;margin-left:auto}.main-area{flex-direction:column;width:calc(100% - 240px);min-height:100vh;margin-left:240px;display:flex}.topbar{-webkit-backdrop-filter:blur(20px);z-index:50;background:#04050db3;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:64px;padding:0 4%;display:flex;position:sticky;top:0}.breadcrumbs{color:#ffffff4d;font-family:Inter,sans-serif;font-size:12px}.breadcrumbs span{color:#ffffff26;margin:0 10px}.breadcrumbs strong{color:#fffc;font-weight:500}.top-actions{align-items:center;gap:16px;display:flex}.demo-pill{letter-spacing:1.5px;color:#c8beffb3;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.demo-pill span,.live-dot{background:#7c6ff7;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #7c6ff7e6}.top-create{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#7c6ff733;border:1px solid #7c6ff759;border-radius:9px;align-items:center;gap:7px;padding:9px 14px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.top-create:hover{background:#7c6ff759;border-color:#7c6ff799;box-shadow:0 0 20px #7c6ff733}.mobile-menu{color:#fff;background:0 0;border:0;display:none}.content{z-index:1;flex:1;width:100%;max-width:1370px;margin:auto;padding:36px 4% 60px;position:relative}.hero{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0a081ce6 0%,#140c32d9 50%,#080c1ee6 100%);border:1px solid #ffffff14;border-radius:20px;min-height:420px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c6ff759 0%,#0000 65%);border-radius:50%;width:500px;height:500px;position:absolute;top:-100px;right:-80px}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#4f6ef733 0%,#0000 65%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-120px;left:30%}.hero-noise,.art-grain{pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-copy{z-index:2;width:55%;padding:58px 0 50px 5%;position:relative}.eyebrow,.section-kicker{letter-spacing:2.5px;color:#a096ffcc;text-transform:uppercase;font-family:Inter,sans-serif;font-size:9px;font-weight:700}.eyebrow{align-items:center;gap:8px;display:flex}.hero h1,.page-heading h1{letter-spacing:-2px;font-family:Space Grotesk,Arial,sans-serif;font-weight:700}.hero h1{color:#fff;margin:18px 0 16px;font-size:clamp(40px,4.2vw,64px);line-height:1.08}.hero h1 em{color:#0000;background:linear-gradient(90deg,#a99ef7,#7c6ff7 40%,#e879f9 80%);-webkit-background-clip:text;background-clip:text;font-style:normal}.hero p{color:#dcd7ff8c;max-width:460px;font-size:13px;font-weight:400;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.primary-btn,.secondary-btn{letter-spacing:-.1px;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 20px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.primary-btn{color:#0a0814;background:#fffffff2;border:1px solid #ffffffe6;box-shadow:0 4px 24px #7c6ff74d,0 0 0 1px #ffffff1a}.primary-btn:hover{background:#fff;box-shadow:0 6px 32px #7c6ff780,0 0 30px #fff3}.secondary-btn{color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1f}.secondary-btn:hover{background:#ffffff1f;border-color:#ffffff40}.hero-foot{color:#ffffff40;letter-spacing:.3px;margin-top:22px;font-family:Inter,sans-serif;font-size:10px;display:block}.hero-art{background:radial-gradient(circle at 50% 40%,#e879f933,#0000 40%),radial-gradient(circle at 60% 60%,#7c6ff766 0%,#14123c99 55%,#0000 70%);width:48%;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.hero-orb{filter:saturate(1.3);background:radial-gradient(circle at 35% 30%,#e0d8ff 0%,#a99ef7 15%,#7c6ff7 38%,#3d2fa0 65%,#141030 80%);border-radius:50%;width:300px;height:300px;position:absolute;top:20px;left:22%;box-shadow:0 0 80px #7c6ff799,0 0 180px #7c6ff74d}.hero-orb:after{content:"";border:1px solid #dcd2ff4d;border-radius:50%;position:absolute;inset:12%;transform:rotate(-20deg)scaleX(1.25)}.hero-ring{border:1px solid #c8b9ff26;border-radius:50%;position:absolute;transform:rotate(-18deg)}.ring-one{width:460px;height:115px;top:125px;left:8%}.ring-two{border-color:#e879f94d;width:370px;height:72px;top:160px;left:18%;box-shadow:0 0 20px #e879f926}.hero-figure{filter:drop-shadow(20px 16px 16px #0f0a28b3);background:linear-gradient(130deg,#0d0b1f 15%,#3d2a7a 47%,#0d0e24 70%);border-radius:50% 50% 30% 32%;width:130px;height:230px;position:absolute;top:145px;left:47%;transform:rotate(-8deg)}.hero-figure:before{content:"";background:linear-gradient(120deg,#3a2470,#a993e8 40%,#2f2060 75%);border-radius:45%;width:70px;height:82px;position:absolute;top:-46px;left:36px}.hero-art-caption{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);letter-spacing:2px;color:#c8c3ffb3;background:#0a081cb3;border:1px solid #ffffff1f;border-radius:8px;padding:8px 14px;font-family:Inter,sans-serif;font-size:8px;position:absolute;bottom:18px;right:22px}.hero-art-caption span{margin-right:6px;font-size:14px}.section-title{justify-content:space-between;align-items:end;margin:40px 0 20px;display:flex}.section-title h2,.library-heading h2{letter-spacing:-.6px;color:#fff;margin:8px 0 0;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tool-card{text-align:left;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:0;transition:all .25s;overflow:hidden}.tool-card:hover{background:#7c6ff714;border-color:#7c6ff780;transform:translateY(-3px);box-shadow:0 8px 32px #7c6ff733}.tool-visual{height:160px;position:relative;overflow:hidden}.tool-body{align-items:center;gap:14px;padding:16px 20px;display:flex}.tool-body>span:nth-child(2){flex:1}.tool-body strong,.tool-body small{display:block}.tool-body strong{color:#fff;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600}.tool-body small{color:#fff6;margin-top:4px;font-size:11px}.tool-body>svg{color:#ffffff59}.tool-icon{color:#c4bcff;background:#7c6ff733;border:1px solid #7c6ff740;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.video-tool .tool-icon{color:#9ac0f7;background:#4f6ef733;border-color:#4f6ef740}.visual-play,.card-play{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #fff6;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.inspiration-title{margin-top:46px}.text-link{color:#a096ffcc;background:0 0;border:0;align-items:center;gap:7px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:color .2s;display:flex}.text-link:hover{color:#a99ef7}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.gallery-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;min-width:0;transition:all .2s;overflow:hidden}.gallery-card:hover{border-color:#7c6ff759;transform:translateY(-2px);box-shadow:0 8px 24px #0006}.gallery-art{height:175px;position:relative;overflow:hidden}.card-tag{color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:1.5px;background:#0a081ea6;border:1px solid #ffffff1f;border-radius:6px;padding:5px 8px;font-family:Inter,sans-serif;font-size:8px;font-weight:700;position:absolute;top:10px;left:10px}.save-btn{color:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a081ea6;border:1px solid #ffffff1f;border-radius:7px;place-items:center;width:28px;height:28px;transition:all .2s;display:grid;position:absolute;top:10px;right:10px}.save-btn.saved{color:#a99ef7;border-color:#7c6ff766}.gallery-info{align-items:center;gap:6px;padding:12px 14px 14px;display:flex}.gallery-info>div{flex:1;min-width:0}.gallery-info strong{text-overflow:ellipsis;white-space:nowrap;color:#ffffffd9;font-family:Inter,sans-serif;font-size:11px;font-weight:600;display:block;overflow:hidden}.gallery-info small{color:#ffffff4d;margin-top:4px;font-size:10px;display:block}.gallery-info button{color:#ffffff59;background:0 0;border:0;padding:4px;transition:color .2s}.gallery-info button:hover{color:#a99ef7}.page-heading{margin:12px 0 32px}.page-heading h1{color:#fff;margin:10px 0 8px;font-size:clamp(32px,3.5vw,48px)}.page-heading p{color:#ffffff59;font-family:Inter,sans-serif;font-size:13px}.heading-spark{color:#a99ef7;vertical-align:top;margin-left:8px;font-size:.52em}.mode-switch{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;margin-bottom:22px;padding:4px;display:inline-flex}.mode-switch button{color:#fff6;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:9px 20px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .2s;display:flex}.mode-switch button.selected{color:#e0dcff;background:#7c6ff740;border:1px solid #7c6ff759}.studio-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:20px;display:grid}.control-panel,.preview-panel{-webkit-backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px}.control-panel{padding:24px}.panel-heading,.preview-head{justify-content:space-between;align-items:center;display:flex}.panel-heading>span,.setting-heading{color:#fff;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;display:flex}.panel-heading svg,.setting-heading svg{color:#a99ef7}.panel-heading small{color:#ffffff40;letter-spacing:1.5px;font-family:Inter,sans-serif;font-size:8px}.control-panel textarea{resize:vertical;color:#ffffffe6;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;width:100%;height:145px;margin-top:16px;padding:16px;font-family:Inter,sans-serif;font-size:13px;line-height:1.65;transition:border-color .2s}.control-panel textarea:focus{background:#7c6ff70d;border-color:#7c6ff780;outline:none}.control-panel textarea::placeholder{color:#fff3}.prompt-footer{color:#ffffff40;justify-content:space-between;margin-top:8px;font-family:Inter,sans-serif;font-size:10px;display:flex}.suggestions{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.suggestions>span{color:#ffffff40;letter-spacing:1.5px;width:100%;margin-bottom:2px;font-family:Inter,sans-serif;font-size:9px;font-weight:700}.suggestions button{color:#c8c3ffbf;background:#7c6ff71a;border:1px solid #7c6ff733;border-radius:20px;align-items:center;gap:8px;padding:7px 12px;font-family:Inter,sans-serif;font-size:10px;transition:all .2s;display:flex}.suggestions button:hover{color:#e0dcff;background:#7c6ff72e;border-color:#7c6ff780}.divider{border-top:1px solid #ffffff12;margin:22px 0}.setting-heading{margin-bottom:18px}.field-label{color:#fff9;justify-content:space-between;margin:18px 0 10px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;display:flex}.field-label svg{color:#ffffff40}.style-options,.ratio-options{flex-wrap:wrap;gap:7px;display:flex}.style-options button,.ratio-options button{color:#ffffff80;background:#ffffff0a;border:1px solid #ffffff17;border-radius:8px;padding:8px 12px;font-family:Inter,sans-serif;font-size:11px;transition:all .2s}.style-options button.chosen,.ratio-options button.chosen{color:#e0dcff;background:#7c6ff72e;border-color:#7c6ff78c}.style-options button:hover,.ratio-options button:hover{color:#fffc;border-color:#fff3}.generate-btn{color:#0a0814;letter-spacing:-.2px;background:#fffffff2;border:1px solid #ffffffe6;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:26px;padding:14px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 24px #ffffff26}.generate-btn>svg:last-child,.generate-btn>svg:first-child{margin-left:auto}.generate-btn:hover{background:#fff;box-shadow:0 6px 32px #ffffff4d}.generate-btn:disabled{color:#ffffff80;box-shadow:none;background:#ffffff26;border-color:#ffffff26}.demo-note{color:#fff3;text-align:center;margin:12px 0 0;font-family:Inter,sans-serif;font-size:10px;line-height:1.5}.preview-panel{padding:20px}.preview-head{color:#fff6;letter-spacing:1.5px;margin-bottom:14px;font-family:Inter,sans-serif;font-size:9px;font-weight:700}.preview-head>span:last-child{color:#ffffff4d;align-items:center;gap:7px;font-size:8px;display:flex}.preview-art{border:1px solid #ffffff0f;border-radius:12px;height:445px;position:relative;overflow:hidden}.preview-art:before,.preview-art:after{opacity:.75}.preview-overlay{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#04050db3;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.preview-icon{color:#c4bcff;background:#7c6ff726;border:1px solid #c8beff33;border-radius:18px;place-items:center;width:64px;height:64px;margin-bottom:16px;display:grid}.preview-overlay strong{color:#fff;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600}.preview-overlay small{color:#ffffff4d;margin-top:8px;font-family:Inter,sans-serif;font-size:11px}.spinner{border:2px solid #ffffff1a;border-top-color:#a99ef7;border-radius:50%;width:36px;height:36px;margin-bottom:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.preview-meta{color:#ffffff40;justify-content:space-between;margin-top:14px;font-family:Inter,sans-serif;font-size:10px;display:flex}.preview-meta span:first-child{align-items:center;gap:6px;display:flex}.art{background-color:#1a1b30}.art-1{background:radial-gradient(circle at 69% 35%,#ffdaa7 0,#e9908d 8%,#9f558d 21%,#0000 37%),linear-gradient(#1a2050 0,#5a3060 57%,#161825 58%,#0d1020 100%)}.art-1:before{content:"";clip-path:polygon(0 24%,12% 24%,12% 5%,20% 5%,20% 34%,30% 34%,30% 12%,44% 12%,44% 31%,58% 31%,58% 0,69% 0,69% 25%,83% 25%,83% 10%,100% 10%,100% 100%,0 100%);opacity:.8;background:repeating-linear-gradient(90deg,#0000 0 18px,#101220 19px 28px,#0000 29px 46px),linear-gradient(#28183a,#0d0d18);position:absolute;inset:49% 0 0}.art-1:after{content:"";background:linear-gradient(90deg,#0000 20%,#e9a98b73 50%,#0000 80%);position:absolute;inset:71% -10% -30%;transform:perspective(50px)rotateX(37deg)}.art-2{background:radial-gradient(circle at 50% 52%,#f7e2d6 0,#e1acc8 13%,#835885 31%,#0000 57%),linear-gradient(120deg,#181e2e,#5a3a60 70%,#141c30)}.art-2:before{content:"✿";color:#edb4cfa6;text-shadow:0 0 25px #f6bfd7;font-size:230px;line-height:1;position:absolute;top:-48%;left:25%;transform:rotate(-26deg)}.art-2:after{content:"✦";color:#ffe9e5bf;filter:blur(1px);font-size:80px;position:absolute;top:25%;left:54%}.art-3{background:radial-gradient(circle at 40% 30%,#ffe4e7 0,#bf98af 14%,#0000 40%),linear-gradient(125deg,#141820,#3e3050 45%,#b87080 80%,#3a2840)}.art-3:before{content:"";background:linear-gradient(115deg,#9d8da4,#e2dce6 25%,#49334b 51%,#baa1b0 60%,#201e30 80%);border-radius:48% 42% 10% 10%;width:140px;height:220px;position:absolute;top:15%;left:38%;transform:rotate(8deg);box-shadow:20px 0 50px #f6c1d380}.art-3:after{content:"";background:linear-gradient(115deg,#3c293d,#ba8895 58%,#302a40);border-radius:50%;width:90px;height:90px;position:absolute;top:3%;left:44%}.art-4{background:radial-gradient(circle at 45% 40%,#d0f1ed 0,#5caaa9 17%,#0000 38%),linear-gradient(140deg,#081530,#145080 60%,#041828)}.art-4:before{content:"";border:18px solid #b1f4e68c;border-radius:50%;width:230px;height:150px;position:absolute;top:15%;left:28%;transform:rotate(-23deg);box-shadow:0 0 35px #99e6daa6,inset 0 0 35px #8bdcd480}.art-4:after{content:"";clip-path:polygon(0 25%,30% 0,60% 40%,100% 0,100% 100%,0 100%);background:linear-gradient(140deg,#081e30,#185870,#061020);position:absolute;inset:72% -5% 0}.art-5{background:radial-gradient(circle at 72% 30%,#f8cdaf 0,#bb829c 15%,#0000 42%),linear-gradient(160deg,#181828,#3e3050 57%,#101420)}.art-5:before{content:"";clip-path:polygon(0 25%,20% 2%,32% 29%,45% 0,57% 24%,77% 1%,100% 23%,100% 100%,0 100%);background:#0e1020;position:absolute;inset:57% 0 0}.art-5:after{content:"";background:#ffd4b680;width:2px;height:180px;position:absolute;top:20%;left:57%;box-shadow:0 0 30px 15px #ffb9944d}.art-6{background:radial-gradient(circle at 52% 40%,#fff2ce 0,#d6a1a8 13%,#9a6b9c 30%,#0000 60%),linear-gradient(130deg,#181830,#4e305a,#1e2038)}.art-6:before{content:"";background:linear-gradient(145deg,#f2cdb8,#735ca1 38%,#c7afea 66%,#382d65 83%);border-radius:43% 57% 67% 33%;width:210px;height:210px;position:absolute;top:-3%;left:28%;transform:rotate(30deg);box-shadow:inset -15px -25px 30px #2e2663cc,0 10px 45px #e6b4d48c}.art-6:after{content:"";background:radial-gradient(circle at 30% 30%,#fff8eb,#efbad0 18%,#745096 65%,#27284b);border-radius:50%;width:85px;height:85px;position:absolute;top:36%;left:57%;box-shadow:0 0 35px #f1bddea6}.explore-toolbar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.explore-toolbar>span{color:#ffffff4d;align-items:center;gap:7px;font-family:Inter,sans-serif;font-size:10px;display:flex}.filter-tabs{gap:6px;display:flex}.filter-tabs button{color:#ffffff73;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:9px 14px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:all .2s}.filter-tabs button.selected{color:#e0dcff;background:#7c6ff733;border-color:#7c6ff766}.filter-tabs button:hover:not(.selected){color:#ffffffb3;border-color:#ffffff2e}.explore-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.explore-gallery .gallery-art{height:245px}.library-heading{justify-content:space-between;align-items:center;margin:34px 0 18px;display:flex}.library-heading h2{margin:0}.library-heading h2 span{color:#a096ff99;font-size:13px}.library-heading button{color:#a096ffb3;background:0 0;border:0;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:color .2s;display:flex}.library-heading button:hover{color:#a99ef7}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library-grid .gallery-art{height:215px}.saved-heading{margin-top:44px}.empty-library{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#7c6ff70a;border:1px dashed #7c6ff733;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:360px;display:flex}.empty-library>span{color:#a99ef7;background:#7c6ff71f;border:1px solid #7c6ff74d;border-radius:18px;place-items:center;width:64px;height:64px;display:grid}.empty-library h2{color:#fff;margin:20px 0 6px;font-family:Space Grotesk,sans-serif;font-size:19px;font-weight:600}.empty-library p{color:#ffffff4d;margin-bottom:22px;font-family:Inter,sans-serif;font-size:12px}.footer{color:#fff3;border-top:1px solid #ffffff0f;justify-content:space-between;padding:22px 4%;font-family:Inter,sans-serif;font-size:10px;display:flex}.toast{z-index:200;color:#dcd7fff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a081cd9;border:1px solid #7c6ff766;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-family:Inter,sans-serif;font-size:11px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 40px #0009,0 0 30px #7c6ff726}.toast button{color:#c8c3ff99;background:0 0;border:0;margin-left:8px;transition:color .2s}.toast button:hover{color:#c8c3ff}.mobile-scrim{display:none}@media (max-width:1100px){.sidebar{width:210px}.main-area{width:calc(100% - 210px);margin-left:210px}.hero-copy{width:62%}.hero-art{width:44%}.hero-orb{left:2%}.gallery-grid{gap:12px}.gallery-art{height:145px}.tool-visual{height:140px}}@media (max-width:800px){.sidebar{width:250px;transition:transform .25s;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.mobile-scrim{z-index:9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:0;display:block;position:fixed;inset:0}.main-area{width:100%;margin-left:0}.mobile-menu{margin-right:12px;display:block}.topbar{justify-content:flex-start}.top-actions{margin-left:auto}.content{padding:26px 4% 50px}.hero{min-height:380px}.hero-copy{width:65%;padding-top:46px}.hero h1{font-size:42px}.hero-art{width:44%}.hero-orb{width:230px;height:230px;top:60px}.hero-figure{top:158px;left:40%}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-art{height:185px}.studio-grid{grid-template-columns:1fr}.preview-art{height:340px}}@media (max-width:560px){.topbar{height:60px}.top-create{display:none}.hero{min-height:600px;display:block}.hero-copy{width:100%;padding:36px 24px 0}.hero h1{letter-spacing:-1.5px;font-size:40px}.hero p{font-size:12px}.hero-art{width:100%;height:250px;top:auto;bottom:0}.hero-orb{width:210px;height:210px;top:5px;left:24%}.hero-figure{width:95px;height:165px;top:105px;left:47%}.hero-figure:before{width:56px;height:66px;top:-36px}.ring-one{top:78px;left:2%}.ring-two{top:98px;left:5%}.hero-art-caption{bottom:10px;right:10px}.tool-grid{grid-template-columns:1fr}.tool-visual{height:165px}.gallery-grid,.explore-gallery,.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-art,.explore-gallery .gallery-art,.library-grid .gallery-art{height:150px}.gallery-info{padding:10px}.gallery-info strong{font-size:10px}.gallery-info small{font-size:9px}.section-title h2{font-size:18px}.text-link{font-size:10px}.page-heading h1{font-size:36px}.control-panel{padding:18px}.explore-toolbar>span{display:none}.footer{padding:18px 4%;font-size:9px}.footer span:last-child{display:none}}