:root{--bg:#020617;--panel:#07112b;--panel2:#091432;--line:rgba(109,128,255,.25);--text:#f8f8ff;--muted:#a9acc4;--purple:#a536ff;--blue:#078cff;--cyan:#00d4ff;--pink:#f42fc7;--orange:#ff9818;--rail:300px}*{box-sizing:border-box}html{background:#01040f;scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 65% 10%,#08113a 0,transparent 32%),#01040f;min-height:100vh}a{color:inherit;text-decoration:none}button,select{font:inherit}.dashboard{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);min-height:100vh;padding:10px;gap:10px}.sidebar,.canvas{border:1px solid rgba(82,103,199,.28);border-radius:22px;background:linear-gradient(155deg,rgba(5,14,40,.97),rgba(1,7,25,.98));box-shadow:inset 0 0 60px rgba(9,55,153,.05)}.sidebar{position:fixed;left:10px;top:10px;bottom:10px;width:var(--rail);padding:28px 16px 20px;display:flex;flex-direction:column;z-index:10}.canvas{grid-column:2;min-width:0;padding:0 26px 16px;overflow:hidden}.brand{display:flex;align-items:center;gap:11px;padding:0 10px;color:#fff}.brand strong{display:block;font-size:20px;letter-spacing:-.8px}.brand strong span{background:linear-gradient(90deg,#c847ff,#31aeff);-webkit-background-clip:text;color:transparent}.brand small{display:block;color:#a8acc4;font-size:12px}.logo-spark{font-size:43px;color:#9e56ff;text-shadow:0 0 22px #583cff}.free-pill{align-self:flex-start;margin:14px 0 18px 58px;padding:5px 12px;border:1px solid rgba(0,230,213,.22);border-radius:20px;background:rgba(0,204,197,.1);color:#6bfff1;font-size:11px}.free-pill i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#45fff3;margin:0 7px 2px}.side-nav{overflow:auto;padding:0 0 10px;scrollbar-width:none}.side-nav a{height:51px;padding:0 15px;margin:3px 0;display:flex;align-items:center;gap:15px;border:1px solid transparent;border-radius:12px;color:#d4d6e5;font-size:15px;transition:.2s}.side-nav a:hover{background:rgba(85,89,201,.1)}.side-nav a.active{color:#fff;font-weight:700;background:linear-gradient(100deg,#2357f2,#6c31ed 65%,#8f2bea);border-color:#6d65ff;box-shadow:0 0 24px rgba(68,55,255,.34),inset 0 0 18px rgba(255,255,255,.08)}.side-nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.nav-divider{height:1px;background:rgba(111,128,202,.18);margin:11px 12px}.side-promo{margin-top:auto;min-height:118px;border:1px solid rgba(82,94,190,.25);border-radius:14px;padding:18px;display:flex;gap:12px;align-items:center;background:linear-gradient(135deg,rgba(29,40,111,.26),rgba(9,10,38,.44))}.side-promo strong{font-size:13px;color:#dcd9ff}.side-promo p{font-size:10px;line-height:1.8;color:#a2a6be;margin:7px 0}.promo-icon{width:45px;height:45px;border:1px solid #683cff;border-radius:10px;display:grid;place-items:center;color:#32a9ff;font-size:29px;box-shadow:0 0 22px rgba(92,51,255,.32)}.mobile-menu{display:none}.tool-dashboard,.home-dashboard{--accent:#a536ff;--accent2:#079dff;position:relative;max-width:1400px;min-height:900px;margin:auto;padding:48px 10px 10px}.accent-blue{--accent:#11a7ff;--accent2:#8e3cff}.accent-purple{--accent:#b034ff;--accent2:#137dff}.accent-red{--accent:#ff305b;--accent2:#1d8dff}.accent-orange{--accent:#ff961f;--accent2:#8c3eff}.accent-pink{--accent:#ff31c8;--accent2:#135cff}.accent-cyan{--accent:#00d7ff;--accent2:#7443ff}.hero-copy{position:relative;z-index:2;width:49%;padding:0 22px}.page-eyebrow,.home-badge{display:inline-flex;align-items:center;gap:11px;padding:9px 15px;border:1px solid rgba(118,77,240,.35);border-radius:14px;color:#cbc8ff;font-size:12px;text-transform:uppercase;letter-spacing:1.2px;background:rgba(17,14,55,.45)}.page-eyebrow svg{width:18px;height:18px;fill:none;stroke:var(--accent);stroke-width:1.8}.hero-copy h1{font-size:clamp(43px,4.25vw,66px);line-height:1.02;letter-spacing:-2.7px;margin:17px 0 12px}.hero-copy h1 em{font-style:normal;background:linear-gradient(100deg,#c631ff 0%,#675bff 48%,#00a7f8 100%);-webkit-background-clip:text;color:transparent}.hero-copy p{color:#bec0d1;font-size:16px;line-height:1.55;max-width:560px;margin:0}.reference-art{position:absolute;right:-25px;top:0;width:62%;height:278px;background-image:var(--art);background-repeat:no-repeat;background-size:1672px 941px;background-position:var(--x) var(--y);mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 90%,transparent 100%);mix-blend-mode:screen;filter:saturate(1.12) contrast(1.03);pointer-events:none}.prompt-studio{position:relative;z-index:3;margin-top:32px;display:grid;grid-template-columns:1.02fr 1fr;gap:14px}.builder,.result-panel,.quick-builder,.home-result{border:1px solid rgba(85,105,219,.38);border-radius:17px;background:linear-gradient(145deg,rgba(9,18,48,.96),rgba(5,11,32,.96));box-shadow:inset 0 0 45px rgba(36,40,135,.08);padding:18px}.panel-title{display:flex;align-items:center;gap:10px;min-height:30px}.panel-title>span{font-size:21px;color:var(--accent);text-shadow:0 0 13px var(--accent)}.panel-title h2{font-size:15px;margin:0}.panel-title button{margin-left:auto;border:1px solid rgba(105,77,223,.36);border-radius:9px;background:rgba(13,17,52,.72);color:#c7c5df;padding:7px 13px;font-size:11px;display:flex;align-items:center;gap:7px;cursor:pointer}.panel-title button svg{width:15px;height:15px;fill:none;stroke:currentColor}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 12px;margin-top:13px}.control>span{font-size:11px;color:#d8d8e5;display:block;margin:0 0 5px 4px}.control>div{height:44px;display:flex;align-items:center;border:1px solid rgba(106,119,203,.33);border-radius:10px;background:rgba(5,12,36,.76);position:relative}.control svg{width:19px;height:19px;fill:none;stroke:var(--accent);stroke-width:1.7;margin-left:12px;flex:0 0 auto}.control select{appearance:none;width:100%;height:100%;border:0;outline:0;background:transparent;color:#f2f2fa;padding:0 30px 0 10px;font-size:12px;min-width:0}.control b{position:absolute;right:11px;color:#d8daeb;font-size:13px;pointer-events:none}.builder-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:15px}.builder-actions>button:first-child{border:1px solid rgba(104,112,196,.3);background:transparent;color:#8589a6;border-radius:9px;padding:0 16px;font-size:10px}.generate{border:1px solid #00baff!important;border-radius:10px;background:linear-gradient(105deg,#b62cff,#4d40ff 55%,#008cff)!important;color:#fff!important;font-weight:800;box-shadow:0 0 22px rgba(84,57,255,.42),inset 0 0 14px rgba(255,255,255,.12);cursor:pointer;transition:.2s}.generate:hover{transform:translateY(-1px);filter:brightness(1.1)}.builder .generate{height:47px;min-width:220px;font-size:15px}.builder .generate b{font-size:22px;margin-right:8px}.result-panel{border-color:color-mix(in srgb,var(--accent) 60%,#315bd4);position:relative}.result-panel:after{content:"";position:absolute;inset:0;border-radius:17px;box-shadow:inset 0 0 38px color-mix(in srgb,var(--accent) 11%,transparent);pointer-events:none}.result-box{min-height:140px;margin-top:10px;border:1px solid color-mix(in srgb,var(--accent) 56%,#274fc1);border-radius:13px;background:radial-gradient(circle at 85% 70%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 45%),rgba(5,12,38,.78);padding:17px}.result-box p{margin:0;font-size:15px;line-height:1.55;color:#ececf7}.result-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.result-tags span{border:1px solid rgba(116,85,220,.35);border-radius:7px;background:rgba(38,24,91,.38);color:#c39aff;padding:4px 9px;font-size:10px}.randomize{position:absolute;right:18px;bottom:14px;border:0;background:transparent;color:#747caa;font-size:10px;cursor:pointer}.category-section{position:relative;z-index:3;margin-top:19px}.category-section>h2{font-size:16px;margin:0 0 12px 2px}.category-section>h2 span{color:var(--accent);margin-right:8px}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.category-card{min-height:150px;border:1px solid rgba(114,68,242,.6);border-radius:14px;padding:17px;display:flex;align-items:center;gap:13px;position:relative;background:radial-gradient(circle at 20% 20%,rgba(129,51,255,.16),transparent 50%),#07102a}.category-card.c2{border-color:rgba(18,112,255,.6);background:radial-gradient(circle at 20% 20%,rgba(0,107,255,.15),transparent 50%),#06112b}.category-card.c3{border-color:rgba(0,201,222,.5);background:radial-gradient(circle at 20% 20%,rgba(0,201,222,.14),transparent 50%),#041329}.category-card.c4{border-color:rgba(234,42,183,.5);background:radial-gradient(circle at 20% 20%,rgba(234,42,183,.15),transparent 50%),#150824}.category-card.c5{border-color:rgba(255,144,18,.55);background:radial-gradient(circle at 20% 20%,rgba(255,127,0,.15),transparent 50%),#160d09}.category-icon{font-size:44px;color:#9e47ff;text-shadow:0 0 18px #7627ff}.c2 .category-icon{color:#198dff}.c3 .category-icon{color:#00d4e9}.c4 .category-icon{color:#ff48c8}.c5 .category-icon{color:#ff9f1e}.category-card h3{font-size:14px;margin:0 0 6px}.category-card p{font-size:10px;line-height:1.5;color:#b1b3c6;margin:0}.category-card button{position:absolute;right:10px;bottom:10px;border:1px solid rgba(118,80,232,.45);background:rgba(28,18,66,.7);color:#fff;border-radius:50%;width:29px;height:29px}.benefit-bar{position:relative;z-index:3;margin-top:18px;border:1px solid rgba(76,93,190,.25);border-radius:14px;background:rgba(7,16,43,.72);display:grid;grid-template-columns:repeat(4,1fr);padding:13px}.benefit-bar>div{display:grid;grid-template-columns:43px 1fr;column-gap:10px;padding:0 18px;border-right:1px solid rgba(99,110,185,.18)}.benefit-bar>div:last-child{border:0}.benefit-bar span{grid-row:1/3;width:40px;height:40px;border:1px solid rgba(118,52,255,.42);border-radius:50%;display:grid;place-items:center;color:var(--accent);font-size:19px;background:rgba(71,34,154,.2)}.benefit-bar strong{font-size:12px}.benefit-bar small{font-size:9px;color:#a4a7bc}.home-dashboard{padding-top:48px}.home-badge{padding:0;border:0;background:transparent;text-transform:none}.home-dashboard .hero-copy{padding-top:35px}.home-dashboard .hero-copy h1{font-size:58px}.hero-buttons{display:flex;gap:13px;margin-top:27px}.hero-buttons a{height:47px;padding:0 24px;display:flex;align-items:center;border:1px solid rgba(111,76,225,.55);border-radius:10px;font-size:13px}.home-art{height:390px}.quick-builder{position:relative;z-index:3;margin-top:62px;display:grid;grid-template-columns:180px repeat(4,minmax(0,1fr)) 210px;gap:12px;align-items:end}.quick-builder .panel-title{position:absolute;left:18px;top:12px}.quick-builder .control{margin-top:36px}.quick-builder .generate{height:53px;font-size:16px}.home-result{display:none;position:relative;z-index:3;margin-top:10px;align-items:center;gap:12px}.home-result.show{display:flex}.home-result p{margin:0;flex:1;font-size:12px}.home-result button{border:1px solid rgba(116,83,230,.5);background:transparent;color:#fff;border-radius:7px;padding:6px 13px}.home-categories{position:relative;z-index:3;margin-top:14px;display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.home-card{min-height:225px;border:1px solid rgba(114,68,242,.45);border-radius:13px;padding:17px 12px;background:linear-gradient(160deg,rgba(68,32,157,.35),rgba(7,12,35,.88));position:relative}.home-card.c2{border-color:#145caf;background:linear-gradient(160deg,rgba(8,82,171,.3),rgba(7,12,35,.88))}.home-card.c3{border-color:#922eae;background:linear-gradient(160deg,rgba(130,29,127,.3),rgba(7,12,35,.88))}.home-card.c4{border-color:#087b8c;background:linear-gradient(160deg,rgba(0,112,128,.3),rgba(7,12,35,.88))}.home-card.c5{border-color:#a72c78;background:linear-gradient(160deg,rgba(152,21,102,.3),rgba(7,12,35,.88))}.home-card-icon{height:96px;border-radius:10px;display:grid;place-items:center;background:radial-gradient(circle,rgba(120,51,255,.45),transparent 60%)}.home-card-icon svg{width:51px;height:51px;fill:none;stroke:#ba67ff;stroke-width:1.4;filter:drop-shadow(0 0 10px #762bff)}.home-card h3{font-size:12px;margin:8px 0}.home-card p{font-size:9px;line-height:1.5;color:#b1b3c6;margin:0}.home-card>b{position:absolute;right:12px;bottom:12px;width:26px;height:26px;border:1px solid rgba(105,83,221,.5);border-radius:50%;display:grid;place-items:center;font-size:11px}.directory{padding:55px 10px}.directory-head{text-align:center;margin-bottom:30px}.directory-head>span{color:#a873ff;font-size:11px;letter-spacing:2px}.directory-head h1{font-size:52px;margin:6px}.directory-head p{color:#aeb1c5}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.directory-card{min-height:155px;border:1px solid rgba(110,72,236,.45);border-radius:15px;padding:22px;display:flex;align-items:center;gap:18px;background:#07102a}.directory-card>svg{width:45px;height:45px;fill:none;stroke:#a94bff;stroke-width:1.4}.directory-card h2{font-size:17px;margin:0 0 7px}.directory-card p{font-size:10px;color:#abb0c5;margin:0}.directory-card b{margin-left:auto}.toast{position:fixed;right:25px;bottom:25px;z-index:50;padding:10px 15px;border:1px solid #7252ef;border-radius:9px;background:#0c1335;color:#fff;font-size:11px;box-shadow:0 0 25px #3f2ac2;opacity:0;transform:translateY(12px);transition:.2s}.toast.show{opacity:1;transform:none}
@media(max-width:1250px){:root{--rail:250px}.canvas{padding:0 17px 14px}.sidebar{width:var(--rail)}.brand strong{font-size:17px}.side-nav a{font-size:13px}.category-grid{grid-template-columns:repeat(4,1fr)}.category-card:last-child{display:none}.home-categories{grid-template-columns:repeat(4,1fr)}.home-card{min-height:190px}.quick-builder{grid-template-columns:repeat(3,1fr)}.quick-builder .panel-title{position:static;grid-column:1/-1}.quick-builder .control{margin-top:0}.reference-art{right:-180px}.hero-copy{width:57%}}
@media(max-width:900px){body.menu-open{overflow:hidden}.dashboard{display:block;padding:0}.canvas{border-radius:0;border:0;padding:0 18px}.sidebar{transform:translateX(-105%);transition:.25s;top:0;left:0;bottom:0;border-radius:0}.menu-open .sidebar{transform:none}.mobile-menu{display:block;position:fixed;right:16px;top:16px;z-index:30;width:43px;height:43px;border:1px solid rgba(115,91,230,.5);border-radius:11px;background:#09122f}.mobile-menu span{display:block;width:21px;height:1px;background:#fff;margin:5px auto}.tool-dashboard,.home-dashboard{padding-top:80px}.reference-art{opacity:.4;right:-320px}.hero-copy{width:82%}.prompt-studio{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card:last-child{display:flex}.benefit-bar{grid-template-columns:repeat(2,1fr);gap:15px}.benefit-bar>div{border:0}.home-dashboard .hero-copy{padding-top:0}.home-categories{grid-template-columns:repeat(2,1fr)}.directory-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.canvas{padding:0 12px}.tool-dashboard,.home-dashboard{padding:75px 0 12px;min-height:0}.reference-art{display:none}.hero-copy{width:100%;padding:0 5px}.hero-copy h1,.home-dashboard .hero-copy h1{font-size:43px;letter-spacing:-2px}.hero-copy p{font-size:14px}.prompt-studio{margin-top:28px}.control-grid{grid-template-columns:1fr}.builder .generate{min-width:0;flex:1}.category-grid,.home-categories,.directory-grid{grid-template-columns:1fr}.category-card:last-child{display:flex}.benefit-bar{grid-template-columns:1fr}.quick-builder{margin-top:35px;grid-template-columns:1fr}.quick-builder .panel-title{grid-column:auto}.hero-buttons{flex-direction:column}.home-card{min-height:175px}.directory-head h1{font-size:39px}.result-panel{min-height:265px}}
.ad-slot{position:relative;z-index:3;grid-column:1/-1;width:100%;min-height:92px;margin:18px auto 0;border:1px dashed rgba(111,128,202,.2);border-radius:12px;background:rgba(5,12,34,.38);display:grid;place-items:center;overflow:hidden}.ad-slot>span{position:absolute;top:7px;left:0;right:0;text-align:center;color:#6f7594;font-size:8px;letter-spacing:1.4px;text-transform:uppercase}.ad-slot .adsbygoogle{display:block;width:100%;min-height:90px}.directory>.ad-slot{margin-top:24px}@media(max-width:560px){.ad-slot{min-height:102px;margin-top:16px}.ad-slot .adsbygoogle{min-height:100px}}