:root{--bg:#f6f5f1;--surface:#fff;--surface-2:#f1efe9;--surface-hover:#efede7;--text:#22242a;--muted:#74757c;--border:#e4e2da;--border-strong:#cfccc2;--accent:#22242a;--accent-hover:#34363c;--error-bg:#fbeceb;--error-border:#f0c4c0;--error-text:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-height:100svh;color:var(--text);background:var(--bg);margin:0}h1{color:var(--text)}.shell{flex-direction:column;min-height:100svh;display:flex}.site-header{z-index:20;background:0 0;border-bottom:1px solid #0000;width:100%;transition:background .25s,border-color .25s,box-shadow .25s;position:sticky;top:0}.site-header--scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:var(--border);background:#edeae2cc;box-shadow:0 4px 16px #1f20240a}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;width:100%;max-width:960px;margin:0 auto;padding:1.1rem 1.25rem;display:flex}.brand{color:var(--text);align-items:center;text-decoration:none;display:inline-flex}.brand__logo,.brand__mark{color:var(--text);flex:none}.brand__word{white-space:nowrap;letter-spacing:-.01em;max-width:200px;color:var(--text);margin-left:.45rem;padding-bottom:.12em;font-family:Poppins,system-ui,sans-serif;font-size:1.5rem;font-weight:500;line-height:1.5;transition:opacity .7s,max-width .7s,margin .7s,transform .7s,-webkit-mask-size .7s,mask-size .7s;overflow:hidden;-webkit-mask-image:radial-gradient(circle,#000 60%,#0000 63%);mask-image:radial-gradient(circle,#000 60%,#0000 63%);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:240px 240px;mask-size:240px 240px;-webkit-mask-repeat:repeat;mask-repeat:repeat}.site-header--scrolled .brand__word{opacity:0;max-width:0;margin-left:0;transform:translate(-2px);-webkit-mask-size:4px 4px;mask-size:4px 4px}@media (prefers-reduced-motion:reduce){.brand__word{transition:opacity .3s,max-width .3s,margin .3s}.site-header--scrolled .brand__word{transform:none;-webkit-mask-size:240px 240px;mask-size:240px 240px}}.brand__name{letter-spacing:-.01em;color:var(--text);font-family:Poppins,system-ui,sans-serif;font-size:1.4rem;font-weight:600}.nav{background:var(--surface-2);border-radius:20px 2px 2px;gap:.3rem;padding:.25rem;display:flex}.nav__link{color:var(--muted);white-space:nowrap;border-radius:999px;padding:.45rem .9rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.nav__link:hover{color:var(--text)}.nav__link--active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #1f20241a}.app{flex:1 0 auto;width:100%;max-width:920px;margin:0 auto;padding:2rem 1.25rem 4rem;overflow-x:clip}.route-anim--forward{animation:.28s both route-in-right}.route-anim--back{animation:.28s both route-in-left}@keyframes route-in-right{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes route-in-left{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.route-anim--forward,.route-anim--back{animation:none}}.site-footer{border-top:1px solid var(--border);width:100%;max-width:960px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin:0 auto;padding:1.5rem 1.25rem 2rem;font-size:.85rem;display:flex}.site-footer__brand{align-items:center;gap:.45rem;display:inline-flex}.site-footer__links{flex-wrap:wrap;gap:1rem;display:flex}.site-footer__links a{color:var(--muted);text-decoration:none}.site-footer__links a:hover{color:var(--text)}.tool{flex-direction:column;gap:2rem;display:flex}.tool__intro{text-align:center}.tool__title{letter-spacing:-.01em;color:var(--text);margin:0 0 .5rem;font-family:Poppins,system-ui,sans-serif;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:600}.tool__desc{max-width:54ch;color:var(--muted);margin:0 auto;line-height:1.55}.dropzone{border:2px dashed var(--border-strong);background:var(--surface);cursor:pointer;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-height:280px;padding:2rem;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;display:flex}.dropzone:hover{border-color:var(--border-strong);background:var(--surface-hover);box-shadow:0 8px 24px #1f20240f}.dropzone--active{border-color:var(--accent);background:var(--surface-hover);transform:scale(1.01);box-shadow:0 8px 24px #1f20241a}.dropzone__icon{color:var(--muted)}.dropzone__title{font-size:1.15rem;font-weight:600}.dropzone__sub{color:var(--muted);font-size:.9rem}.result{flex-direction:column;gap:1.5rem;display:flex}.panels{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (width<=640px){.panels{grid-template-columns:1fr}}.panel{flex-direction:column;gap:.6rem;margin:0;display:flex}.panel figcaption{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:center;font-size:.85rem;font-weight:600}.image-frame{aspect-ratio:1;background:var(--surface);border:1px solid var(--border);border-radius:14px;justify-content:center;align-items:center;display:flex;overflow:hidden}.image-frame img{object-fit:contain;max-width:100%;max-height:100%}.image-frame--transparent{background-color:#fff;background-image:linear-gradient(45deg,#e7e5dd 25%,#0000 25%),linear-gradient(-45deg,#e7e5dd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e7e5dd 75%),linear-gradient(-45deg,#0000 75%,#e7e5dd 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px}.placeholder{text-align:center;flex-direction:column;align-items:center;gap:.85rem;padding:1.5rem;display:flex}.placeholder__label{font-weight:600}.placeholder__hint{color:var(--muted);max-width:24ch;font-size:.8rem}.spinner{color:var(--accent);animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress{background:#78788c40;border-radius:999px;width:200px;max-width:70%;height:8px;overflow:hidden}.progress__bar{background:var(--accent);border-radius:999px;height:100%;transition:width .2s}.actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.btn{appearance:none;cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:.45rem;padding:.7rem 1.4rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px #1f20242e}.btn--primary:hover{background:var(--accent-hover);box-shadow:0 6px 18px #1f20243d}.btn--ghost{border-color:var(--border);color:var(--text);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--surface-hover)}.btn--sm{border-radius:8px;padding:.45rem 1rem;font-size:.85rem}.error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;display:flex}.favicon-form{gap:.6rem;width:100%;max-width:520px;margin:0 auto;display:flex}.favicon-input{min-width:0;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;outline:none;flex:1;padding:.7rem 1rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.favicon-input::placeholder{color:var(--muted)}.favicon-input:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px #1f20240f}.favicon-results{flex-direction:column;gap:1rem;display:flex}.favicon-results__head{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;display:flex}.favicon-results__head strong{color:var(--text)}.favicon-results__count{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:.1rem .55rem;font-size:.8rem}.favicon-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.favicon-card{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:.75rem;padding:1.1rem;display:flex}.favicon-card--error{opacity:.6}.favicon-card__preview{border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;width:88px;height:88px;display:flex;overflow:hidden}.favicon-card__preview img{object-fit:contain;max-width:64px;max-height:64px}.favicon-card__missing{color:var(--muted);font-size:.8rem}.favicon-card__meta{width:100%}.favicon-card__name{font-size:.95rem;font-weight:600}.favicon-card__note{color:var(--muted);word-break:break-word;margin-top:.15rem;font-size:.78rem}.favicon-note{text-align:center;max-width:56ch;color:var(--muted);margin:.25rem auto 0;font-size:.82rem;line-height:1.5}.favicon-note strong{color:var(--text);font-weight:600}.favicon-note--warn,.favicon-note--warn strong{color:var(--error-text)}.brandlogo{flex-direction:column;align-items:center;gap:.85rem;display:flex}.brandlogo__preview{border:1px solid var(--border);border-radius:14px;justify-content:center;align-items:center;width:170px;height:170px;display:flex;overflow:hidden}.brandlogo__preview img{object-fit:contain;max-width:130px;max-height:130px}.typeface{flex-direction:column;gap:.85rem;display:flex}.typeface__preview{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-items:baseline;gap:1rem;padding:1.25rem 1.4rem;display:flex;overflow:hidden}.typeface__sample{color:var(--text);font-size:3rem;font-weight:600;line-height:1}.typeface__pangram{color:var(--muted);font-size:1.05rem;line-height:1.4}.typeface__meta{flex-direction:column;align-items:center;gap:.4rem;display:flex}.typeface__meta .favicon-note{margin-top:0}.brand-section{flex-direction:column;gap:1rem;display:flex}.brand-section__title{color:var(--text);margin:0;font-family:Poppins,system-ui,sans-serif;font-size:1.15rem;font-weight:600}.brand-previews{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=560px){.brand-previews{grid-template-columns:1fr}}.brand-tile{border:1px solid var(--border);background:var(--surface);border-radius:14px;justify-content:center;align-items:center;min-height:130px;padding:1.5rem;display:flex}.brand-tile--dark{background:var(--text);border-color:var(--text)}.brand-lockup{color:var(--text);align-items:center;gap:.6rem;display:inline-flex}.brand-lockup__word{letter-spacing:-.01em;font-family:Poppins,system-ui,sans-serif;font-size:2rem;font-weight:600}.brand-downloads{flex-wrap:wrap;gap:.5rem;display:flex}.swatches{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem;display:grid}.swatch{border:1px solid var(--border);background:var(--surface);text-align:left;font:inherit;cursor:pointer;border-radius:12px;flex-direction:column;align-items:stretch;gap:.15rem;padding:.55rem;transition:box-shadow .15s,transform .15s;display:flex}.swatch:hover{transform:translateY(-1px);box-shadow:0 6px 18px #1f202414}.swatch__chip{border:1px solid var(--border);border-radius:8px;height:56px;margin-bottom:.4rem}.swatch__name{color:var(--text);font-size:.9rem;font-weight:600}.swatch__hex{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.swatch__usage{color:var(--muted);font-size:.75rem;line-height:1.35}.refiner{flex-direction:column;gap:1rem;display:flex}.field{flex-direction:column;gap:.35rem;display:flex}.field--grow{flex:1;min-width:0}.field__label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.8rem;font-weight:600}.field__input{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;outline:none;padding:.7rem .85rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.field__input--area{resize:vertical;min-height:150px;line-height:1.55}.field__input:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px #1f20240f}.refiner__row{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.refiner__row .field:first-child{min-width:160px}.actions--start{justify-content:flex-start}.refiner-output{flex-direction:column;gap:.5rem;display:flex}.refiner-output__head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.refiner-output__actions{gap:.5rem;display:flex}.refiner-output__body{overflow-wrap:anywhere;min-height:130px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.1rem;line-height:1.6}.refiner-output__body>:first-child{margin-top:0}.refiner-output__body>:last-child{margin-bottom:0}.refiner-output__body p{margin:0 0 .75em}.refiner-output__body ul,.refiner-output__body ol{margin:0 0 .75em;padding-left:1.4em}.refiner-output__body li{margin:.25em 0}.refiner-output__body strong{font-weight:600}.refiner-output__body em{font-style:italic}.refiner-output__body a{color:var(--accent);text-decoration:underline}.refiner-output__body h3,.refiner-output__body h4{margin:0 0 .5em;font-family:Poppins,system-ui,sans-serif;font-weight:600}.refiner-output__body--streaming:after{content:"";vertical-align:text-bottom;background:var(--accent);width:2px;height:1.1em;margin-left:1px;animation:1s steps(2,end) infinite caret-blink;display:inline-block}@keyframes caret-blink{to{opacity:0}}