/* Independent Aion Names product. Tokens come from config; shell is instance-local. */
.brand{font-size:25px;gap:12px}.brand-icon{width:28px}.footer{padding-block:24px}.footer div{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;margin-top:10px}.footer a:hover{color:var(--accent)}
.product-heading{position:relative;isolation:isolate;margin:20px 22px 0 20px;min-height:220px;display:flex;align-items:center;overflow:hidden;border-radius:6px}.product-heading img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right 48%;z-index:-2}.product-heading:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--bg) 0%,var(--bg) 30%,transparent 76%)}.product-heading>div{padding:28px 24px;max-width:720px}.product-heading h1{font:500 clamp(32px,3.4vw,48px)/1.12 Georgia,serif;letter-spacing:-.7px}.product-heading p{font-size:18px;line-height:1.6;max-width:560px;margin-top:16px;color:var(--text);text-wrap:pretty}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;padding:20px;align-items:start}.generator-column{display:grid;gap:20px;min-width:0}.tool-panel{border:1px solid var(--border);background:var(--surface);border-radius:6px;min-width:0;overflow:hidden}.name-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:24px}.name-form label{font-size:13px;color:var(--text);display:flex;flex-direction:column;gap:8px;min-width:0}.name-form select,.name-form input{color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:11px 10px;min-width:0;width:100%;min-height:46px;font-size:14px}.name-form input::placeholder{color:var(--subtle)}.field-help{font-size:11px;line-height:1.5;color:var(--muted)}.name-form>button{justify-self:start;grid-column:1/-1;min-width:240px}.small{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;border:1px solid var(--border);border-radius:5px;padding:12px 20px;font-size:14px;line-height:1.35}.small.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.small:hover{filter:brightness(1.07)}.small .icon{width:18px;height:18px}
.results-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 18px;gap:14px}.results-heading h2{font:500 28px/1.2 Georgia,serif;letter-spacing:0}.results-heading span{font-size:12px;color:var(--muted)}.name-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 24px 8px}.name-tile{display:flex;align-items:stretch;min-width:0;border:1px solid var(--border);border-radius:5px;background:var(--bg);overflow:hidden}.name-copy{flex:1;min-width:0;text-align:left;background:transparent;color:var(--text);border:0;padding:16px 6px 16px 14px;font:500 19px/1.35 Georgia,serif;overflow-wrap:anywhere;min-height:62px}.name-copy:hover{color:var(--accent)}.save-name{padding:12px 10px;background:transparent;border:0;color:var(--accent);font-size:25px;flex-shrink:0;min-width:44px}.name-tile:focus-within{border-color:var(--accent)}.name-tile button:focus-visible{outline-offset:-4px}.tool-status{padding:12px 24px 22px;font-size:12px;min-height:52px;line-height:1.6}.manual-rail{display:grid;gap:18px;align-content:start}.manual{border:1px solid var(--border);border-radius:6px;background:var(--surface);padding:20px}.manual h2{font:500 22px/1.2 Georgia,serif;letter-spacing:0}.shortlist-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between}.shortlist-heading h2{display:flex;align-items:center;gap:10px}.shortlist-heading .icon{width:21px}.text-button{background:transparent;border:0;color:var(--muted);font-size:12px;padding:6px 0;min-height:36px}.text-button:hover{color:var(--accent)}.text-button:disabled{opacity:.5;cursor:default}.shortlist-panel>p{font-size:12px;margin-top:9px}.shortlist{display:grid;gap:8px;margin-top:18px;max-height:390px;overflow:auto;scroll-margin-top:125px;padding:4px}.shortlist>p{font-size:14px;line-height:1.8;padding:24px 6px;text-align:center}.shortlist .name-copy{font-size:18px;min-height:50px;padding-block:12px}.shortlist .save-name{padding-block:9px}.limits-note p{font-size:13px;line-height:1.75;margin-top:12px}.limits-note .text-link{margin-top:12px}.text-link{color:var(--accent);font-size:13px;display:flex;align-items:center;gap:9px}.text-link .icon{width:16px}.mini-guides .article-row{gap:10px;padding-block:16px}.mini-guides .article-row h3{font-size:14px;line-height:1.5}.mini-guides .article-row p{display:none}.mini-guides .article-row>.icon:first-child{width:18px}.mini-guides .text-link{margin-top:16px}.below-tool{padding:12px 24px 42px}.below-tool>h2{font:500 30px/1.25 Georgia,serif}.below-tool>p{margin-top:14px;max-width:850px;font-size:15px;line-height:1.8}.facts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}.facts-grid h3{font-size:15px}.facts-grid p{font-size:13px;line-height:1.75;margin-top:8px}.manual-copy{margin:0 24px 20px;font-size:13px;line-height:1.6}.manual-copy input,.copy-fallback input{width:100%;padding:10px;color:var(--text);background:var(--bg);border:1px solid var(--accent);border-radius:4px;font-size:16px}
@media(max-width:1350px){.brand{font-size:23px;padding-inline:18px}.workspace{grid-template-columns:minmax(0,1fr) 270px}.name-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.name-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.name-copy{font-size:18px}.product-heading h1{font-size:40px}.product-heading>div{max-width:620px}.product-heading p{max-width:450px;font-size:17px}.product-heading:after{background:linear-gradient(90deg,var(--bg) 0%,var(--bg) 25%,transparent 85%)}}
@media(max-width:1100px){.workspace{grid-template-columns:1fr}.manual-rail{grid-template-columns:1fr 1fr}.manual-rail .mini-guides{grid-column:1/-1}.name-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-heading h1{font-size:36px}.shortlist{max-height:280px}.product-heading:after{background:linear-gradient(90deg,var(--bg) 0%,var(--bg) 20%,transparent 100%)}}
@media(max-width:800px){.brand{font-size:22px;padding-inline:8px}.product-heading{margin:18px 18px 0;min-height:210px}.product-heading>div{padding-inline:12px}.workspace{padding:18px}.product-heading h1{font-size:36px}.below-tool{padding-inline:18px}}
@media(max-width:600px){.brand{font-size:21px;gap:8px}.brand-icon{width:25px}.product-heading{margin:16px 18px 0;min-height:230px;align-items:flex-start}.product-heading>div{padding:18px 0 28px;max-width:100%}.product-heading h1{font-size:34px;line-height:1.12;max-width:320px}.product-heading p{font-size:15px;line-height:1.6;margin-top:14px;max-width:310px}.product-heading img{object-position:72% center;opacity:.5}.product-heading:after{background:linear-gradient(90deg,var(--bg) 0%,transparent 100%)}.workspace{padding:18px;gap:18px}.generator-column{gap:18px}.manual-rail{grid-template-columns:1fr}.manual-rail .mini-guides{grid-column:auto}.name-form{padding:18px 14px;gap:16px 12px}.name-form label{font-size:12px}.name-form select,.name-form input{font-size:16px;padding-inline:8px;min-height:46px}.field-help{font-size:11px}.name-form>button{width:100%;min-width:0}.results-heading{padding:18px 14px;align-items:flex-start}.results-heading h2{font-size:25px}.results-heading span{font-size:11px;max-width:100px;text-align:right}.name-grid{padding-inline:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.name-copy{font-size:18px;padding:14px 4px 14px 10px;min-height:58px}.save-name{padding:10px 7px;min-width:40px}.tool-status{padding-inline:14px;font-size:12px}.below-tool{padding:16px 18px 30px}.below-tool>h2{font-size:27px}.facts-grid{grid-template-columns:1fr;gap:20px}.manual{padding:20px}.footer{margin-inline:18px}.manual-copy{margin-inline:14px}}
@media(max-width:360px){.brand{font-size:18px}.product-heading h1{font-size:31px}.workspace{padding:14px}.name-form{grid-template-columns:1fr}.name-grid{gap:6px}.name-copy{font-size:16px}.save-name{min-width:36px;padding-inline:5px}}