:root{--paper: #f6f2ea;--surface: #fffdf9;--ink: #1d1a16;--muted: #625b52;--rule: #e3dccf;--rule-strong: #cdc3b2;--accent: #5b3cc4;--accent-ink: #ffffff;--accent-soft: #ece6fa;--ok: #1d6b3a;--bad: #9b2c2c;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-text: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--content: 760px;--wide: 1080px;--gutter: 16px;--radius: 8px;--row: 62px;--tap: 44px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-text);font-size:1rem;line-height:1.6;overflow-wrap:break-word}img,svg{display:block;max-width:100%}svg{flex:none}a{color:var(--accent);text-underline-offset:.15em}a:hover{color:var(--ink)}h1,h2,h3{font-family:var(--font-display);font-weight:600;font-variation-settings:"opsz" 72,"SOFT" 50;line-height:1.15;letter-spacing:-.01em;margin:0}h1{font-size:clamp(1.9rem,1.4rem + 2.2vw,2.75rem);font-weight:640;letter-spacing:-.02em;font-variation-settings:"opsz" 96,"SOFT" 50}h2{font-size:clamp(1.35rem,1.2rem + .8vw,1.7rem)}h3{font-size:1.15rem}p{margin:0 0 1em}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;left:-9999px;top:0}.skip:focus{left:var(--gutter);top:8px;z-index:50;background:var(--surface);padding:8px 12px}.muted{color:var(--muted)}.wrap{max-width:var(--wide);margin:0 auto;padding:0 var(--gutter)}.prose{max-width:var(--content)}.wrap>.prose{margin-left:0}.site-header{border-bottom:1px solid var(--rule);background:var(--paper)}.header-inner{max-width:var(--wide);margin:0 auto;padding:0 var(--gutter);height:56px;display:flex;align-items:center;gap:16px;position:relative}.brand{font-family:var(--font-display);font-weight:700;font-size:1.25rem;font-variation-settings:"opsz" 36,"SOFT" 100;color:var(--ink);text-decoration:none;white-space:nowrap;margin-right:auto}.nav-wide{display:none}.nav-wide ul,.nav-menu ul{list-style:none;margin:0;padding:0}.nav-wide ul{display:flex;gap:4px}.nav-wide a,.nav-menu a{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 10px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem}.nav-wide a:hover,.nav-wide a[aria-current=page]{color:var(--accent)}.search{display:none;align-items:center}.search input{height:40px;width:180px;padding:0 12px;font:inherit;font-size:.9rem;border:1px solid var(--rule-strong);border-right:0;border-radius:var(--radius) 0 0 var(--radius);background:var(--surface);color:var(--ink)}.search-btn{height:40px;width:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--rule-strong);border-radius:0 var(--radius) var(--radius) 0;background:var(--surface);color:var(--ink);cursor:pointer}.nav-menu>summary{list-style:none;cursor:pointer;min-height:var(--tap);display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--rule-strong);border-radius:var(--radius);font-weight:600}.nav-menu>summary::-webkit-details-marker{display:none}.nav-menu[open]>summary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.nav-menu>nav{position:absolute;right:var(--gutter);left:var(--gutter);top:56px;z-index:40;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:8px;box-shadow:0 8px 24px #18171c1f}.nav-menu li a{width:100%}.search-menu{display:flex;gap:8px;padding:8px 10px 4px}.search-menu input{flex:1;min-width:0;height:var(--tap);padding:0 12px;font:inherit;border:1px solid var(--rule-strong);border-radius:var(--radius)}@media(min-width:900px){.nav-wide{display:block}.nav-menu{display:none}.search{display:flex}.search-menu{display:none}}main{display:block;min-height:60vh}.page-top{padding-top:16px}.crumbs ol{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;font-size:.875rem;color:var(--muted)}.crumbs li+li:before{content:"/";margin:0 8px;color:var(--rule-strong)}.crumbs a{color:var(--muted)}.lede{font-size:1.05rem;color:var(--muted);margin:8px 0 16px;max-width:var(--content)}.section{padding:32px 0 8px;border-top:1px solid var(--rule);margin-top:32px}.section h2{margin-bottom:16px}.section-flush{border-top:0;margin-top:8px}.updated{font-size:.9rem;color:var(--muted);padding:24px 0 40px}.gen-tool{margin:0 0 8px}.gen-form{display:flex;flex-direction:column;gap:12px;margin:0 0 4px;min-width:0}.gen-primary{display:flex;gap:8px}.gen-primary .btn-new{flex:1;min-height:52px;font-size:1.05rem}.btn-filters{min-height:52px;padding:0 18px}.filter-n{font-variant-numeric:tabular-nums}.gen-filters{display:none;flex-direction:column;gap:12px;padding:4px 0 8px}.filters-open .gen-filters{display:flex}.btn-filters[aria-expanded=true],.btn-filters[aria-expanded=true]:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.gen-main{min-width:0}.gen-actions{margin-top:12px}@media(min-width:900px){.gen-primary .btn-new{flex:none;min-width:12rem}.gen-primary .btn-filters{display:none}.gen-filters{display:flex}.gen-tool.has-filters{display:grid;grid-template-columns:250px minmax(0,1fr);column-gap:36px;align-items:start}.gen-tool.has-filters .gen-form{position:sticky;top:16px}.gen-tool.has-filters .gen-primary .btn-new{flex:1;min-width:0}.gen-tool.has-filters .gen-selects{grid-template-columns:1fr 1fr}.gen-tool.has-filters .gen-selects .gen-field:first-child{grid-column:1 / -1}}.gen-field{border:0;margin:0;padding:0;min-width:0}.gen-field legend,.gen-field>label{display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin:0 0 4px;padding:0;text-transform:uppercase;letter-spacing:.04em}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{position:relative;display:inline-flex}.chip input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.chip span{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 14px;border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--surface);font-size:.95rem;cursor:pointer;user-select:none;white-space:nowrap}.chip input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.chip span:hover{border-color:var(--ink)}.gen-selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gen-select select,.gen-input input{width:100%;height:var(--tap);padding:0 10px;font:inherit;font-size:.95rem;color:var(--ink);background:var(--surface);border:1px solid var(--rule-strong);border-radius:var(--radius)}.gen-inputs{display:grid;grid-template-columns:1fr;gap:8px;align-items:end}@media(min-width:640px){.gen-tool:not(.has-filters) .gen-inputs{grid-template-columns:1fr 1fr auto}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--tap);padding:0 16px;font:inherit;font-weight:600;font-size:.95rem;color:var(--ink);background:var(--surface);border:1px solid var(--rule-strong);border-radius:var(--radius);cursor:pointer;text-decoration:none;white-space:nowrap}.btn:hover{border-color:var(--ink);color:var(--ink)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:#4a2fa6;border-color:#4a2fa6;color:var(--accent-ink)}.btn-go{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn-go:hover{color:var(--paper)}.btn-blend{min-height:52px;font-size:1.05rem}.btn-quiet{border-color:transparent;background:transparent;color:var(--accent)}.btn-quiet span{display:inline-block;min-width:1ch;font-variant-numeric:tabular-nums}.btn[disabled]{opacity:.6;cursor:progress}.gen-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.gen-actions .btn-primary{min-width:9.5rem}.gen-status{min-height:1.5em;margin:8px 0 4px;font-size:.9rem;color:var(--muted);line-height:1.5}.gen-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:var(--row);min-height:calc(var(--n, 20) * var(--row));border-top:1px solid var(--rule)}@media(min-width:1000px){.gen-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;min-height:calc(var(--n2, 10) * var(--row))}}.gen-row{display:flex;align-items:center;gap:4px;height:var(--row);min-width:0;border-bottom:1px solid var(--rule);counter-increment:none}.gen-text{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.gen-name{font-family:var(--font-display);font-weight:560;font-size:1.45rem;line-height:1.2;font-variation-settings:"opsz" 36,"SOFT" 60;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gen-name.is-mid{font-size:1.2rem}.gen-name.is-long{font-size:.95rem;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.has-gloss .gen-name.is-long{-webkit-line-clamp:1}.gen-gloss,.gen-result{font-size:.82rem;color:var(--muted);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gen-result{display:none}.has-result .gen-result{display:block}.has-result .gen-gloss{display:none}.has-result .gen-name.is-long{-webkit-line-clamp:1}.res-free{color:var(--ok);font-weight:600}.res-taken{color:var(--bad)}.gen-row-actions{display:flex;align-items:center;flex:none}.gen-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);padding:0;border:0;border-radius:var(--radius);background:transparent;color:var(--muted);cursor:pointer;font:inherit}.gen-btn:hover{color:var(--ink);background:var(--accent-soft)}.gen-fav svg{fill:none}.gen-fav[aria-pressed=true]{color:var(--accent)}.gen-fav[aria-pressed=true] svg{fill:currentColor}.dom-short{display:none}@media(max-width:600px){.has-dom .gen-name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.15rem;line-height:1.15}.has-dom .gen-name.is-mid,.has-dom .gen-name.is-long{font-size:1rem}.dom-long{display:none}.dom-short{display:inline}}.gen-dom{width:auto;padding:0 8px;font-size:.8rem;font-weight:600;color:var(--accent);white-space:nowrap}.gen-tip{position:absolute;bottom:calc(100% - 4px);left:50%;transform:translate(-50%);background:var(--ink);color:var(--paper);font-size:.75rem;padding:2px 6px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .15s;white-space:nowrap}.gen-copy.is-copied .gen-tip{opacity:1}.gen-panel{margin-top:16px;padding:12px 16px;border-left:3px solid var(--accent);background:var(--surface)}.gen-panel p{margin:0}.gen-panel p+p{margin-top:4px;font-size:.95rem}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,8px);z-index:60;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:var(--radius);font-weight:600;font-size:.95rem;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.is-on{opacity:1;transform:translate(-50%)}.ad-slot{min-height:250px;margin:24px 0;background:transparent}@media(min-width:768px){.ad-slot{min-height:280px}}.examples{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);column-gap:32px}@media(min-width:640px){.examples{grid-template-columns:repeat(2,minmax(0,1fr))}}.examples li{padding:12px 0;border-bottom:1px solid var(--rule)}.examples .ex-name{display:block;font-family:var(--font-display);font-weight:600;font-size:1.2rem;line-height:1.25}.examples .ex-why{display:block;color:var(--muted);font-size:.95rem;margin-top:2px}.tips{margin:0;padding-left:1.25em}.tips li{margin-bottom:8px}.faq details{border-bottom:1px solid var(--rule)}.faq details:first-of-type{border-top:1px solid var(--rule)}.faq summary{cursor:pointer;list-style:none;padding:14px 32px 14px 0;position:relative;font-weight:600;min-height:var(--tap)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:4px;top:12px;font-size:1.25rem;color:var(--muted)}.faq details[open] summary:after{content:"−"}.faq details p{margin:0 0 16px;color:var(--ink)}.ruled{list-style:none;margin:0;padding:0}.ruled li{border-bottom:1px solid var(--rule)}.ruled a{display:block;padding:12px 0;text-decoration:none;color:var(--ink)}.ruled a:hover .r-name{color:var(--accent)}.r-name{display:block;font-weight:600;font-family:var(--font-display);font-size:1.15rem}.r-line{display:block;color:var(--muted);font-size:.95rem}.ruled li.has-line{position:relative;padding:12px 0}.ruled li.has-line a{padding:0}.ruled li.has-line a:after{content:"";position:absolute;inset:0}.ruled li.has-line:hover a{color:var(--accent)}.ruled.two{display:grid;grid-template-columns:minmax(0,1fr);column-gap:32px}@media(min-width:640px){.ruled.two{grid-template-columns:repeat(2,minmax(0,1fr))}}.embed-box textarea{width:100%;min-height:110px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink);resize:vertical}.embed-box .btn{margin-top:8px}.sources{padding-left:1.25em;font-size:.95rem}.hubdir{display:grid;grid-template-columns:minmax(0,1fr);gap:0 40px}@media(min-width:700px){.hubdir{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1000px){.hubdir{grid-template-columns:repeat(3,minmax(0,1fr))}}.hubdir section{padding:16px 0 20px;border-top:1px solid var(--rule)}.hubdir h3{margin-bottom:6px}.hubdir h3 a{color:var(--ink);text-decoration:none}.hubdir h3 a:hover{color:var(--accent)}.hubdir ul{list-style:none;margin:0 0 6px;padding:0}.hubdir li a{display:inline-block;padding:3px 0}.see-all{font-weight:600;font-size:.95rem}.crosshubs{display:flex;flex-wrap:wrap;gap:4px 20px;list-style:none;padding:0;margin:0}.crosshubs a{display:inline-block;padding:8px 0}.filter{margin:16px 0 8px;max-width:420px}.filter input{width:100%;height:var(--tap);padding:0 12px;font:inherit;border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--surface)}.az-group{margin-top:28px}.az-group h2{margin-bottom:8px}.az-list{list-style:none;padding:0;margin:0;columns:1;column-gap:32px}@media(min-width:640px){.az-list{columns:2}}@media(min-width:960px){.az-list{columns:3}}.az-list li{break-inside:avoid}.az-list a{display:inline-block;padding:5px 0}.fav-group{margin-top:24px}.fav-group h2{font-size:1.3rem;margin-bottom:6px}.fav-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}.fav-list li{display:flex;align-items:center;gap:4px;min-height:var(--row);border-bottom:1px solid var(--rule)}.fav-list .gen-name{flex:1;min-width:0}.fav-tools{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.is-bare main{min-height:0;padding:12px var(--gutter)}.is-bare .gen-tool.is-compact .gen-list{--row: 52px}.embed-foot{font-size:.85rem;margin:12px 0 0}.site-footer{border-top:1px solid var(--rule);margin-top:48px;background:var(--surface)}.footer-inner{max-width:var(--wide);margin:0 auto;padding:32px var(--gutter) 40px}.footer-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}@media(min-width:700px){.footer-cols{grid-template-columns:2fr 1fr}}.footer-h{font-family:var(--font-text);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px}.site-footer ul{list-style:none;margin:0;padding:0}.footer-hubs{columns:2;column-gap:24px}.site-footer li a{display:inline-block;padding:6px 0;color:var(--ink)}.footer-note{margin:24px 0 0;font-size:.9rem;color:var(--muted)}.footer-note a{color:var(--muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.grecaptcha-badge{visibility:hidden!important}.footer-legal{font-size:.8rem;color:var(--muted);margin-top:8px}