:root{--ink:#171629;--blue:#4235e9;--lime:#d9ff5e;--pink:#ff7498;--paper:#f8f7f3;--line:#dcdbe3;--white:#fff;--muted:#676579;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Arial',system-ui,-apple-system,sans-serif;line-height:1.6}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ff7498;outline-offset:3px}::selection{background:var(--lime);color:var(--ink)}.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.skip{position:absolute;z-index:20;top:-80px;left:16px;background:var(--lime);padding:10px 20px}.skip:focus{top:8px}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.tiny{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.muted{color:var(--muted)}.header{background:#fff;border-bottom:2px solid var(--ink);position:sticky;top:0;z-index:10}.head-inner{min-height:75px;display:flex;align-items:center;gap:22px;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-family:'Trebuchet MS',Arial,sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:-.065em}.brand-mark{width:36px;height:36px;border-radius:12px 12px 12px 3px;background:var(--lime);color:var(--ink);border:2px solid var(--ink);display:grid;place-items:center;font-size:22px;transform:rotate(-8deg)}.brand span:last-child span{color:var(--blue)}.nav{display:flex;align-items:center;gap:23px;font-weight:700;font-size:.9rem}.nav a:hover{color:var(--blue)}.menu-toggle{display:none;border:2px solid var(--ink);border-radius:12px;background:#fff;padding:7px 12px}.nav-pill{background:var(--lime);border:2px solid var(--ink);border-radius:100px;padding:9px 18px}.hero{position:relative;overflow:hidden;padding:55px 0 36px;background:var(--blue);color:white;border-bottom:3px solid var(--ink)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.6fr);gap:25px;align-items:center}.hero .eyebrow{display:inline-flex;background:var(--lime);color:var(--ink);border:2px solid var(--ink);padding:5px 12px;border-radius:80px;transform:rotate(-2deg)}.hero h1{font-family:'Trebuchet MS',Arial,sans-serif;font-size:clamp(2.8rem,6vw,5.7rem);line-height:1.03;letter-spacing:-.085em;margin:24px 0 17px;max-width:940px}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{max-width:660px;font-size:1.12rem;color:#e7e5ff}.hero-sticker{width:255px;height:255px;margin:auto;background:var(--pink);border:3px solid var(--ink);border-radius:44px;transform:rotate(7deg);box-shadow:14px 14px 0 var(--lime);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:var(--ink)}.hero-sticker b{font-size:5rem;line-height:1}.hero-sticker span{font-family:'Trebuchet MS',Arial,sans-serif;font-size:1.45rem;font-weight:700}.breadcrumbs{font-size:.84rem;color:#c7c4ff;margin-bottom:12px}.breadcrumbs a{text-decoration:underline}.main-content{padding-top:33px}.editor{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:22px;align-items:start}.panel{background:white;border:2px solid var(--ink);border-radius:var(--radius);box-shadow:5px 5px 0 var(--ink);overflow:hidden}.panel-head{padding:23px 26px;border-bottom:2px solid var(--ink);display:flex;justify-content:space-between;gap:12px;align-items:center}.panel-head h2{font-family:'Trebuchet MS',Arial,sans-serif;letter-spacing:-.04em;font-size:1.45rem;margin:0}.panel-body{padding:22px 25px 25px}.field{margin-bottom:18px}.field label,.field-label{display:block;font-weight:800;font-size:.9rem;margin-bottom:7px}.input,.select{width:100%;background:#fafaff;border:2px solid #cdcadb;border-radius:13px;padding:12px 14px;min-height:49px;color:var(--ink)}.field-hint{font-size:.8rem;color:var(--muted);margin-top:6px}.split-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.style-picker{display:flex;flex-wrap:wrap;gap:7px}.chip{border:2px solid var(--line);background:white;border-radius:99px;padding:7px 12px;font-size:.84rem;font-weight:700;transition:.15s}.chip[aria-pressed="true"]{color:#fff;border-color:var(--blue);background:var(--blue)}.chip:hover{border-color:var(--blue)}.controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.switch{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;cursor:pointer}.switch input{width:19px;height:19px;accent-color:var(--blue)}.range-wrap{display:flex;align-items:center;gap:12px}.range-wrap input{flex:1;accent-color:var(--blue)}.btn{border:2px solid var(--ink);border-radius:13px;padding:12px 16px;background:#fff;color:var(--ink);font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;text-decoration:none!important;transition:transform .12s,box-shadow .12s}.btn:hover{transform:translateY(-2px);box-shadow:3px 3px 0 var(--ink)}.btn-primary{background:var(--lime)}.btn-violet{background:var(--blue);color:#fff}.btn-pink{background:var(--pink)}.btn-small{padding:7px 12px;min-height:34px;font-size:.8rem;border-radius:10px}.btn-quiet{border-color:#d8d6e4}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.action-grid .btn:first-child{grid-column:1/-1}.results-inner{padding:21px}.results-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}.results-toolbar h2{font-family:'Trebuchet MS',Arial,sans-serif;font-size:1.45rem;letter-spacing:-.05em;margin:0}.results-note{background:#f4f2ff;border:1px solid #d8d2fd;padding:10px 13px;border-radius:12px;font-size:.82rem;color:#4d478a;margin-bottom:14px}.results-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result{background:#faf9ff;border:1.5px solid #e4e1ef;border-radius:14px;min-width:0;padding:12px 12px;display:flex;justify-content:space-between;align-items:center;gap:7px;transition:.15s}.result:hover{background:#f0edff;border-color:#9c8cfc}.result-name{font-family:'Trebuchet MS',Arial,sans-serif;font-size:1.04rem;font-weight:700;overflow-wrap:anywhere;line-height:1.25;min-width:0}.result-meta{font-size:.7rem;color:#817e92;margin-top:3px}.result-actions{display:flex;gap:5px;flex-shrink:0}.mini{border:1px solid var(--line);border-radius:9px;background:#fff;padding:6px 8px;font-size:.8rem;font-weight:800;min-width:34px;min-height:33px}.mini[aria-pressed="true"]{background:var(--pink)}.mini:hover{border-color:var(--blue)}.below-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.status{min-height:22px;font-size:.8rem;color:#4c43a9;margin-top:10px}.section{margin-top:55px}.section-head{display:flex;align-items:flex-end;gap:20px;justify-content:space-between;margin-bottom:19px}.section-head h2,.section h2{font-family:'Trebuchet MS',Arial,sans-serif;font-size:clamp(1.8rem,3vw,2.45rem);line-height:1.12;letter-spacing:-.06em;margin:0 0 12px}.section-head p{margin:0;color:var(--muted);max-width:500px}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.catalog-card{background:#fff;border:2px solid var(--ink);border-radius:17px;min-height:158px;padding:19px;display:flex;flex-direction:column;gap:8px;transition:transform .15s,box-shadow .15s}.catalog-card:nth-child(5n+1){background:#e9e6ff}.catalog-card:nth-child(5n+2){background:#ffecf1}.catalog-card:nth-child(5n+3){background:#efffc5}.catalog-card:nth-child(5n+4){background:#fff7df}.catalog-card:hover{transform:translateY(-3px);box-shadow:5px 5px 0 var(--ink);text-decoration:none}.catalog-card .emoji{font-size:1.8rem}.catalog-card b{font-family:'Trebuchet MS',Arial,sans-serif;font-size:1.07rem;line-height:1.2}.catalog-card small{color:#514d66;line-height:1.45}.catalog-card span.arrow{margin-top:auto;font-weight:800}.category-bar{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.category-bar a{border:1px solid var(--line);border-radius:99px;padding:6px 12px;background:#fff;font-size:.82rem;font-weight:700}.category-bar a:hover{background:var(--lime)}.category-title{font-family:'Trebuchet MS',Arial,sans-serif;letter-spacing:-.045em;margin:30px 0 15px}.article{max-width:850px}.article h2{font-family:'Trebuchet MS',Arial,sans-serif;font-size:clamp(1.65rem,3vw,2rem);letter-spacing:-.045em;margin:33px 0 13px}.article h3{font-family:'Trebuchet MS',Arial,sans-serif;margin:21px 0 8px}.article p{margin:0 0 17px;line-height:1.8;color:#403e52;font-size:1.01rem}.article ul,.article ol{padding-left:25px;line-height:1.9}.article li{padding:2px 0}.article .fact{background:var(--lime);border:2px solid var(--ink);border-radius:16px;padding:19px;margin:20px 0;transform:rotate(-.3deg);color:var(--ink)}.article .fact p{margin:0;color:var(--ink)}.article .examples{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.article .examples code{background:#f0edff;border:1px solid #d4ccff;border-radius:9px;padding:8px 12px;color:#352db9;font-size:.91rem}.faq-item{border-bottom:1px solid var(--line);padding:12px 0}.faq-item summary{cursor:pointer;font-weight:800;list-style-position:inside}.faq-item p{margin:10px 0 3px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related-grid a{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:14px;font-weight:700}.related-grid a:hover{border-color:var(--blue);background:#f3f0ff}.foot{margin-top:75px;background:#171629;color:white;padding:42px 0 25px}.foot a{color:#e9e5ff}.foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px}.foot h3{font-family:'Trebuchet MS',Arial,sans-serif;font-size:1.1rem;margin:0 0 12px}.foot ul{list-style:none;padding:0;margin:0}.foot li{margin:9px 0;font-size:.9rem}.foot p{color:#c7c3e2}.foot-bottom{padding-top:23px;margin-top:35px;border-top:1px solid #47445d;font-size:.8rem;color:#c7c3e2;display:flex;justify-content:space-between;gap:20px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:22;display:none;background:var(--ink);color:#fff;padding:10px 18px;border-radius:99px;box-shadow:0 8px 24px #0003;font-weight:700}.toast.show{display:block}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px}.summary-cards>div{background:#fff;border:2px solid var(--ink);border-radius:15px;padding:16px}.summary-cards strong{display:block;font:700 1.8rem 'Trebuchet MS',Arial,sans-serif}.empty{grid-column:1/-1;background:#fff7e8;border:1px dashed #bd974b;border-radius:12px;padding:16px}.utility-links{margin-top:11px;font-size:.81rem}.utility-links a{text-decoration:underline;color:var(--blue)}.badge{font-size:.72rem;background:var(--lime);border-radius:50px;padding:4px 10px;font-weight:800}.mobile-only{display:none}@media(max-width:1000px){.catalog-grid{grid-template-columns:repeat(3,1fr)}.hero-sticker{width:205px;height:205px}.results-list{grid-template-columns:1fr}.editor{grid-template-columns:405px minmax(0,1fr)}.foot-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.container{width:min(100% - 28px,640px)}.header{position:relative}.head-inner{min-height:68px;flex-wrap:wrap}.menu-toggle{display:block}.nav{display:none;flex-basis:100%;padding-bottom:12px;gap:0;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:12px 6px;border-top:1px solid var(--line)}.nav-pill{margin:5px 0}.hero{padding:36px 0 25px}.hero-grid{grid-template-columns:1fr}.hero-sticker{display:none}.hero h1{font-size:clamp(2.65rem,9vw,4.5rem);margin:16px 0}.hero p{font-size:1rem}.main-content{padding-top:23px}.editor{grid-template-columns:1fr;gap:17px}.panel{box-shadow:3px 3px 0 var(--ink)}.panel-head{padding:17px 18px}.panel-body,.results-inner{padding:17px}.results-list{grid-template-columns:1fr 1fr}.section{margin-top:44px}.catalog-grid{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:repeat(2,1fr)}.summary-cards{grid-template-columns:1fr 1fr}.mobile-only{display:initial}}@media(max-width:500px){.hero h1{font-size:2.55rem}.split-fields{grid-template-columns:1fr}.results-list{grid-template-columns:1fr}.catalog-grid{grid-template-columns:1fr 1fr;gap:9px}.catalog-card{padding:13px;min-height:144px}.catalog-card b{font-size:.99rem}.catalog-card small{font-size:.77rem}.related-grid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr;gap:18px}.foot-bottom{display:block}.panel-head h2{font-size:1.27rem}.action-grid{grid-template-columns:1fr 1fr}.controls{gap:7px}.switch{font-size:.79rem}}

/* NEON REFERENCE DESIGN · Design correction requested 2026-10-08. */
:root{--ink:#f5f7ff;--blue:#4da1ff;--lime:#a4ccff;--pink:#9b77ff;--paper:#05091c;--line:#29345e;--white:#0d1534;--muted:#b0bee5;--radius:20px}
html{color-scheme:dark;scroll-padding-top:90px}
body{background:#050919;color:#f5f7ff;font-family:Inter,'Segoe UI',Arial,system-ui,sans-serif;line-height:1.6;background-image:radial-gradient(ellipse at 10% 5%,#15225775 0%,transparent 34%),radial-gradient(ellipse at 90% 12%,#25155a50 0%,transparent 30%)}
button,input,select{font-family:inherit}
a{color:inherit}a:hover{color:#72d8ff;text-decoration:none}
::selection{background:#2e89ff;color:white}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #6de3ff;outline-offset:3px}
.skip{background:#183c78;color:#fff}
.container{width:min(1320px,calc(100% - 52px))}
.header{background:#050a20f0;color:#f5f7ff;border-bottom:1px solid #263b74;backdrop-filter:blur(20px)}
.head-inner{min-height:74px}
.brand{font-weight:900;letter-spacing:-.07em;color:#f3f7ff}
.brand-mark{border:1px solid #6c96fa;background:linear-gradient(135deg,#1648d9,#2fe2ff);color:#fff;box-shadow:0 0 18px #2d7dff6b;transform:none;border-radius:11px}
.brand span:last-child span{color:#64b9ff}
.nav{color:#d4e4ff;font-size:.87rem}
.nav a:hover{color:#65d6ff}
.nav-pill{background:linear-gradient(110deg,#096cff,#6b43d9);border:1px solid #6687ee;color:white;padding:9px 17px;box-shadow:0 0 16px #3756ff33}
.menu-toggle{border:1px solid #536299;background:#101a40;color:#eef4ff}
.hero{background:radial-gradient(ellipse at 68% 50%,#132c7785,transparent 55%),linear-gradient(120deg,#05071c,#07102e 55%,#0d0c2b);border-bottom:1px solid #182c65;padding:51px 0 47px}
.hero h1{font-family:'Arial',system-ui,sans-serif;letter-spacing:-.065em;color:#fff}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#32d3ff,#6268fc,#ae74ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .eyebrow{color:#9fcdff;background:#122251a8;border:1px solid #284898;transform:none;font-size:.7rem;letter-spacing:.15em;box-shadow:0 0 20px #124ef71c}
.hero p{color:#c1cfee}
.breadcrumbs{color:#a6bcf0}
.hero-sticker{background:radial-gradient(circle at 30% 20%,#234fbb,#101d48 45%,#0c0b2b);border:1px solid #7599ff;box-shadow:0 0 44px #315eff55, inset 0 0 35px #2e57d422;transform:rotate(8deg);color:#d2e5ff}
.hero-sticker b{color:#60d8ff;text-shadow:0 0 25px #2984ff}
.main-content{padding-top:35px}
.panel{background:linear-gradient(155deg,#101d46e8,#0b1332ee);border:1px solid #405da9;border-radius:20px;box-shadow:0 14px 44px #0008,0 0 16px #3665fc20,inset 0 1px 0 #819aff33;color:#f4f7ff}
.panel-head{border-bottom:1px solid #314579;padding:21px 23px;background:linear-gradient(110deg,#15265ac9,#0d1741a8)}
.panel-head h2,.results-toolbar h2{font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:1.24rem;letter-spacing:-.035em;color:#f1f5ff}
.panel-body,.results-inner{padding:21px 23px 24px}
.badge{background:#172d6c;border:1px solid #4168c8;color:#b6dcff;font-size:.68rem;letter-spacing:.04em}
.field label,.field-label{font-size:.83rem;color:#d6e5ff;font-weight:650}
.input,.select{background:#080f2b;border:1px solid #364b8b;color:#fff;border-radius:11px;box-shadow:inset 0 1px 2px #0003}
.input::placeholder{color:#8192c5}
.input:hover,.select:hover{border-color:#6388e3}
.field-hint,.muted{color:#a6b4d5}
.chip{border:1px solid #384c83;background:#0a1435;color:#c4d5fa;border-radius:9px;font-weight:550;padding:7px 11px}
.chip[aria-pressed="true"]{border:1px solid #43c9ff;background:linear-gradient(100deg,#144ba6,#11245d);box-shadow:0 0 13px #22baff55,inset 0 0 8px #1e70d477;color:#f4fcff}
.chip:hover{border-color:#65baff}
.switch{color:#bfcee9;font-weight:550}
.switch input,.range-wrap input{accent-color:#398fff}
.btn{background:#122046;border:1px solid #405997;color:#e5efff;border-radius:11px;font-weight:650;min-height:44px;box-shadow:inset 0 1px 0 #ffffff11}
.btn:hover{box-shadow:0 0 20px #298dff44;transform:translateY(-1px);border-color:#63b7ff}
.btn-primary,.btn-violet{color:white;border:1px solid #667cff;background:linear-gradient(105deg,#008cff,#534ffd 65%,#8b42e8);box-shadow:0 4px 16px #126af75e,inset 0 1px 0 #ffffff45}
.btn-pink{color:white;background:linear-gradient(100deg,#223d86,#6041b2);border:1px solid #657fe3}
.btn-quiet{background:#101937;border-color:#374976}
.results-note{background:#0d2351;border:1px solid #244889;color:#bfd8ff}
.results-list{gap:9px}
.result{background:linear-gradient(110deg,#12234e,#0b1739);border:1px solid #304c8d;color:#f4f9ff;box-shadow:inset 0 1px 0 #ffffff0a}
.result:hover{background:linear-gradient(90deg,#19366c,#141f53);border-color:#55a5ff}
.result-name{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#ecf4ff;font-weight:650}
.result-meta{color:#98aacf}
.mini{background:#101b3c;border:1px solid #334d88;color:#bcdcff}
.mini[aria-pressed="true"]{background:#1a4d88;color:white}
.mini:hover{border-color:#52b8ff}
.below-actions{gap:7px}
.status{color:#86d7ff}
.section-head h2,.section h2,.category-title{font-family:Inter,'Segoe UI',Arial,sans-serif;letter-spacing:-.048em;color:#f4f7ff}
.section-head p{color:#aab9d8}
.catalog-grid{gap:13px}
.catalog-card,.catalog-card:nth-child(n){background:linear-gradient(144deg,#101d44,#0b1636);border:1px solid #2e457f;color:#e8efff;min-height:155px;box-shadow:inset 0 1px 0 #97b4ff12}
.catalog-card:hover{background:linear-gradient(130deg,#182d64,#151b4a);border-color:#4da7ff;box-shadow:0 7px 25px #177bff36;transform:translateY(-3px)}
.catalog-card b{font-family:Inter,'Segoe UI',Arial,sans-serif}
.catalog-card small{color:#afc1e7}
.catalog-card .arrow{color:#54c9ff}
.category-bar a{background:#152047;border:1px solid #354678;color:#cee0ff}
.category-bar a:hover{background:#1c4488}
.article p{color:#c5d2ef}
.article h2,.article h3{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#f4f8ff}
.article a:not(.btn){color:#66cbff;text-decoration:underline;text-decoration-color:#2f82ab}
.article .fact{transform:none;background:linear-gradient(115deg,#112e69,#17184b);border:1px solid #4870ce;color:#e9f3ff}
.article .fact p{color:#e9f3ff}
.article .examples code{background:#111f48;color:#b6d9ff;border-color:#354c8f}
.faq-item{border-color:#2d3d70}
.related-grid a{background:#101d45;color:#e5eeff;border:1px solid #324882}
.related-grid a:hover{background:#1a3469;border-color:#4cacff}
.foot{background:#05091b;border-top:1px solid #263c7d;margin-top:78px;color:#f2f7ff}
.foot p,.foot-bottom{color:#a6b8df}
.foot-bottom{border-color:#28335a}
.foot a{color:#bdd2ff}
.foot .brand span:last-child span{color:#61baff!important}
.toast{background:#14295c;color:#fff;border:1px solid #628afa;box-shadow:0 8px 30px #000b}
.summary-cards>div{background:#111e43;border:1px solid #405687}
.empty{background:#16254f;border:1px dashed #476bc1;color:#c8ddff}
.utility-links a{color:#6ccfff}
.tool-directory>summary{color:#d8e6ff}
/* Immersive home, following the supplied dark-blue neon Name Generator reference */
.neon-home .hero-neon{position:relative;isolation:isolate;overflow:hidden;padding:46px 0 92px;background:radial-gradient(ellipse at 60% 52%,#162466 0%,transparent 50%),radial-gradient(ellipse at 100% 10%,#1a1351,transparent 41%),#04081c}
.neon-home .hero-neon::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.78;background-image:radial-gradient(circle at 8% 30%,#94caff 1px,transparent 2px),radial-gradient(circle at 25% 70%,#316fff 1.6px,transparent 2.5px),radial-gradient(circle at 52% 10%,#66dfff 1.2px,transparent 2.3px),radial-gradient(circle at 70% 35%,#91bdff 1px,transparent 2px),radial-gradient(circle at 87% 75%,#4faaff 1px,transparent 3px),radial-gradient(circle at 94% 20%,#75ceff 1.4px,transparent 2.2px);background-size:210px 250px,350px 380px,310px 260px,430px 320px,270px 260px,460px 480px}
.neon-home .hero-neon::after{content:'';position:absolute;z-index:-1;bottom:-220px;left:-12%;width:130%;height:380px;pointer-events:none;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 17px,#1a64e859 18px 19px,transparent 20px 42px);transform:perspective(500px) rotateX(48deg);mask-image:linear-gradient(to top,#000,transparent 88%);opacity:.62}
.hero-shell{display:grid;grid-template-columns:minmax(240px,.83fr) minmax(360px,1.16fr) minmax(235px,.75fr);align-items:center;gap:26px;max-width:1540px}
.hero-copy{align-self:start;padding-top:93px;z-index:1}
.hero-copy .tiny{color:#78c9ff;font-size:.76rem;letter-spacing:.15em}
.hero-copy h1{font-size:clamp(3.6rem,5.25vw,5.95rem);line-height:1.02;letter-spacing:-.072em;margin:19px 0 21px;color:#f9fbff;font-weight:850}
.hero-copy h1 em{display:block;font-style:normal;letter-spacing:-.072em;background:linear-gradient(100deg,#26bfff,#5a75ff,#b481ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 8px #3277ff30)}
.hero-copy>p{font-size:1.08rem;line-height:1.75;color:#bdc9e6;max-width:365px}
.hero-cta{display:flex;align-items:center;gap:11px;margin:28px 0 33px;flex-wrap:wrap}
.hero-cta .btn{font-size:.89rem;padding:13px 17px}
.hero-cta .btn:not(.btn-primary){background:transparent;border-color:#4766b8}
.hero-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hero-highlight{min-width:0;padding:14px 10px;background:linear-gradient(140deg,#0c1c48d5,#121a43b8);border:1px solid #36599c;border-radius:12px;text-align:center;box-shadow:inset 0 1px #7d9bff22}
.hero-highlight .symbol{display:block;margin:0 auto 8px;font-size:1.4rem;color:#63baff;text-shadow:0 0 14px #318dff}
.hero-highlight b{display:block;font-size:.72rem;line-height:1.2;color:#ecf4ff}
.hero-highlight span{display:block;margin-top:6px;color:#99a9cd;font-size:.65rem;line-height:1.3}
.hero-console{position:relative;z-index:2;align-self:start}
.hero-console::before{content:'';position:absolute;z-index:-1;inset:9% -4%;filter:blur(44px);background:linear-gradient(#1264dd4a,#5c43ff4f)}
.neon-home .editor{grid-template-columns:1fr;gap:0}
.neon-home .editor .panel{background:linear-gradient(155deg,#0d1e4aee,#080f31f5);border:1px solid #517fe9;box-shadow:0 0 26px #367aff4b,0 16px 38px #0008;max-width:none}
.neon-home #generator{border-radius:23px 23px 0 0}
.neon-home #studio>.panel:nth-child(2){border-top:0;border-radius:0 0 23px 23px;box-shadow:0 16px 38px #0008,0 12px 26px #1d63ff44}
.neon-home .panel-head{padding:12px 17px;border-bottom:1px solid #2c4b92}
.neon-home .panel-head h2{font-size:1rem;letter-spacing:0}
.neon-home .panel-body{padding:14px 17px 11px}
.neon-home .results-inner{padding:11px 16px 16px}
.neon-home .field{margin-bottom:9px}
.neon-home .field label,.neon-home .field-label{font-size:.73rem;margin-bottom:4px}
.neon-home .input,.neon-home .select{padding:6px 11px;min-height:37px;font-size:.84rem}
.neon-home .field-hint{font-size:.68rem;margin:3px 0 0}
.neon-home .style-picker{gap:5px}
.neon-home #generator .style-picker{max-height:69px;overflow:auto;scrollbar-width:thin;scrollbar-color:#285da9 transparent}
.neon-home .chip{padding:4px 7px;font-size:.68rem;line-height:1.3;border-radius:7px}
.neon-home .controls{gap:3px 8px;margin:5px 0 7px}
.neon-home .switch{font-size:.68rem}
.neon-home .switch input{width:15px;height:15px}
.neon-home #platform-rule{font-size:.65rem;line-height:1.25;max-height:30px;overflow:auto;margin:5px 0 8px}
.neon-home .action-grid{grid-template-columns:repeat(3,1fr);gap:5px}
.neon-home .action-grid .btn:first-child{grid-column:span 2}
.neon-home .action-grid .btn{padding:6px 5px;min-height:33px;font-size:.67rem;border-radius:8px;line-height:1.22}
.neon-home .action-grid #random{grid-column:3;grid-row:1}
.neon-home .results-toolbar{margin-bottom:7px}
.neon-home .results-toolbar h2{font-size:.82rem}
.neon-home .results-toolbar .chip{font-size:.67rem}
.neon-home .results-note{font-size:.64rem;padding:6px 8px;margin-bottom:7px;line-height:1.2}
.neon-home .results-list{grid-template-columns:1fr;max-height:230px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#316cca transparent;gap:3px}
.neon-home .result{border-radius:7px;padding:6px 8px;min-height:36px}
.neon-home .result-name{font-size:.8rem}
.neon-home .result-meta{font-size:.57rem;margin:0}
.neon-home .mini{font-size:.63rem;min-width:26px;min-height:27px;padding:3px 5px}
.neon-home .below-actions{margin-top:8px;gap:4px}
.neon-home .below-actions .btn{padding:5px 8px;min-height:30px;font-size:.65rem}
.neon-home .status{min-height:14px;margin-top:4px;font-size:.67rem}
.phone-scene{align-self:center;position:relative;min-width:0;padding:25px 0 70px;display:flex;justify-content:center}
.phone-scene::before{content:'';position:absolute;inset:17% -30% 15%;background:radial-gradient(ellipse,#245cff67,transparent 67%);filter:blur(22px);pointer-events:none}
.phone{position:relative;width:min(100%,275px);height:570px;border:7px solid #111a34;border-radius:42px;background:#050a1b;transform:rotate(6deg);box-shadow:0 0 0 2px #81a6ff,0 0 28px #4d89ff9b,18px 24px 50px #000d;overflow:hidden}
.phone-notch{position:absolute;z-index:5;top:12px;left:50%;transform:translateX(-50%);width:86px;height:22px;border-radius:18px;background:#020514;box-shadow:0 0 0 2px #253467}
.phone-content{position:relative;overflow:hidden;height:100%;background:radial-gradient(ellipse at 60% 15%,#183fb9 0,transparent 55%),linear-gradient(#040a28,#060b20 72%,#020615);padding:42px 16px 20px;text-align:center}
.phone-cosmos{position:absolute;left:0;right:0;top:0;height:245px;background-image:radial-gradient(circle at 20% 20%,#60deff 1px,transparent 3px),radial-gradient(circle at 78% 16%,#fff 1px,transparent 3px),radial-gradient(circle at 48% 37%,#9fdcff 1px,transparent 3px),radial-gradient(circle at 65% 65%,#759aff 2px,transparent 4px),linear-gradient(165deg,#111b5e88,#15116940);opacity:.8}
.phone-moon{position:absolute;width:165px;height:165px;top:20px;left:42px;background:radial-gradient(circle at 35% 35%,#b5e8ff,#6786ed 32%,#313e9c 65%,transparent 71%);border-radius:50%;filter:drop-shadow(0 0 22px #7b8bff);opacity:.72}
.phone-back{position:relative;text-align:left;color:#ceddf8;font-size:1.1rem;padding:0 0 46px}
.phone-back span{float:right;font-size:1rem}
.phone-avatar{position:relative;margin:0 auto 12px;width:116px;height:116px;border-radius:50%;border:3px solid #82baff;padding:4px;box-shadow:0 0 20px #319cff,0 0 0 2px #5246b5;background:#081130}
.phone-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}
.phone-online{position:absolute;width:16px;height:16px;bottom:5px;right:4px;background:#20eb8c;border:3px solid #101935;border-radius:50%}
.phone-handle{font-size:1.15rem;font-weight:650;color:#f9fbff;overflow-wrap:anywhere;line-height:1.35;text-shadow:0 0 14px #5083ff}
.phone-verified{color:#31a8ff}
.phone-tag{font-size:.65rem;color:#b7c5e9;margin:7px 0 16px}
.phone-stats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;font-size:.64rem;color:#a4b6d7;margin-bottom:18px}
.phone-stats b{display:block;color:white;font-size:.88rem}
.phone-follow{width:100%;padding:10px;border-radius:10px;background:linear-gradient(100deg,#069ffc,#7144fa);color:#fff;font-size:.82rem;font-weight:700;box-shadow:0 2px 12px #288bff99}
.phone-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:27px}
.phone-actions>div{display:grid;gap:6px;place-items:center;color:#adc1e5;font-size:.57rem}
.phone-actions span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #405fa5;border-radius:50%;background:#152650;font-size:1.1rem;color:#8ad8ff;box-shadow:0 0 12px #377aff44}
.float-icon{position:absolute;font-weight:850;display:grid;place-items:center;color:#a3c9ff;border:1px solid #5b86ea;background:linear-gradient(140deg,#1a3591c9,#15154be8);text-shadow:0 0 10px #7195ff;box-shadow:0 0 22px #3564dd7a,inset 0 0 20px #6d88e322}
.float-at{width:70px;height:70px;right:-12%;top:10%;font-size:2.9rem;border-radius:50%;transform:rotate(12deg)}
.float-letter{width:54px;height:54px;left:-12%;top:3%;font-size:2rem;border-radius:12px;transform:rotate(-19deg)}
.float-star{right:-8%;bottom:14%;font-size:2rem;width:47px;height:47px;border-radius:14px;transform:rotate(20deg)}
.hero-spark{position:absolute;color:#65bfff;filter:drop-shadow(0 0 9px #369fff);font-size:25px;pointer-events:none}
.hero-spark.one{left:25%;top:12%}.hero-spark.two{right:8%;bottom:10%}.hero-spark.three{left:6%;bottom:19%}
.neon-home .main-content{padding-top:15px}
@media(max-width:1240px){.hero-shell{grid-template-columns:minmax(205px,.8fr) minmax(350px,1.3fr) minmax(195px,.68fr);gap:17px}.hero-copy{padding-top:75px}.hero-copy h1{font-size:clamp(3rem,5vw,4.9rem)}.phone{width:215px;height:490px}.phone-moon{left:20px}.phone-avatar{width:100px;height:100px}.float-at{right:-2%}.float-letter{left:-4%}.hero-highlights{gap:6px}.hero-highlight{padding:12px 6px}}
@media(max-width:1000px){.hero-shell{grid-template-columns:minmax(230px,.85fr) minmax(360px,1.25fr)}.hero-copy{padding-top:50px}.phone-scene{display:none}.neon-home .editor{grid-template-columns:1fr}.container{width:min(100% - 40px,1180px)}}
@media(max-width:760px){.container{width:min(100% - 30px,640px)}.header{position:relative}.nav a{border-color:#273c72}.nav-pill{display:block;border-radius:10px}.hero{padding:32px 0}.hero-shell{display:grid;grid-template-columns:1fr;gap:23px}.hero-copy{padding:6px 0 0;text-align:center}.hero-copy h1{font-size:clamp(3.4rem,12vw,5rem);margin:12px 0}.hero-copy>p{max-width:620px;margin:0 auto;font-size:.97rem}.hero-cta{justify-content:center;margin:19px 0}.hero-highlights{grid-template-columns:repeat(3,1fr);max-width:520px;margin:auto}.neon-home .hero-neon{padding:30px 0 65px}.hero-console{width:100%;max-width:620px;margin:auto}.neon-home .editor{grid-template-columns:1fr}.neon-home .panel{box-shadow:0 0 22px #246dff42}.neon-home .results-list{max-height:230px}.main-content{padding-top:20px}.catalog-grid{grid-template-columns:repeat(2,1fr)}.hero-sticker{display:none}}
@media(max-width:500px){.hero-highlights{gap:6px}.hero-highlight{padding:10px 5px}.hero-highlight span{display:none}.hero-copy h1{font-size:3.2rem}.hero-copy .tiny{font-size:.62rem}.neon-home .split-fields{grid-template-columns:1fr 1fr}.neon-home .results-list{grid-template-columns:1fr}.neon-home .controls{grid-template-columns:repeat(2,1fr)}.neon-home .action-grid{grid-template-columns:repeat(2,1fr)}.neon-home .action-grid .btn:first-child{grid-column:1/-1}.neon-home .action-grid #random{grid-column:auto;grid-row:auto}.neon-home .result-name{font-size:.82rem}.neon-home .below-actions .btn{font-size:.64rem}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-card{min-height:145px}.foot-grid{grid-template-columns:1fr 1fr}.section-head{display:block}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* GenUserName redesign: pitch-first hero; full-size studio on the next screen. */
html{scroll-padding-top:95px}
.brand span:last-child span{color:#78cdff!important}
.hero-pitch-only{grid-template-columns:minmax(0,1.1fr) minmax(280px,.85fr);gap:clamp(32px,8vw,130px);max-width:1280px;min-height:675px;align-items:center}
.hero-pitch-only .hero-copy{padding:5px 0 10px;align-self:center}
.hero-pitch-only .hero-copy h1{font-size:clamp(4rem,7vw,7.2rem);line-height:.99;max-width:730px}
.hero-pitch-only .hero-copy>p{max-width:560px;font-size:1.2rem;line-height:1.8}
.hero-pitch-only .hero-highlights{max-width:560px}
.hero-pitch-only .hero-highlight{padding:18px 10px}
.hero-pitch-only .hero-highlight b{font-size:.89rem}
.hero-pitch-only .hero-highlight span{font-size:.74rem}
.hero-pitch-only .phone-scene{display:flex;padding-top:25px;padding-bottom:25px}
.hero-pitch-only .phone{width:300px;height:590px}
.neon-home .hero-neon{padding:40px 0 65px}
.studio-section{padding:87px 0 64px;background:radial-gradient(ellipse at 10% 12%,#25327e52,transparent 50%),radial-gradient(ellipse at 91% 70%,#29226555,transparent 53%),#070c23;scroll-margin-top:80px;border-bottom:1px solid #324677}
.studio-wide{width:min(1340px,calc(100% - 40px))}
.studio-lead{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:30px}
.studio-lead .tiny,.tool-intro .tiny{color:#70ccff}
.studio-lead h2{font-size:clamp(2.6rem,5vw,4.4rem);line-height:1.1;margin:10px 0 12px;font-weight:800;letter-spacing:-.055em;color:#f5f9ff}
.studio-lead p{color:#b8c7ea;max-width:660px;font-size:1.1rem;margin:0}
.studio-step-note{color:#a7c6f7;font-size:.87rem;padding-bottom:10px}
.studio-section .editor,.neon-home .studio-section .editor,.tool-editor-large{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:22px;align-items:start}
.neon-home .studio-section #generator,.neon-home .studio-section #studio>.panel:nth-child(2),.tool-editor-large .panel{border:1px solid #547dda;border-radius:24px;box-shadow:0 0 30px #2862dd33,0 12px 40px #0007;background:linear-gradient(155deg,#101e48,#090f2b)}
.neon-home .studio-section #studio>.panel:nth-child(2){position:sticky;top:95px}
.neon-home .studio-section .panel-head,.tool-editor-large .panel-head{padding:20px 24px}
.neon-home .studio-section .panel-head h2,.tool-editor-large .panel-head h2{font-size:1.35rem}
.neon-home .studio-section .panel-body,.tool-editor-large .panel-body{padding:23px}
.neon-home .studio-section .results-inner,.tool-editor-large .results-inner{padding:23px}
.neon-home .studio-section .field,.tool-editor-large .field{margin-bottom:15px}
.neon-home .studio-section .field label,.neon-home .studio-section .field-label,.tool-editor-large .field label,.tool-editor-large .field-label{font-size:.9rem;margin-bottom:8px}
.neon-home .studio-section .input,.neon-home .studio-section .select,.tool-editor-large .input,.tool-editor-large .select{min-height:47px;font-size:.95rem}
.keyword-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.optional{font-size:.69rem;color:#91a8d8;font-weight:400}
.keyhint{margin-top:-7px;margin-bottom:17px!important;color:#98b1df}
.creative-workflow{border:1px solid #2c4275;border-radius:17px;overflow:hidden;margin:17px 0 18px;background:#0c1536}
.workflow-tabbar{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border-bottom:1px solid #2d3c6c;padding:7px}
.worktab{padding:11px 4px;border-radius:10px;border:1px solid transparent;background:transparent;color:#b9c9e9;font-weight:750;font-size:.88rem;line-height:1.3}
.worktab[aria-selected="true"]{color:white;background:linear-gradient(110deg,#1479f7,#7148ec);box-shadow:0 0 15px #255dff33}
.workflow-panel{padding:21px}
.workflow-panel[hidden]{display:none!important}
.workflow-panel h3{margin:0 0 5px;color:white;font-size:1.35rem;letter-spacing:-.03em}
.workflow-sub{margin:0 0 17px;color:#aabfe9;font-size:.88rem}
.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.mode-card{text-align:left;color:#deebff;background:#121f43;border:1px solid #35548c;border-radius:12px;padding:13px 12px;min-height:80px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.mode-card strong{font-size:.85rem;line-height:1.25}
.mode-card span{font-size:.76rem;color:#a8bce7;line-height:1.3}
.mode-card:hover{border-color:#78bfff;box-shadow:inset 0 0 0 1px #78bfff66}
.mode-card[aria-pressed="true"]{border-color:#63b8ff;background:linear-gradient(135deg,#173b75,#202161);box-shadow:0 0 0 1px #498bff77}
.wide-range{accent-color:#5a92ff;width:100%;margin:14px 0;cursor:pointer}
.range-labels{display:flex;justify-content:space-between;color:#9faed2;font-size:.76rem;margin:-6px 0 25px}
.brand-suggestions{display:flex;flex-wrap:wrap;gap:10px}
.quick-idea{padding:11px 14px;border:1px solid #4b69aa;border-radius:12px;background:#142754;color:#d9ebff}
.quick-idea:hover{background:#1e428b}
.neon-home .studio-section #generator .style-picker,.tool-editor-large #generator .style-picker{max-height:none;overflow:visible;gap:8px}
.neon-home .studio-section .chip,.tool-editor-large .chip{padding:8px 10px;font-size:.79rem;line-height:1.3;border-radius:9px}
.neon-home .studio-section .controls,.tool-editor-large .controls{gap:12px;margin:16px 0}
.neon-home .studio-section .switch,.tool-editor-large .switch{font-size:.83rem}
.neon-home .studio-section .switch input,.tool-editor-large .switch input{width:18px;height:18px}
.neon-home .studio-section #platform-rule,.tool-editor-large #platform-rule{font-size:.78rem;max-height:none;margin:12px 0;color:#abc2e9}
.neon-home .studio-section .action-grid,.tool-editor-large .action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.neon-home .studio-section .action-grid .btn,.tool-editor-large .action-grid .btn{min-height:45px;padding:10px;font-size:.83rem;border-radius:12px}
.neon-home .studio-section .action-grid .btn:first-child,.tool-editor-large .action-grid .btn:first-child{grid-column:1/-1}
.neon-home .studio-section .action-grid #random,.tool-editor-large .action-grid #random{grid-column:auto;grid-row:auto}
.neon-home .studio-section .results-toolbar h2,.tool-editor-large .results-toolbar h2{font-size:1.1rem}
.neon-home .studio-section .results-note,.tool-editor-large .results-note{font-size:.81rem;padding:11px 13px;line-height:1.5}
.neon-home .studio-section .results-list,.tool-editor-large .results-list{display:grid;grid-template-columns:1fr 1fr;max-height:none;overflow:visible;gap:10px}
.neon-home .studio-section .result,.tool-editor-large .result{min-height:68px;padding:11px}
.neon-home .studio-section .result-name,.tool-editor-large .result-name{font-size:.99rem}
.neon-home .studio-section .result-meta,.tool-editor-large .result-meta{font-size:.7rem;margin-top:4px}
.neon-home .studio-section .mini,.tool-editor-large .mini{font-size:.8rem;min-height:34px;min-width:34px}
.neon-home .studio-section .below-actions .btn,.tool-editor-large .below-actions .btn{font-size:.81rem;padding:8px 10px;min-height:37px}
.neon-home .studio-section .status,.tool-editor-large .status{font-size:.78rem;min-height:22px}
.full-tool-page{width:min(1320px,calc(100% - 40px))}
.tool-intro{background:radial-gradient(ellipse at 95% 20%,#20387965,transparent 50%),#0b1432;border:1px solid #2e4785;border-radius:20px;padding:28px 34px;margin:16px 0 26px}
.tool-intro h2{color:#fff;font-size:1.8rem;margin:9px 0 8px}
.tool-intro p{color:#b7c8ed;margin:0}
.full-tool-page #studio{scroll-margin-top:100px}
.tool-editor-large .panel:nth-child(2){position:sticky;top:95px}
.result button:focus-visible,.mode-card:focus-visible,.worktab:focus-visible{outline:2px solid #87ceff;outline-offset:3px}
@media(max-width:1050px){.studio-section .editor,.neon-home .studio-section .editor,.tool-editor-large{grid-template-columns:1fr}.neon-home .studio-section #studio>.panel:nth-child(2),.tool-editor-large .panel:nth-child(2){position:static}.hero-pitch-only{min-height:580px;gap:35px}.hero-pitch-only .phone{width:235px;height:510px}.hero-pitch-only .hero-copy h1{font-size:clamp(3.3rem,6.3vw,5.1rem)}}
@media(max-width:760px){.hero-pitch-only{grid-template-columns:1fr;min-height:auto;gap:0}.hero-pitch-only .hero-copy{padding:35px 0 23px}.hero-pitch-only .hero-copy h1{font-size:clamp(3.2rem,12vw,5.2rem)}.hero-pitch-only .phone-scene{display:none}.neon-home .hero-neon{padding:18px 0 50px}.studio-section{padding:48px 0}.studio-lead{display:block}.studio-lead h2{font-size:2.9rem}.studio-step-note{margin-top:15px}.studio-wide,.full-tool-page{width:min(100% - 28px,640px)}.mode-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.studio-wide,.full-tool-page{width:calc(100% - 22px)}.keyword-fields,.split-fields,.neon-home .studio-section .split-fields,.tool-editor-large .split-fields{grid-template-columns:1fr}.studio-section .editor .panel-head,.tool-editor-large .panel-head{padding:15px}.studio-section .editor .panel-body,.tool-editor-large .panel-body{padding:15px}.studio-section .editor .results-inner,.tool-editor-large .results-inner{padding:15px}.workflow-panel{padding:12px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:64px}.worktab{font-size:.7rem;padding:9px 3px}.neon-home .studio-section .results-list,.tool-editor-large .results-list{grid-template-columns:1fr}.neon-home .studio-section .action-grid .btn,.tool-editor-large .action-grid .btn{font-size:.76rem}.hero-pitch-only .hero-highlights{grid-template-columns:repeat(3,1fr)}.hero-pitch-only .hero-highlight b{font-size:.73rem}}
.purpose-tool{margin:14px 0 34px;scroll-margin-top:100px}
.purpose-tool .panel{background:linear-gradient(155deg,#111f4e,#0b1536);border:1px solid #527cf0;box-shadow:0 0 20px #315eff44}
.purpose-tool .panel-body{padding:25px}
.purpose-tool .input{background:#091331;color:#fff;border-color:#3553a2}
.purpose-tool .btn-primary{background:linear-gradient(105deg,#057dfa,#7643f4);color:#fff}
.exact-rule{color:#77cfff;font-weight:700;margin:10px 0 15px}
button:disabled,input:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:600px){.purpose-tool .panel-body{padding:16px}}
@media(max-width:460px){.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mode-card{padding:9px 8px;min-height:67px}.mode-card strong{font-size:.76rem}.mode-card span{font-size:.66rem;line-height:1.17}}

/* GenUsername V2 — FIRST-SCREEN QUICK GENERATOR, Progressive Disclosure */
.brand-word{color:#86ceff;letter-spacing:-.055em}.brand-mark{font-family:Arial,sans-serif;font-weight:850;letter-spacing:-.12em;padding-right:.12em;font-size:29px!important}.brand{gap:12px}
.neon-home .hero-neon{padding:32px 0 74px}.hero-fast-intro{max-width:1360px;display:flex;align-items:center;justify-content:space-between;gap:32px;margin:0 auto 28px}.hero-fast-intro .hero-copy{padding:0;align-self:center}.hero-fast-intro .hero-copy h1{font-size:clamp(2.7rem,4.6vw,5.2rem);line-height:1.03;margin:8px 0 15px;max-width:900px}.hero-fast-intro .hero-copy h1 em{display:inline}.hero-fast-intro .hero-copy>p{font-size:1.04rem;line-height:1.6;max-width:740px;margin:0}.hero-proof{flex:0 0 270px;align-self:center;background:linear-gradient(130deg,#172957,#101939);border:1px solid #4876df;border-radius:19px;padding:18px 22px;box-shadow:0 0 25px #346fff40;transform:rotate(2deg)}.proof-top{color:#79baff;font-size:.7rem;letter-spacing:.15em;font-weight:800}.proof-name{font-weight:850;font-size:clamp(1.35rem,2.3vw,1.8rem);white-space:nowrap;color:white;text-shadow:0 0 12px #58abff70;margin:12px 0 1px}.hero-proof p{color:#c0d3fa;font-size:.8rem;margin:0 0 12px}.proof-tags{display:flex;gap:6px;flex-wrap:wrap}.proof-tags span{border:1px solid #3d619f;padding:4px 7px;border-radius:7px;background:#182c56;font-size:.65rem;color:#c6ddff}
.hero-fast-workspace{width:min(1380px,calc(100% - 44px));position:relative;z-index:2;scroll-margin-top:90px}.neon-home .hero-fast-workspace .editor{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:22px;align-items:start}.neon-home .hero-fast-workspace .panel,.neon-home .tool-editor-large .panel{border:1px solid #5178cf;border-radius:19px;box-shadow:0 0 27px #2366ff31,0 15px 39px #0008;background:linear-gradient(148deg,#101e45,#090f2b)}.neon-home .hero-fast-workspace .panel-head{padding:17px 21px}.neon-home .hero-fast-workspace .panel-head h2{font-size:1.18rem}.neon-home .hero-fast-workspace .panel-body{padding:19px 23px 23px}.neon-home .hero-fast-workspace .field{margin-bottom:14px}.neon-home .hero-fast-workspace .field label{font-size:.91rem;margin-bottom:6px}.neon-home .hero-fast-workspace .input,.neon-home .hero-fast-workspace .select{min-height:50px;padding:10px 13px;font-size:1rem}.neon-home .hero-fast-workspace .results-inner{padding:17px 19px 22px}.neon-home .hero-fast-workspace .results-toolbar h2{font-size:1rem}.neon-home .hero-fast-workspace .results-list{max-height:none;overflow:visible;display:grid;grid-template-columns:1fr;gap:7px}.neon-home .hero-fast-workspace .result{padding:12px 13px;min-height:62px;border-radius:11px}.neon-home .hero-fast-workspace .result-name{font-size:1rem}.neon-home .hero-fast-workspace .result-meta{font-size:.72rem;margin-top:3px}.neon-home .hero-fast-workspace .mini{min-width:43px;min-height:36px;font-size:.8rem}.neon-home .hero-fast-workspace .below-actions .btn{font-size:.81rem;min-height:37px;padding:8px 12px}.neon-home .hero-fast-workspace .results-note{font-size:.75rem;padding:10px 12px;line-height:1.45}.neon-home .hero-fast-workspace .chip{padding:7px 10px;font-size:.82rem}
.quick-picks{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quick-explain{color:#9fb5e0;font-size:.81rem;margin:0 0 13px;line-height:1.5}.quick-actions{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:10px;margin:4px 0 15px}.quick-actions .btn{min-height:51px;padding:10px;font-size:.95rem!important;border-radius:13px}.quick-actions .btn-primary{background:linear-gradient(110deg,#097afb,#7350f2);color:white;border:1px solid #6098ff;box-shadow:0 0 19px #2859ff4b}.quick-actions .btn-pink{background:linear-gradient(120deg,#213f8d,#6542c3);color:#fff;border:1px solid #6a8fe3}.preset-caption{padding:8px 12px;border:1px solid #4a69a9;background:#112a58;color:#b7e6ff;margin:-2px 0 13px;border-radius:9px;font-size:.79rem;font-weight:700}.advanced-details{border:1px solid #2b4884;border-radius:13px;background:#0a1533;margin-top:6px;overflow:hidden}.advanced-details>summary{list-style:none;color:#cce2ff;font-weight:800;cursor:pointer;padding:14px 17px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:.92rem}.advanced-details>summary::-webkit-details-marker{display:none}.advanced-details>summary::before{content:'+';border:1px solid #507cd0;color:#8acaff;border-radius:7px;width:22px;height:22px;display:grid;place-items:center;margin-right:7px;font-size:1.15rem}.advanced-details[open]>summary::before{content:'−'}.advanced-details[open]>summary{border-bottom:1px solid #314e88;background:#11244e}.advanced-subtitle{font-size:.76rem;color:#8ca8d6;font-weight:500}.advanced-content{padding:20px}.advanced-content .creative-workflow{margin:14px 0}.advanced-content .controls{margin:15px 0}.advanced-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.advanced-actions .btn{font-size:.82rem;min-height:42px;padding:8px;border:1px solid #34538b;background:#172851;color:#e3ecff}.advanced-content .style-picker{max-height:none!important;overflow:visible!important}.advanced-content .field{margin-bottom:14px!important}.advanced-content .field label{font-size:.87rem!important}.advanced-content .input,.advanced-content .select{min-height:46px!important;font-size:.92rem!important}.advanced-content #platform-rule{max-height:none!important;font-size:.77rem!important;overflow:visible!important}.advanced-content .workflow-panel h3{font-size:1.1rem}.advanced-content .mode-card{min-height:70px}.neon-home .hero-fast-workspace .advanced-content .chip{font-size:.79rem}.tool-editor-large .results-list{max-height:none!important;overflow:visible!important}.tool-editor-large .result{min-height:57px!important;padding:11px 12px!important}.tool-editor-large .result-name{font-size:1rem!important}.tool-editor-large .result-meta{font-size:.73rem!important}.tool-editor-large .quick-picks .field label{font-size:.9rem!important}.tool-editor-large .quick-actions .btn{font-size:.91rem!important}.tool-editor-large .advanced-details summary{color:#dbeaff}.tool-editor-large .advanced-content .chip{font-size:.78rem}.results-toolbar{scroll-margin-top:90px}
@media(max-width:1100px){.hero-proof{display:none}.hero-fast-intro .hero-copy h1{font-size:clamp(2.6rem,5.5vw,4.8rem)}.neon-home .hero-fast-workspace .editor{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:14px}.hero-fast-workspace{width:min(100% - 32px,1380px)}}
@media(max-width:820px){.hero-fast-intro{display:block;margin:0 auto 22px}.neon-home .hero-fast-workspace .editor,.neon-home .tool-editor-large{grid-template-columns:1fr}.hero-fast-intro .hero-copy h1{font-size:clamp(2.65rem,8vw,4.1rem);max-width:660px}.hero-fast-intro .hero-copy>p{max-width:620px;font-size:.96rem}.neon-home .hero-fast-workspace .panel{position:static!important}.hero-fast-workspace{width:min(100% - 30px,680px)}.neon-home .hero-fast-workspace .results-list{grid-template-columns:1fr}.neon-home .hero-fast-workspace .panel-body{padding:19px}.neon-home .hero-fast-workspace .results-inner{padding:17px}.neon-home .hero-neon{padding-top:30px}.hero-fast-intro .hero-copy{text-align:left}.advanced-details>summary{align-items:flex-start}}
@media(max-width:480px){.hero-fast-intro{width:min(100% - 30px,640px)}.hero-fast-intro .hero-copy h1{font-size:clamp(2.3rem,10vw,3.25rem);letter-spacing:-.06em}.hero-fast-intro .hero-copy>p{font-size:.91rem;line-height:1.5}.hero-fast-intro .tiny{font-size:.64rem}.neon-home .hero-fast-workspace .panel-head{padding:14px 16px}.neon-home .hero-fast-workspace .panel-body{padding:15px 16px 18px}.quick-picks{grid-template-columns:1fr 1fr;gap:9px}.quick-picks .select{font-size:.83rem!important;padding:7px 6px!important;min-height:44px!important}.quick-actions{gap:7px}.quick-actions .btn{font-size:.81rem!important;padding:9px 5px!important}.advanced-subtitle{display:none}.advanced-content{padding:14px}.advanced-content .mode-grid{grid-template-columns:1fr 1fr;gap:6px}.advanced-content .mode-card{padding:9px 7px;min-height:65px}.advanced-content .mode-card strong{font-size:.77rem}.advanced-content .mode-card span{font-size:.68rem}.neon-home .hero-fast-workspace .result{padding:9px 10px;min-height:54px}.neon-home .hero-fast-workspace .result-name{font-size:.91rem}.neon-home .hero-fast-workspace .mini{min-width:39px}.hero-fast-workspace{width:min(100% - 22px,680px)}.neon-home .hero-neon{padding:26px 0 55px}}

/* v3: fixed pagination, generator-first tool landing pages */
.result-pages{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:13px 0 2px;flex-wrap:wrap;padding:3px 0}.result-pages[hidden]{display:none}.page-numbers{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.page-number{font:inherit;font-size:.88rem;border:1px solid #35568c;background:#122553;color:#c4ddff;border-radius:10px;min-width:36px;height:36px;cursor:pointer}.page-number.active{border-color:#58bfff;background:linear-gradient(115deg,#117ffc,#6d48dc);color:#fff;font-weight:800;box-shadow:0 0 15px #2176ff5e}.pager-btn{font-size:.84rem!important;min-height:36px!important;padding:7px 12px!important}.pager-btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.pagination-status{font-size:.78rem;color:#b3c9f0;margin:9px 1px 0}.result-pages button:focus-visible{outline:3px solid #70d0ff;outline-offset:3px}.tool-first{scroll-margin-top:100px}.full-tool-page>.tool-first{margin-top:12px!important}.full-tool-page>.section.article{margin-top:35px!important}.full-tool-page{padding-top:24px!important}.neon-interior .tool-first .results-list{max-height:none!important;overflow:visible!important}
@media(max-width:480px){.result-pages{justify-content:center}.pager-btn{flex:1 1 110px}.page-numbers{order:-1;flex-basis:100%}.page-number{min-width:38px;height:38px}}

/* Pagination occupies a full row rather than competing with export actions. */
.below-actions #result-pages{width:100%;flex-basis:100%;margin-bottom:8px}

/* GenUsername v4 / page-first UI, unique typographic graphics, tool always ahead of SEO */
.home-hero-art{position:relative;background:radial-gradient(ellipse at 83% 42%,#263584 0,#0c1641 42%,#060a22 75%);border-bottom:1px solid #385494;overflow:hidden;isolation:isolate;color:#fff}
.home-hero-art:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 15% 21%,#70b9ff 1px,transparent 2px),radial-gradient(circle at 76% 22%,#958bff 1px,transparent 2px),radial-gradient(circle at 48% 75%,#4daaff 1px,transparent 2px);background-size:265px 250px;opacity:.38;z-index:-1}
.hero-showcase{display:grid;grid-template-columns:minmax(0,.96fr) minmax(360px,.9fr);align-items:center;gap:40px;min-height:clamp(590px,calc(100svh - 76px),820px);padding:60px 0}
.showcase-eyebrow,.studio-kicker{letter-spacing:.16em;color:#78c8ff;font-weight:850;font-size:.77rem}.showcase-copy h1{margin:17px 0 22px;font-size:clamp(3.9rem,6.1vw,7.2rem);line-height:.97;letter-spacing:-.078em;color:#fff}.showcase-copy h1 em{display:block;font-style:normal;background:linear-gradient(104deg,#26baff,#806cff 73%,#dc9dff);color:transparent;-webkit-background-clip:text;background-clip:text}.showcase-copy>p{font-size:clamp(1.05rem,1.6vw,1.3rem);color:#bfd4fb;max-width:600px;line-height:1.67}
.showcase-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:28px 0}.showcase-actions .btn{min-height:56px;padding:15px 25px;background:linear-gradient(110deg,#167aff,#7844ee);border:1px solid #6aa6ff;color:#fff;border-radius:14px;box-shadow:0 5px 25px #3a77ff55;font-weight:800}.showcase-secondary{color:#cfe2ff;text-decoration:underline;text-underline-offset:5px;font-size:.95rem;font-weight:700}.showcase-facts{display:flex;flex-wrap:wrap;gap:15px;color:#a4c4f6;font-size:.81rem;font-weight:700}.showcase-facts span{white-space:nowrap}
.showcase-art{height:510px;position:relative;display:grid;place-items:center}.showcase-halo{position:absolute;left:12%;top:3%;width:78%;height:88%;border-radius:50%;background:radial-gradient(circle,#2564fa51 0,#6445d62c 31%,transparent 69%);filter:blur(10px)}
.glass-phone{position:relative;width:285px;height:460px;border:3px solid #8da8ff;border-radius:42px;background:radial-gradient(circle at 50% 18%,#2c51a4,transparent 45%),linear-gradient(165deg,#17275d,#060b24 70%);box-shadow:0 0 0 8px #091b4d,0 0 65px #407cff55,16px 20px 40px #01041b;transform:rotate(7deg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.glass-notch{position:absolute;top:16px;width:92px;height:17px;background:#080d2b;border-radius:99px}.glass-avatar{width:128px;height:128px;border:2px solid #75c9ff;border-radius:50%;background:radial-gradient(circle,#376adf,#111c56);display:grid;place-items:center;color:#74d2ff;text-shadow:0 0 15px #56cfff;font-weight:950;font-size:6rem;box-shadow:0 0 34px #518cfb99}.glass-user{font-size:1.6rem;font-weight:900;color:#fff;margin:17px 0 1px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.glass-sub{color:#bdd0ef;font-size:.73rem}.glass-stats{display:flex;justify-content:space-around;width:85%;font-size:.7rem;color:#c6dcff;margin:40px 0 18px}.glass-button{padding:11px 18px;background:linear-gradient(110deg,#0d8cf8,#7053e6);border-radius:9px;color:#fff;font-size:.81rem;font-weight:800}.floating-mini{position:absolute;z-index:2;background:linear-gradient(115deg,#172d65ec,#0b1535fa);border:1px solid #678ded;border-radius:13px;box-shadow:0 10px 28px #010b27a8,0 0 18px #3974fa66;color:#c9e2ff;padding:10px 14px;font-weight:750;font-size:.96rem;display:flex;align-items:center;gap:7px;transform:rotate(-6deg)}.floating-mini i{font-size:.61rem;color:#77c4ff;font-style:normal;border:1px solid #3c5f9f;padding:2px 5px;border-radius:6px}.mini-first{top:21px;left:0}.mini-second{top:215px;right:-20px;transform:rotate(7deg)}.mini-third{bottom:22px;left:5px;transform:rotate(-8deg)}.showcase-bottom{position:absolute;bottom:1px;right:23%;letter-spacing:.2em;color:#85b2ff;font-size:.61rem;font-weight:800}.hero-atmosphere .starsphere{position:absolute;color:#50adff9e;font-size:3rem}.orb-a{top:15%;left:47%}.orb-b{top:75%;right:2%}.orb-c{bottom:4%;left:17%}
.home-studio-band{background:#080c24;color:#fff;padding:68px 0 60px}.home-studio-band .hero-fast-workspace{width:min(1340px,calc(100% - 40px));margin:auto}.studio-heading{margin-bottom:25px}.studio-heading h2{font-size:clamp(2.15rem,4.2vw,3.5rem);line-height:1.05;margin:9px 0}.studio-heading>p{color:#a7c7f1;margin:0}.home-studio-band .editor{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:20px;align-items:start}.home-studio-band .panel{background:linear-gradient(149deg,#101c47,#0b1231);border:1px solid #4b77cd;border-radius:19px;box-shadow:0 20px 45px #02061aa8}.home-studio-band .panel-body,.home-studio-band .results-inner{padding:20px 23px}.home-studio-band .results-list{max-height:none;overflow:visible;display:grid;grid-template-columns:1fr;gap:8px}.home-studio-band .result{min-height:61px;padding:10px 14px}.home-studio-band .input,.home-studio-band .select{min-height:48px}.home-studio-band .panel-head{padding:17px 23px}
.page-top-hero{padding:42px 0 38px!important;min-height:clamp(420px,63vh,630px);display:flex;align-items:center;isolation:isolate;background:radial-gradient(ellipse at 80% 40%,#202e70 0%,#0d173f 48%,#070b22 100%)}.page-top-hero .hero-grid{width:100%;grid-template-columns:minmax(0,1.4fr) minmax(310px,.68fr);gap:34px}.page-top-hero .hero-grid>div:first-child{align-self:center}.page-top-hero .hero-grid h1{font-size:clamp(2.55rem,5.4vw,5.4rem)!important;max-width:900px;line-height:1.08!important;letter-spacing:-.055em}.page-top-hero .hero-grid p{max-width:670px;color:#c2d4f9;line-height:1.6}.page-top-hero .breadcrumbs{font-size:.83rem;color:#c3d7ff}.page-top-hero .eyebrow{display:inline-flex;margin:14px 0 3px;background:#112554;color:#8bd4ff;border:1px solid #4669c6;border-radius:30px;transform:none;padding:6px 11px}.page-hero-cta{display:inline-block;margin-top:17px;background:linear-gradient(105deg,#0b83ff,#7d48f1)!important;border:1px solid #70b8ff!important;color:#fff!important;font-weight:800;padding:12px 20px;border-radius:12px;box-shadow:0 0 18px #3a71fa4e;text-decoration:none!important}
.page-visual-art{position:relative;min-height:300px;width:min(100%,350px);margin:auto;border:1.5px solid var(--page-accent);border-radius:33px;background:linear-gradient(150deg,#16275b,#0c1131);box-shadow:0 0 33px color-mix(in srgb,var(--page-accent) 30%,transparent),0 15px 37px #030620c2;transform:rotate(7deg);display:flex;align-items:center;flex-direction:column;justify-content:center;gap:4px;padding:22px;color:#fff;text-align:center;overflow:hidden}.page-art-halo{position:absolute;width:190px;height:190px;top:-30px;right:-40px;border-radius:50%;background:radial-gradient(circle,var(--page-accent),transparent 70%);opacity:.23}.page-art-symbols{display:flex;gap:23px;color:var(--page-accent);font-size:1.5rem;margin-bottom:10px}.art-glyph{font-size:clamp(2.9rem,5vw,4.7rem);line-height:1.05;font-weight:900;color:var(--page-accent);text-shadow:0 0 25px color-mix(in srgb,var(--page-accent) 65%,transparent);margin-bottom:5px}.art-eyebrow{font-size:.61rem;letter-spacing:.2em;color:var(--page-accent);font-weight:900}.art-quote{font-size:1.1rem;font-weight:800;line-height:1.2;margin:8px 0}.art-example{font-size:.97rem;background:#132b63;border:1px solid #4e78c9;border-radius:999px;padding:8px 13px;color:#e9f3ff;max-width:100%;overflow:hidden;text-overflow:ellipsis}.art-tokens{font-size:.61rem;letter-spacing:.15em;color:#91baf9;margin-top:8px}.page-visual-art:after{content:"";position:absolute;inset:9px;border:1px solid #84a4ff24;border-radius:25px;pointer-events:none}
.neon-interior main.container.main-content.full-tool-page,.neon-interior main.container.main-content.category-main{width:min(1340px,calc(100% - 44px));padding-top:24px!important}.category-editor-section{scroll-margin-top:95px;padding:4px 0 22px}.category-tool-heading{margin-bottom:17px}.category-tool-heading h2{font-size:clamp(1.55rem,2.9vw,2.65rem);margin:6px 0 3px;color:#fff;line-height:1.18}.category-tool-heading p{margin:0;color:#b6cae8}.category-editor-section .editor{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:20px}.category-editor-section .panel{background:linear-gradient(145deg,#14214b,#0a1432);border:1px solid #4977dc;border-radius:20px}.category-editor-section .panel-body,.category-editor-section .results-inner{padding:21px}.category-editor-section .results-list{max-height:none;overflow:visible;display:grid;grid-template-columns:1fr;gap:8px}.category-editor-section .result{min-height:58px}.category-editor-section .input,.category-editor-section .select{min-height:48px}.category-main>.section.article:first-of-type{margin-top:32px}.neon-interior .full-tool-page>.editor{scroll-margin-top:95px}.neon-interior .full-tool-page>.section:not(.purpose-tool){margin-top:28px}.page-top-hero + main .purpose-tool{scroll-margin-top:90px}.home-studio-band .results-list,.category-editor-section .results-list{overflow:visible}
@media(max-width:1050px){.home-studio-band .editor,.category-editor-section .editor{grid-template-columns:1fr}.hero-showcase{grid-template-columns:1fr 330px;gap:22px}.showcase-art{height:460px}.glass-phone{width:240px;height:402px}.page-top-hero .hero-grid{grid-template-columns:1fr 300px}}
@media(max-width:760px){.hero-showcase{grid-template-columns:1fr;min-height:auto;padding:50px 0 32px;gap:24px}.showcase-copy h1{font-size:clamp(3.45rem,12vw,5rem)}.showcase-art{height:300px}.glass-phone{width:165px;height:255px;border-radius:25px;border-width:2px}.glass-notch{top:8px;width:55px;height:10px}.glass-avatar{width:72px;height:72px;font-size:3.2rem}.glass-user{font-size:.95rem}.glass-stats{margin:17px 0 10px;font-size:.54rem}.glass-button{font-size:.54rem;padding:7px}.glass-sub{font-size:.52rem}.floating-mini{font-size:.76rem;padding:7px 10px}.mini-first{left:8%}.mini-second{right:8%;top:131px}.mini-third{left:9%;bottom:10px}.showcase-bottom{display:none}.home-studio-band{padding:39px 0}.home-studio-band .hero-fast-workspace{width:calc(100% - 24px)}.page-top-hero{min-height:0;padding:27px 0 32px!important}.page-top-hero .hero-grid{grid-template-columns:minmax(0,1fr) 160px;gap:15px}.page-visual-art{width:160px;min-height:190px;border-radius:23px;transform:rotate(3deg);padding:9px}.page-art-symbols{gap:9px;font-size:.81rem;margin-bottom:1px}.art-glyph{font-size:2rem}.art-eyebrow{font-size:.44rem}.art-quote{font-size:.68rem}.art-example{font-size:.62rem;padding:4px}.art-tokens{font-size:.43rem;margin-top:3px}.page-top-hero .hero-grid h1{font-size:clamp(1.85rem,5.8vw,3rem)!important}.page-top-hero .hero-grid p{font-size:.86rem;line-height:1.45}.page-hero-cta{font-size:.76rem;padding:10px 12px}.category-editor-section .panel-body,.category-editor-section .results-inner,.home-studio-band .panel-body,.home-studio-band .results-inner{padding:15px}.category-editor-section .results-list{grid-template-columns:1fr}.neon-interior main.container.main-content.full-tool-page,.neon-interior main.container.main-content.category-main{width:calc(100% - 24px)}}
@media(max-width:465px){.page-top-hero .hero-grid{grid-template-columns:1fr 104px;gap:8px}.page-visual-art{width:104px;min-height:142px;padding:6px;border-radius:16px;transform:rotate(3deg)}.page-art-symbols{gap:4px;font-size:.66rem}.art-glyph{font-size:1.55rem}.art-eyebrow{font-size:.38rem;letter-spacing:.07em}.art-quote{font-size:.57rem}.art-example{font-size:.48rem;padding:3px 4px;white-space:nowrap}.art-tokens{display:none}.page-top-hero .hero-grid h1{font-size:clamp(1.7rem,8vw,2.55rem)!important;overflow-wrap:anywhere}.page-top-hero .hero-grid p{font-size:.78rem}.page-top-hero .breadcrumbs{font-size:.7rem}.page-top-hero .eyebrow{font-size:.49rem;letter-spacing:.05em}.showcase-art{height:280px}.showcase-facts{gap:8px;font-size:.68rem}.showcase-copy h1{font-size:clamp(3.1rem,13vw,4rem)}.floating-mini{font-size:.66rem}.mini-first{left:0}.mini-second{right:0}.mini-third{left:0}.showcase-actions .btn{width:100%;text-align:center}.showcase-secondary{margin-inline:auto}}
@media(prefers-reduced-motion:reduce){.floating-mini,.glass-phone,.page-visual-art{animation:none!important;transition:none!important}}

/* Final responsive alignments for the compact page header */
.page-top-hero .hero-grid{width:min(1320px,calc(100% - 56px));margin-left:auto;margin-right:auto}
.page-top-hero .hero-grid>div:first-child{min-width:0}
@media(max-width:760px){.page-top-hero .hero-grid{width:calc(100% - 28px)}}
@media(max-width:465px){.page-top-hero .hero-grid{width:calc(100% - 24px)}}

/* GenUsername v5: platform routing catalog and 10-item, 3-page compact results */
.platform-picker-section{scroll-margin-top:92px;margin:0 0 28px;padding:19px 0 34px}
.platform-picker-header{margin:4px 0 26px;max-width:870px}
.platform-picker-header h2{font-size:clamp(2.05rem,4vw,3.55rem);letter-spacing:-.05em;line-height:1.1;margin:12px 0}
.platform-picker-header p:not(.studio-kicker){color:#bed4f4;line-height:1.6;margin:0;font-size:1.02rem}
.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.platform-choice{color:#f4f8ff;display:flex;align-items:center;gap:17px;background:linear-gradient(125deg,#152553,#0d1839);border:1px solid #476cbb;border-radius:19px;padding:19px 17px;text-decoration:none;min-height:115px;box-shadow:0 8px 25px #050c26a6;transition:transform .17s,border-color .17s,background .17s}
.platform-choice:hover,.platform-choice:focus-visible{transform:translateY(-3px);border-color:#77c7ff;background:linear-gradient(120deg,#1b3574,#0e214b);outline-offset:3px}
.platform-choice img{width:64px;height:64px;flex:none;filter:drop-shadow(0 5px 11px #071125)}
.platform-copy{min-width:0;display:grid;gap:6px;flex:1}
.platform-copy strong{font-size:1.05rem;font-weight:850;line-height:1.25}
.platform-copy>span{font-size:.82rem;line-height:1.45;color:#b6d1f5}
.platform-arrow{font-size:1.25rem;color:#81ceff;flex:none}
.platform-directory-main>.section.article{margin-top:30px}
.platform-hero-icon{width:104px;height:104px;object-fit:contain;display:block;filter:drop-shadow(0 0 19px color-mix(in srgb,var(--page-accent) 65%,transparent));margin-bottom:12px}
.platform-theme-art .art-example{margin-top:13px}
/* Compact generator: no duplicate style chip tray or redundant quick shortcuts. All still backed by same JS. */
#advanced-options .style-picker{display:none!important}
#advanced-options .quick-controls{display:none!important}
#change-style,#shorter,#no-numbers,#add-symbols{display:none!important}
.results-note{font-size:.76rem;line-height:1.45;padding:9px 12px!important;margin-bottom:12px!important}
.results-toolbar{margin-bottom:9px!important}
.results-inner{display:flex;flex-direction:column}
.results-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;max-height:none!important;overflow:visible!important}
.results-list .result{min-width:0;min-height:68px!important;padding:10px 12px!important;gap:7px}
.results-list .result-name{overflow-wrap:anywhere;font-size:.98rem}
.result-pages{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}
.result-pages .pager-btn{padding:9px 11px;min-height:36px}
.page-numbers{display:flex;gap:6px;align-items:center;justify-content:center}
.pagination-status{font-size:.79rem;color:#c3d8ff;margin:14px 0 3px;text-align:center}
.below-actions{align-items:center;gap:11px}
.results-extras{width:100%;border-top:1px solid #38578b;padding-top:10px;margin-top:4px;color:#c4d5f4}
.results-extras summary{cursor:pointer;display:inline-flex;align-items:center;color:#9fd7ff;font-weight:750;padding:9px 0}
.results-extra-buttons{display:flex;gap:8px;flex-wrap:wrap;padding:4px 0 7px}
@media(max-width:800px){.platform-grid{grid-template-columns:1fr}.platform-choice{min-height:102px;padding:13px}.platform-picker-section{padding:8px 0 20px}}
@media(max-width:450px){.platform-choice img{width:52px;height:52px}.platform-copy strong{font-size:.98rem}.platform-copy>span{font-size:.76rem}.platform-choice{gap:11px}.results-list{grid-template-columns:1fr!important}.results-list .result{min-height:52px!important}.platform-hero-icon{width:61px;height:61px;margin-bottom:3px}}

/* v7 focused studio — same dark neon visual system, compact behavior */
.studio-v7{grid-template-columns:minmax(320px,.92fr) minmax(370px,1.08fr);align-items:start;overflow:visible;gap:20px}
.studio-v7 .studio-controls,.studio-v7 .studio-results{min-width:0}
.studio-v7 .studio-results{position:sticky;top:88px;max-height:calc(100dvh - 104px);display:flex;flex-direction:column;overflow:hidden}
.studio-v7 .studio-results .results-inner{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:14px 18px 18px}
.studio-v7 .studio-results .results-list{overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:6px;padding-right:3px;scrollbar-width:thin}
.studio-v7 .studio-results .results-list .result{min-height:45px;padding:7px 10px;border-radius:11px}
.studio-v7 .studio-results .result-name{font-size:.95rem}
.studio-v7 .studio-results .result-meta{font-size:.67rem;margin-top:1px}
.studio-v7 .studio-results .result-actions .mini{font-size:.74rem;padding:5px 7px;min-height:30px}
.studio-v7 .studio-results .results-toolbar{margin-bottom:6px}
.studio-v7 .studio-results .results-note{padding:5px 9px;font-size:.74rem;margin-bottom:8px}
.studio-v7 .studio-results .below-actions{margin-top:8px;gap:7px}
.studio-v7 .studio-results .result-pages{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.studio-v7 .studio-results .pagination-status{margin:6px 0 0;font-size:.73rem}
.studio-v7 .studio-controls .panel-body{padding:18px 21px}
.studio-v7 .studio-controls .field{margin-bottom:12px}
.studio-v7 .studio-controls .input,.studio-v7 .studio-controls .select{min-height:45px}
.studio-v7 .studio-controls .quick-actions{margin:8px 0 13px;display:grid;grid-template-columns:1.35fr 1fr;gap:10px}
.studio-v7 .studio-controls .quick-actions .btn{width:100%;justify-content:center}
.studio-v7 .studio-controls .advanced-details{margin:0}
.studio-v7 .studio-controls .advanced-content{max-height:54dvh;overflow-y:auto;overscroll-behavior:contain;padding:14px}
.studio-v7 .studio-controls .adv-group{margin-bottom:15px}
.studio-v7 .studio-controls .adv-group h3,.studio-v7 .studio-controls .adv-group>label{display:block;font-size:.91rem;margin:0 0 6px;font-weight:750}
.studio-v7 .studio-controls .adv-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;padding:9px;border:1px solid #314f8b;border-radius:12px}
.studio-v7 .studio-controls .adv-toggle span{display:grid;gap:2px}
.studio-v7 .studio-controls .adv-toggle small{color:#a8bfe8;font-size:.73rem}
.studio-v7 .studio-controls .adv-toggle input{width:21px;height:21px;accent-color:#6ca5fc}
.studio-v7 .studio-controls .live-note{color:#acc8f1;font-size:.77rem;margin:10px 0 0}
.studio-v7 .mobile-preview,.mobile-tabs{display:none}
.studio-v7 .studio-results .results-inner>.below-actions .results-extras summary{font-size:.73rem}
.display-studio{margin:14px 0 0;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)}
.display-studio .studio-results{position:sticky;top:90px}.display-results{display:grid;gap:9px}.display-results .result{padding:12px;min-height:52px}
.focused-utility{scroll-margin-top:80px}
.category-guide{max-width:850px}
.studio-v7,.tool-first,.home-studio-band,.focused-utility{scroll-margin-top:85px}
@media(max-width:1100px) and (min-width:761px){.studio-v7{grid-template-columns:minmax(270px,.86fr) minmax(320px,1.14fr)}.studio-v7 .studio-controls .panel-body{padding:13px}.studio-v7 .studio-results .results-inner{padding:11px}}
@media(max-width:760px){
 .studio-v7{display:block;position:relative;scroll-margin-top:15px}
 .studio-v7 .studio-controls,.studio-v7 .studio-results{position:static;max-height:none;box-shadow:none;overflow:visible}
 .studio-v7 .studio-results{display:none}
 .studio-v7.mobile-show-results .studio-controls{display:none}
 .studio-v7.mobile-show-results .studio-results{display:flex}
 .studio-v7 .studio-results .results-inner{overflow:visible;max-height:none;padding:15px}
 .studio-v7 .studio-results .results-list{overflow:visible;max-height:none}
 .studio-v7 .studio-controls .advanced-content{max-height:47dvh}
 .studio-v7 .mobile-tabs{display:flex;gap:8px;background:#111e42;padding:10px 12px;border-bottom:1px solid #38518f}
 .studio-v7 .mobile-tabs button{flex:1;background:#0d1a38;color:#cbdbfb;border:1px solid #375185;border-radius:9px;padding:8px}
 .studio-v7 .mobile-tabs button.active{background:#2858ba;color:white}
 .studio-v7 .mobile-preview{display:none;position:fixed;bottom:9px;left:12px;right:12px;z-index:20;padding:11px 12px;border:1px solid #70afff;background:#11234e;border-radius:15px;box-shadow:0 10px 34px #000a;justify-content:space-between;gap:10px;align-items:center}
 .studio-v7 .mobile-preview.preview-in-scope{display:flex}
 .studio-v7.mobile-show-results .mobile-preview{display:none}
 .studio-v7 .mini-preview-names{display:flex;flex-direction:column;gap:1px;overflow:hidden}
 .studio-v7 .mini-preview-names small{font-size:.64rem;letter-spacing:.08em;color:#8acbff}
 .studio-v7 .mini-preview-names strong{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .studio-v7 .mini-preview-names span{font-size:.72rem;color:#b9cdf4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .studio-v7 .mini-preview-buttons button{padding:8px 10px;border-radius:9px;border:1px solid #7fb5fb;background:#326ade;color:#fff;font-weight:700;font-size:.76rem;white-space:nowrap}
 .display-studio{grid-template-columns:1fr;gap:12px}.display-studio .studio-results{position:static}
}
@media(max-width:370px){.studio-v7 .studio-controls .quick-picks{grid-template-columns:1fr}.studio-v7 .studio-controls .quick-actions{grid-template-columns:1fr 1fr}.studio-v7 .studio-controls .quick-actions .btn{font-size:.82rem;padding:10px 7px}}
@media(prefers-reduced-motion:reduce){.studio-v7,.studio-v7 *{scroll-behavior:auto!important;transition:none!important}}

/* v8 layout fix: pagination has its own row; only username cards scroll.
   Overrides the v5 !important overflow:visible declaration that caused overlap. */
@media(min-width:761px){
 .studio-v7 .studio-results{
   position:sticky;top:88px;height:min(790px,calc(100dvh - 102px));
   min-height:400px;max-height:none;overflow:hidden;display:flex;flex-direction:column;
 }
 .studio-v7 .studio-results>.panel-head{flex:0 0 auto;padding:13px 18px}
 .studio-v7 .studio-results>.panel-head h2{font-size:1.18rem}
 .studio-v7 .studio-results .results-inner{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;padding:12px 15px 14px}
 .studio-v7 .studio-results .results-toolbar,.studio-v7 .studio-results .results-note{flex:0 0 auto}
 .studio-v7 .studio-results .results-list{
   display:flex!important;flex-direction:column!important;flex:1 1 0;min-height:0;
   overflow-y:auto!important;overflow-x:hidden!important;max-height:none!important;
   gap:7px!important;overscroll-behavior:contain;scrollbar-width:thin;padding:2px 4px 5px 0;
 }
 .studio-v7 .studio-results .results-list .result{flex:0 0 auto;min-height:51px!important;padding:9px 11px!important}
 .studio-v7 .studio-results .pagination-status{flex:0 0 auto;margin:9px 0 6px;line-height:1.35}
 .studio-v7 .studio-results .below-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;position:static!important;margin-top:3px;gap:7px;border-top:1px solid #25436e;padding-top:9px;background:transparent}
 .studio-v7 .studio-results .result-pages{display:flex;position:static!important;margin:0;padding:0;width:100%;flex-basis:100%;justify-content:center;gap:6px;flex-wrap:nowrap}
 .studio-v7 .studio-results .result-pages .pager-btn{min-height:33px!important;flex:0 1 auto;padding:5px 8px!important}
 .studio-v7 .studio-results .page-numbers{flex-wrap:nowrap;gap:4px}
 .studio-v7 .studio-results .page-number{height:33px;min-width:32px}
 .studio-v7 .studio-results .results-extras{margin:0;padding:0;border:0;width:auto}
 .studio-v7 .studio-results .results-extras summary{padding:5px}
 .studio-v7 .studio-results .status{min-height:0;margin:0}
}
@media(max-width:760px){
 .studio-v7 .studio-results{position:static;height:auto;min-height:0;max-height:none;overflow:visible}
 .studio-v7 .studio-results .results-inner{min-height:0;overflow:visible;display:flex;flex-direction:column}
 .studio-v7 .studio-results .results-list{display:flex!important;flex-direction:column!important;flex:none;overflow:visible!important;max-height:none!important}
 .studio-v7 .studio-results .result-pages{display:flex;position:static!important;justify-content:center;align-items:center;margin:7px 0;padding:8px 0;gap:7px}
 .studio-v7 .studio-results .pagination-status{position:static!important;text-align:center;margin:12px 0 6px}
 .studio-v7 .studio-results .below-actions{position:static!important;border-top:1px solid #2c4980;padding-top:10px;display:flex;flex-wrap:wrap;gap:8px}
 .studio-v7 .studio-results .results-extras{width:100%}
}


/* GenUsername v9 — compact 2×5 results studio. Deliberately supersedes v7/v8
   scrolling panels: pagination belongs to document flow, never overlays cards. */
@media (min-width: 1100px) {
  .studio-v7 {display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:20px;align-items:start;overflow:visible}
  .studio-v7 .studio-controls,.studio-v7 .studio-results{align-self:start;min-width:0;min-height:0}
  .studio-v7 .studio-controls{height:auto;position:relative!important;overflow:visible}
  .studio-v7 .studio-results{position:sticky!important;top:85px;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;display:flex;flex-direction:column}
  .studio-v7 .studio-results>.panel-head{flex:0 0 auto}
  .studio-v7 .studio-results .results-inner{overflow:visible!important;max-height:none!important;min-height:0!important;flex:0 0 auto!important;display:flex;flex-direction:column;gap:0;padding:14px 16px 17px}
  .studio-v7 .studio-results .results-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:8px!important;flex:none!important;overflow:visible!important;max-height:none!important;min-height:0!important;padding:0!important;scrollbar-width:none!important}
  .studio-v7 .studio-results .results-list .result{display:flex;align-items:center;min-width:0;min-height:65px!important;height:auto!important;padding:10px 11px!important;gap:7px;border-radius:11px}
  .studio-v7 .studio-results .results-list .result>div:first-child{flex:1;min-width:0}
  .studio-v7 .studio-results .results-list .result-name{font-size:.91rem;overflow-wrap:anywhere;line-height:1.25}
  .studio-v7 .studio-results .results-list .result-meta{font-size:.68rem}
  .studio-v7 .studio-results .result-actions{display:flex;flex:0 0 auto;gap:4px}
  .studio-v7 .studio-results .result-actions .mini{min-width:34px;min-height:32px;padding:4px 6px;font-size:.73rem}
  .studio-v7 .studio-results .pagination-status{margin:12px 0 8px!important;line-height:1.4}
  .studio-v7 .studio-results .below-actions{position:static!important;margin:0!important;border-top:1px solid #314b7d;display:flex;flex-wrap:wrap;gap:8px;padding-top:10px;flex:0 0 auto}
  .studio-v7 .studio-results .result-pages{position:static!important;display:flex!important;width:100%;flex-basis:100%;margin:0!important;padding:2px 0 4px!important;gap:6px;flex-wrap:wrap!important;align-items:center;justify-content:center}
  .studio-v7 .studio-results .page-numbers{display:flex;flex-wrap:wrap;gap:4px}
  .studio-v7 .studio-results .results-extras{align-self:center}
}
/* Short browser windows still show every control; no sticky cropping. */
@media (min-width:1100px) and (max-height:760px){.studio-v7 .studio-results{position:static!important}}
/* Tablet: full-width panels in normal document flow, results still compact. */
@media (min-width:761px) and (max-width:1099px){
  .studio-v7{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:15px}
  .studio-v7 .studio-controls,.studio-v7 .studio-results{position:static!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
  .studio-v7 .studio-results .results-inner{overflow:visible!important;min-height:0!important;display:flex;flex-direction:column}
  .studio-v7 .studio-results .results-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;flex:none!important;overflow:visible!important;max-height:none!important}
  .studio-v7 .studio-results .result-pages,.studio-v7 .studio-results .below-actions{position:static!important;flex-wrap:wrap!important}
}
/* Phone: one readable card per row, no internal list scroll, fixed preview remains. */
@media (max-width:760px){
  .studio-v7 .studio-results .results-list{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;overflow:visible!important;max-height:none!important}
  .studio-v7 .studio-results .results-list .result{min-height:55px!important;height:auto!important;padding:10px 11px!important}
  .studio-v7 .studio-results .result-pages{display:flex!important;position:static!important;flex-wrap:wrap!important;gap:6px!important;justify-content:center}
  .studio-v7 .studio-results .pagination-status{line-height:1.5;margin:13px 0 7px}
  .studio-v7 .studio-results .below-actions{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;position:static!important}
  .studio-v7 .studio-controls{height:auto!important;min-height:0!important}
}
/* Fixed UI must never obscure focused buttons at the bottom on tiny screens. */
@media (max-width:760px){.studio-v7.mobile-show-results{padding-bottom:26px}.studio-v7 .result-pages .page-number{min-width:32px}}