:root{--font-display:"Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;--font-body:"Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--font-script:"Dancing Script", "Bricolage Grotesque", cursive;--paper:#f6f1e7;--paper-2:#fbf7ee;--card:#fffdf8;--ink:#1a1712;--ink-2:#4c4639;--ink-3:#8a8270;--line:#e7ddc9;--line-2:#d8ccb1;--accent:#8f707f;--accent-strong:#6f5462;--accent-ink:#6a4e5c;--accent-wash:#efe6ec;--blueprint:#1f44c9;--blueprint-ink:#1a39a8;--blueprint-wash:#e6eafb;--ok:#1c7a4d;--ok-wash:#def0e5;--danger:#c0392b;--danger-wash:#f6ddd9;--grid-dot:#1a17120f;--shadow-sm:0 1px 2px #281f0c0f, 0 2px 6px #281f0c0d;--shadow-md:0 6px 18px #281f0c14, 0 2px 6px #281f0c0d;--shadow-lg:0 24px 60px #281f0c29, 0 6px 18px #281f0c14;--r-sm:8px;--r-md:12px;--r-lg:18px;--shell:1180px;--ease:cubic-bezier(.2, .7, .2, 1);--checker:linear-gradient(45deg, var(--line) 25%, transparent 25%), linear-gradient(-45deg, var(--line) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--line) 75%), linear-gradient(-45deg, transparent 75%, var(--line) 75%)}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background-color:var(--paper);background-image:radial-gradient(52rem 28rem at 85% -12%, #8f707f1a, transparent 60%), radial-gradient(var(--grid-dot) 1px, transparent 1px);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-position:0 0,-1px -1px;background-size:auto,24px 24px;font-size:16px;line-height:1.6}h1,h2,h3{color:var(--ink);font-family:var(--font-display);letter-spacing:-.01em;font-weight:700}a{color:inherit}img{max-width:100%}@keyframes sk-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes sk-draw{to{stroke-dashoffset:0}}@keyframes sk-spin{to{transform:rotate(360deg)}}.sk-rise{animation:sk-rise .7s var(--ease) both;animation-delay:calc(var(--i,0) * 80ms)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.sk-shell{max-width:var(--shell);width:100%;margin:0 auto;padding-inline:24px}.sk-eyebrow{color:var(--accent-ink);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:9px;margin:0;font-size:12px;font-weight:600;display:inline-flex}.sk-eyebrow:before{background:var(--accent);content:"";block-size:9px;inline-size:9px;rotate:45deg}.sk-icon{border-radius:7px;display:block}.sk-wordmark{font-family:var(--font-script);font-size:28px;font-weight:700;line-height:1}.sk-btn{border-radius:var(--r-sm);cursor:pointer;font-family:var(--font-body);min-height:46px;transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease), border-color .18s var(--ease);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.sk-btn:hover{transform:translateY(-2px)}.sk-btn:active{transform:translateY(0)}.sk-btn:focus-visible{outline:2px solid var(--blueprint);outline-offset:2px}.sk-btn--primary{background:var(--ink);box-shadow:var(--shadow-md);color:var(--paper-2)}.sk-btn--primary:hover{box-shadow:var(--shadow-lg)}.sk-btn--accent{background:var(--accent-strong);color:#fff;box-shadow:0 8px 20px #6f546247}.sk-btn--ghost{border-color:var(--line-2);color:var(--ink);background:0 0}.sk-btn--ghost:hover{background:var(--card);border-color:var(--ink)}.sk-pill{background:var(--card);border:1px solid var(--line-2);color:var(--ink-2);font-family:var(--font-mono);letter-spacing:.01em;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 13px;font-size:12px;font-weight:500;display:inline-flex}.sk-pill__dot{border-radius:999px;block-size:7px;inline-size:7px}.sk-pill__dot--ok{background:var(--ok);box-shadow:0 0 0 3px var(--ok-wash)}.sk-pill__dot--accent{background:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.sk-pill__dot--blueprint{background:var(--blueprint);box-shadow:0 0 0 3px var(--blueprint-wash)}.sk-pill__dot--danger{background:var(--danger);box-shadow:0 0 0 3px var(--danger-wash)}.sk-section{border-top:1px solid var(--line);padding-block:clamp(52px,7vw,88px)}.sk-section__head{max-width:60ch}.sk-section__title{margin:14px 0 0;font-size:clamp(28px,3.6vw,40px);line-height:1.08}.sk-section__lead{color:var(--ink-2);margin:14px 0 0;font-size:17px;line-height:1.6}.sketchi-icons{gap:16px;max-width:1320px;min-height:100vh;margin:0 auto;padding:20px;display:grid}.sketchi-icons-not-found{font-family:var(--font-body);place-items:center;min-height:100vh;display:grid}.sketchi-icons__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.sketchi-icons__brand{align-items:center;gap:12px;display:flex}.sketchi-icons__home{transition:transform .16s var(--ease), box-shadow .16s var(--ease);border-radius:9px;display:inline-flex}.sketchi-icons__home:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sketchi-icons__home:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sketchi-icons__title{gap:4px;display:grid}.sketchi-icons__eyebrow{color:var(--accent-ink);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:12px;font-weight:600}.sketchi-icons h1{margin:0;font-size:clamp(28px,4vw,40px);line-height:1.05}.sketchi-icons__summary{flex-wrap:wrap;gap:8px;display:flex}.sketchi-icons__summary span{background:var(--card);border:1px solid var(--line);color:var(--ink-2);font-family:var(--font-mono);white-space:nowrap;border-radius:999px;padding:7px 12px;font-size:12px}.sketchi-icons__summary strong{color:var(--ink)}.sketchi-icons__toolbar{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);grid-template-columns:minmax(220px,1fr) minmax(160px,230px) minmax(130px,170px) minmax(130px,170px) auto auto auto;align-items:end;gap:12px;padding:14px;display:grid}.sketchi-icons__field{color:var(--ink-2);gap:6px;font-size:12px;font-weight:600;display:grid}.sketchi-icons__field input,.sketchi-icons__field select{background:var(--paper-2);border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--ink);font:inherit;min-height:42px;padding:9px 11px;font-weight:400}.sketchi-icons__field input:focus-visible,.sketchi-icons__field select:focus-visible{border-color:var(--accent);outline:2px solid var(--accent-wash)}.sketchi-icons__toggle{color:var(--ink-2);align-items:center;gap:8px;min-height:42px;font-size:13px;font-weight:600;display:flex}.sketchi-icons__density{background:var(--paper-2);border:1px solid var(--line-2);border-radius:var(--r-sm);align-items:center;min-height:42px;padding:3px;display:inline-flex}.sketchi-icons__density button{color:var(--ink-2);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;border-radius:6px;min-height:34px;padding:0 10px;font-size:12px;font-weight:700}.sketchi-icons__density button[aria-pressed=true]{color:#e8f5ee;background:#10372c}.sketchi-icons__count{color:var(--ink-3);font-family:var(--font-mono);text-align:right;white-space:nowrap;align-self:center;margin:0;font-size:12px}.sketchi-icons__status{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink-2);text-align:center;justify-content:center;align-items:center;gap:12px;min-height:280px;padding:24px;display:flex}.sketchi-icons__spin{border:3px solid var(--line-2);border-top-color:var(--accent);border-radius:999px;block-size:22px;inline-size:22px;animation:.8s linear infinite sk-spin;display:inline-block}.sketchi-icons__body{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.sketchi-icons__body[data-detail=open]{grid-template-columns:minmax(0,1fr) minmax(420px,520px)}.sketchi-icons__results{gap:16px;min-width:0;display:grid}.sketchi-icons__grid{grid-template-columns:repeat(auto-fill, minmax(var(--icon-card-min,132px), 1fr));gap:10px;display:grid}.sketchi-icons[data-density=compact]{--icon-card-min:104px}.sketchi-icons[data-density=compact] .icon-card{gap:6px;padding:8px}.sketchi-icons[data-density=compact] .icon-card__slug{font-size:12px}.sketchi-icons[data-density=compact] .icon-card__collection{display:none}.sketchi-icons__empty{background:var(--card);border:1px dashed var(--line-2);border-radius:var(--r-md);text-align:center;justify-items:center;gap:12px;padding:48px 24px;display:grid}.sketchi-icons__empty-title{color:var(--ink-2);margin:0}.sketchi-icons__reset{background:var(--ink);border-radius:var(--r-sm);color:var(--paper-2);cursor:pointer;font:inherit;border:0;padding:10px 16px;font-weight:700}.sketchi-icons__more{justify-content:center;padding:8px 0 4px;display:flex}.sketchi-icons__more-btn{background:var(--card);border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--ink);cursor:pointer;font:inherit;min-height:44px;transition:border-color .16s var(--ease), background .16s var(--ease);padding:0 22px;font-weight:700}.sketchi-icons__more-btn:hover{background:var(--paper-2);border-color:var(--ink)}.icon-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;font:inherit;text-align:center;min-width:0;transition:border-color .16s var(--ease), box-shadow .16s var(--ease), transform .16s var(--ease);gap:8px;padding:12px;display:grid}.icon-card:hover{border-color:var(--line-2);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.icon-card:focus-visible{border-color:var(--accent);outline:2px solid var(--accent-wash)}.icon-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.icon-card__preview{aspect-ratio:1;background-color:var(--card);background-image:var(--checker);border:1px solid var(--line);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px;border-radius:6px;justify-content:center;align-items:center;display:flex;position:relative}.icon-card__preview img{max-width:56%;max-height:56%;display:block}.icon-card__flag{background:var(--accent);border:2px solid var(--card);border-radius:999px;block-size:9px;inline-size:9px;position:absolute;top:5px;right:5px}.icon-card__slug{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.icon-card__collection{color:var(--ink-3);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sketchi-icons__detail{align-self:start;min-width:0;position:sticky;top:16px}.icon-detail{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-md);gap:16px;padding:18px;display:grid}.icon-detail__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.icon-detail__eyebrow{color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 3px;font-size:11px}.icon-detail__slug{font-family:var(--font-display);overflow-wrap:anywhere;margin:0;font-size:22px}.icon-detail__close{background:var(--paper-2);border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--ink-2);cursor:pointer;flex:none;justify-content:center;align-items:center;block-size:34px;inline-size:34px;display:inline-flex}.icon-detail__close:hover{border-color:var(--ink);color:var(--ink)}.icon-conversion{gap:12px;min-width:0;display:grid}.icon-conversion__tabs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.icon-conversion__tabs button{background:var(--paper-2);border:1px solid var(--line-2);color:var(--ink-2);cursor:pointer;font:inherit;border-radius:7px;min-height:34px;padding:0 12px;font-size:12px;font-weight:700}.icon-conversion__tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--paper-2)}.icon-conversion__capability{color:var(--ink-3);font-family:var(--font-mono);text-transform:uppercase;border-radius:999px;margin-left:auto;padding:5px 9px;font-size:10px}.icon-conversion__capability[data-status=supported]{background:var(--ok-wash);color:var(--ok)}.icon-conversion__capability[data-status=warned]{background:var(--accent-wash);color:var(--accent-ink)}.icon-conversion__capability[data-status=blocked]{color:#8c2f24;background:#f7e1dd}.icon-conversion__stage{background-color:var(--card);background-image:var(--checker);border:1px solid var(--line);border-radius:var(--r-sm);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;justify-content:center;align-items:center;min-width:0;height:320px;display:flex;overflow:hidden}.icon-conversion__stage>img{max-width:60%;max-height:60%}.icon-conversion__stage .sketchi-excalidraw-scene-canvas{border:0;border-radius:0;width:100%;height:100%}.icon-conversion__state{color:var(--ink-2);text-align:center;align-items:center;gap:10px;padding:24px;display:flex}.icon-conversion__state button{background:var(--card);border:1px solid var(--line-2);color:var(--ink);cursor:pointer;font:inherit;border-radius:7px;padding:7px 10px;font-weight:700}.icon-conversion__controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.icon-conversion__controls label{color:var(--ink-2);gap:5px;font-size:11px;font-weight:700;display:grid}.icon-conversion__controls select,.icon-conversion__controls input{background:var(--paper-2);border:1px solid var(--line-2);color:var(--ink);font:inherit;border-radius:7px;min-width:0;min-height:38px;padding:7px 8px}.icon-conversion__controls .icon-conversion__color{grid-column:span 3}.icon-conversion__color input{width:100%;padding:4px}.icon-conversion__metrics{color:var(--ink-3);font-family:var(--font-mono);gap:12px;font-size:11px;display:flex}.icon-conversion__diagnostics{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink-2);gap:6px;max-height:110px;margin:0;padding:10px;font-size:11px;list-style:none;display:grid;overflow:auto}.icon-conversion__diagnostics strong{color:var(--accent-ink);font-family:var(--font-mono);text-transform:uppercase}.icon-conversion__actions{gap:8px;display:flex}.icon-conversion__actions button,.icon-conversion__actions a,.icon-conversion__actions span{background:var(--paper-2);border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--ink);font:inherit;text-align:center;flex:1;justify-content:center;align-items:center;min-height:42px;padding:0 10px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.icon-conversion__actions a{color:#e8f5ee;background:#10372c;border-color:#10372c}.icon-conversion__actions button:disabled,.icon-conversion__actions span[aria-disabled=true]{cursor:not-allowed;opacity:.5}.icon-detail__meta{margin:0;display:grid}.icon-detail__meta>div{border-top:1px solid var(--line);justify-content:space-between;gap:14px;padding:9px 0;display:flex}.icon-detail__meta>div:first-child{border-top:0}.icon-detail__meta dt{color:var(--ink-2);font-size:13px}.icon-detail__meta dd{color:var(--ink);font-family:var(--font-mono);overflow-wrap:anywhere;text-align:right;margin:0;font-size:13px}.icon-detail__flags{flex-wrap:wrap;gap:6px;display:flex}.icon-detail__flag{background:var(--accent-wash);color:var(--accent-ink);font-family:var(--font-mono);border-radius:999px;padding:4px 10px;font-size:11px}.icon-detail__actions{flex-wrap:wrap;gap:10px;display:flex}.icon-detail__btn{background:var(--paper-2);border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--ink);cursor:pointer;font:inherit;min-height:44px;transition:border-color .16s var(--ease), background .16s var(--ease);flex:1;justify-content:center;align-items:center;padding:0 14px;font-weight:700;text-decoration:none;display:inline-flex}.icon-detail__btn:hover{border-color:var(--ink)}.icon-detail__btn--primary{background:var(--ink);border-color:var(--ink);color:var(--paper-2)}.icon-detail__copy-status{color:var(--ink-3);font-family:var(--font-mono);min-height:18px;margin:-6px 0 0;font-size:11px}@media (width<=760px){.sketchi-icons__toolbar{grid-template-columns:1fr}.sketchi-icons__density{width:100%}.sketchi-icons__density button{flex:1}.sketchi-icons__count{text-align:left}.sketchi-icons__grid{grid-template-columns:repeat(auto-fill, minmax(var(--icon-card-min,108px), 1fr))}.sketchi-icons__body[data-detail=open]{grid-template-columns:minmax(0,1fr)}.sketchi-icons__detail{z-index:50;max-height:86vh;position:fixed;inset:auto 0 0;overflow:auto}.sketchi-icons__detail .icon-detail{border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:0 -18px 50px #1a171247}}