:root{font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202127;background:#fafaf8;--accent:#2563eb}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}:focus-visible{outline:2px solid var(--accent)}header,main,footer{max-width:1200px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:30px 32px;border-bottom:1px solid #deded8}.brand{font-weight:750;font-size:23px;letter-spacing:-1px}.brand span{font-weight:400;color:#63636b}.hero{padding:88px 32px 80px;position:relative}.eyebrow{font-size:11px;letter-spacing:2px;color:#696971;font-weight:700}h1{font-size:clamp(48px,6.5vw,84px);line-height:1.05;letter-spacing:-4px;margin:22px 0}p{color:#63636b}.hero p{max-width:540px;font-size:18px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px}.primary{background:var(--accent);color:white;border:0;border-radius:8px;padding:13px 20px;font-weight:600;display:inline-flex;gap:24px;align-items:center;text-decoration:none}.primary:hover{background:#1d4ed8;text-decoration:none}.hero-samples{position:absolute;right:32px;top:132px;display:flex;gap:14px}.hero-samples i{font-size:70px;border:1px solid #dbeafe;background:#eff6ff;color:var(--accent);border-radius:18px;padding:16px}.hero-samples i:nth-child(2){margin-top:56px}.hero-samples i:nth-child(3){margin-top:112px}#icons{padding:28px 32px 48px;border-top:1px solid #deded8}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading>span{font-size:13px;color:#666}h2{font-size:28px;line-height:1.2;letter-spacing:-1px}.section-heading h2 span{font-size:14px;color:#666;letter-spacing:0;margin-left:8px}.toolbar{display:flex;gap:16px;align-items:center;padding:16px 0}.toolbar>label{display:flex;gap:8px;align-items:center;font-size:13px}.search{flex:1;background:white;border:1px solid #dedee3;border-radius:8px;padding:10px 14px}.search input{width:100%;border:0;outline:0;background:transparent}.search:focus-within{outline:2px solid var(--accent);outline-offset:2px}select{background:white;border:1px solid #dedee3;border-radius:6px;padding:8px}#status{font-size:13px;margin:8px 0 16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:132px;padding:18px 8px;border:1px solid #e1e1e5;border-radius:10px;background:white;cursor:pointer;color:#35353d}.card:hover{border-color:#60a5fa;background:#eff6ff;color:var(--accent)}.card .label{font-size:11px}.usage{padding:64px 32px;display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #deded8}.usage h2{font-size:42px}.usage p{max-width:420px}pre{background:#172033;color:#eff6ff;padding:28px;border-radius:12px;overflow:auto;font-size:13px;align-self:center}footer{display:flex;gap:24px;padding:32px;border-top:1px solid #deded8;color:#666;font-size:12px}footer span{margin-right:auto}dialog{border:1px solid #dedee3;border-radius:16px;width:min(440px,calc(100vw - 32px));padding:32px;text-align:center;box-shadow:0 16px 64px #0003}dialog::backdrop{background:#20202766}#close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px;cursor:pointer}#preview{font-size:88px;color:var(--accent);margin:16px}#classes{display:block;overflow-wrap:anywhere;background:#f1f5fb;padding:10px;border-radius:6px}.dialog-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.dialog-actions button{cursor:pointer;border:1px solid #dedee3;border-radius:8px;padding:10px 14px}.dialog-actions .primary{border:0}#copy-status{font-size:12px;min-height:20px}@media(max-width:960px){.hero-samples{position:static;margin-top:40px}.hero-samples i:nth-child(n){margin:0}.hero{padding-top:48px}}@media(max-width:600px){header,footer{padding:24px}h1{letter-spacing:-2px}.hero,#icons,.usage{padding-left:24px;padding-right:24px}.hero-actions,.toolbar{flex-wrap:wrap}.search{flex-basis:100%}.section-heading{align-items:start;flex-direction:column;gap:0}.usage{grid-template-columns:1fr;gap:8px}.hero-samples i{font-size:48px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card{min-height:110px}footer{flex-wrap:wrap}footer span{flex-basis:100%}}

.brand>.pxi{color:var(--accent)}

.search,select{border-color:#858585}input::placeholder{color:#666;opacity:1}.dialog-actions button:not(.primary){border-color:#858585}.skip-link{position:absolute;left:16px;top:-100px;padding:12px;background:white;color:#1d4ed8;z-index:10}.skip-link:focus{top:12px}