@font-face{font-family:PrimalBrachialLight;src:url(/fonts/v1/brachial-light-820b1915b0ca7553.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:PrimalGrold;src:url(/fonts/v1/grold-light-cbfd814bd72f39fb.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:PrimalGrold;src:url(/fonts/v1/grold-semilight-2ea536c2401d06c3.woff)format("woff");font-weight:350;font-style:normal;font-display:swap}@font-face{font-family:PrimalGrold;src:url(/fonts/v1/grold-regular-0ac03d47e4c5052f.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PrimalGrold;src:url(/fonts/v1/grold-medium-642490bec1d0c651.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:PrimalGrold;src:url(/fonts/v1/grold-bold-812ee65045c2703b.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:PrimalGrold;src:url(/fonts/v1/grold-black-815f536461b855de.woff)format("woff");font-weight:900;font-style:normal;font-display:swap}*{box-sizing:border-box}body{color:#fff;background:#0c0c0c;margin:0;font-family:PrimalGrold,Arial,sans-serif}header{background:#111;align-items:flex-end;height:206px;padding:16px;display:flex}h1{margin:0;font-size:24px;font-weight:700;line-height:1.05}.workspace{min-height:calc(100dvh - 206px);display:flex}nav{background:#080808;flex-direction:column;flex-shrink:0;align-items:stretch;gap:12px;width:150px;padding:18px 12px;display:flex}nav span,nav button{text-align:left;color:#aaa;font:300 11px Arial,sans-serif}button{color:inherit;cursor:pointer;background:0 0;border:0}nav button{padding:4px 0}nav button[aria-current],nav button:hover{color:#fff}section{flex:1;min-width:0;padding:20px 24px}h2{margin:0 0 22px;font-size:20px;font-weight:300}h3{font-size:14px;font-weight:300}.specimens{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 60px;display:grid}.specimens p{overflow-wrap:anywhere;font-size:18px;line-height:1.5}.note{color:#888;font-size:12px}.sample{border:1px solid #555;margin:8px;padding:14px 20px}.sample:disabled{opacity:.4;cursor:default}details{margin:20px 0}summary{cursor:pointer;border-bottom:1px solid #292929;padding:12px}.reference{width:100%;height:auto}button:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #fff}.example{height:156px}@media (width<=640px){nav{width:120px}section{padding:20px 14px}.specimens{grid-template-columns:1fr}}.specimens p{font-family:PrimalGrold,Arial,sans-serif;font-style:normal}.workspace>nav>button:focus-visible{color:#fff;background:#171717;outline:none;text-decoration:none}.font-controls{flex-wrap:wrap;gap:16px;margin-bottom:18px;display:flex}.font-controls label{color:#aaa;flex:1;gap:8px;min-width:180px;font:11px Arial,sans-serif;display:grid}.font-controls input,.font-controls select{color:#fff;background:#151515;border:1px solid #444;min-width:0;padding:10px;font:14px Arial,sans-serif}.catalog-count{color:#999;font:12px Arial,sans-serif}.font-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px;display:grid}.font-face{content-visibility:auto;contain-intrinsic-size:auto 230px;min-width:0}.font-face h3{color:#ddd;font:14px Arial,sans-serif}.font-face small{color:#999;font:11px/1.5 Arial,sans-serif}.font-preview{white-space:pre-wrap;overflow-wrap:anywhere;font-size:20px;line-height:1.6}.font-loading{color:#888}.glyph-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px;margin:18px 0;display:grid}.glyph-grid span{background:#171717;place-items:center;min-height:42px;font-size:24px;display:grid}.glyph-pages{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font:12px Arial,sans-serif;display:flex}.glyph-pages button{border:1px solid #444;padding:10px}.glyph-pages button:disabled{opacity:.4}.axis{align-items:center;gap:12px;font:12px Arial,sans-serif;display:flex}.axis input{flex:1}@media (width<=900px){.font-catalog{grid-template-columns:1fr}}main>header>h1{font-synthesis:none;font-family:PrimalBrachialLight,Arial,sans-serif;font-size:31.2px;font-style:normal;font-weight:300}main>header{padding-left:12px}.icon-catalog{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;display:grid}.icon-card{background:#101010;border:1px solid #292929;border-radius:4px;min-width:0;padding:14px}.icon-preview{aspect-ratio:1;background:#000;border-radius:2px;justify-content:center;align-items:center;width:100%;display:flex}.icon-preview p{color:#aaa;font:12px Arial,sans-serif}.icon-card h3{overflow-wrap:anywhere;color:#ddd;min-height:36px;margin:16px 0 6px;font:12px/1.5 Arial,sans-serif}.icon-card small{color:#999;font:10px Arial,sans-serif}.icon-actions{flex-wrap:wrap;gap:10px;margin:16px 0 10px;display:flex}.icon-actions button,.icon-actions a{color:#ddd;padding:8px 0;font:10px Arial,sans-serif;text-decoration:none}.icon-actions button:hover,.icon-actions a:hover{color:#fff}.icon-url{color:#999;background:#080808;border:1px solid #333;width:100%;padding:8px;font:10px Arial,sans-serif;display:block}.icon-copy-status{color:#aaa;min-height:28px;margin-top:6px;font:10px/1.4 Arial,sans-serif;display:block}.icon-pagination{margin-top:24px}.icon-controls input[type=range]{accent-color:#aaa;min-height:36px;padding:0}.icon-actions a:focus-visible,.icon-url:focus-visible{outline-offset:3px;outline:2px solid #fff}.workspace>nav>button,.workspace>nav>span{flex-shrink:0;min-height:20px;padding:4px 0;line-height:12px}.rules-intro{color:#aaa;max-width:760px;margin:0 0 24px;font:13px/1.6 Arial,sans-serif}.rules-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px;display:flex}.rules-download{color:#ddd;padding:10px 0;font:11px Arial,sans-serif;text-decoration:none}.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.css-rule{content-visibility:auto;contain-intrinsic-size:auto 210px;background:#101010;border:1px solid #292929;min-width:0;padding:16px}.rules-card-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.css-rule h3{color:#ddd;overflow-wrap:anywhere;margin:0 0 8px;font:13px/1.5 Arial,sans-serif}.rules-card-heading button{color:#aaa;flex-shrink:0;padding:4px 0;font:10px Arial,sans-serif}.css-rule small{color:#888;font:10px Arial,sans-serif}.css-rule pre{white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:thin;color:#ccc;tab-size:2;background:#080808;max-height:320px;padding:14px;font:12px/1.6 Roboto Mono,monospace;overflow:auto}.rules-status{color:#aaa;min-height:16px;font:10px/1.5 Arial,sans-serif;display:block}.rules-download:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (width<=900px){.rules-grid{grid-template-columns:1fr}}@font-face{font-family:PrimalCodeMono;src:url(/fonts/v1/robotomono-light-2cfb0eae1240d99f.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}.css-rule pre{font-family:PrimalCodeMono,monospace;font-weight:300}.rule-visual{background:#0c0c0c;border:1px solid #292929;margin-top:16px;overflow:hidden}.rule-visual-label{color:#aaa;border-bottom:1px solid #292929;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:10px 12px;font:10px/1.5 Arial,sans-serif;display:flex}.rule-visual-label span{color:#777}.rule-visual-frame{background:#0c0c0c;border:0;width:100%;height:240px;display:block}.rule-visual-placeholder{color:#777;place-items:center;height:240px;font:11px Arial,sans-serif;display:grid}.original-controls{flex-wrap:wrap;gap:16px;margin-bottom:18px;display:flex}.original-controls>.original-control{flex:1;min-width:180px}.original-control{font:14px/1.5 Inter Variable,Inter,sans-serif}.original-control .drop-down-menu__input-wrap{width:100%}.original-slider.bc-slider{width:100%;min-width:0}.original-slider .bc-slider-label{color:inherit;font:inherit;margin-bottom:0}.original-slider .bc-slider-control{height:38px}.original-control:has(.bc-field-control[readonly]) .bc-field-control{font-size:11px}@media (width<=640px){.original-controls>.original-control{flex-basis:100%;min-width:0}}.sf-controls{flex-wrap:wrap;gap:16px;margin-bottom:18px;display:flex}.sf-controls label{color:#aaa;flex:1;gap:8px;min-width:160px;font-size:11px;display:grid}.sf-controls input,.sf-controls select{color:#fff;background:#151515;border:1px solid #444;width:100%;min-width:0;padding:10px;font:14px Inter Variable,Inter,sans-serif}.sf-controls input[type=range]{accent-color:#ddd;padding:0}.sf-note{color:#999;font-size:12px}.sf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px;display:grid}.sf-card{border-bottom:1px solid #292929;min-width:0}.sf-card h3{margin:16px 0 10px;font-size:14px}.sf-card small{color:#999;font-size:11px}.sf-preview{white-space:pre-wrap;overflow-wrap:anywhere;font-synthesis:none;font-family:Inter Variable,Inter,sans-serif;line-height:1.7}.sf-card summary{font-size:12px}.sf-glyphs{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:4px;margin:18px 0;display:grid}.sf-glyphs span{background:#171717;place-items:center;min-height:42px;font-family:Inter Variable,Inter,sans-serif;font-size:24px;display:grid}.sf-usage{margin-top:32px}.sf-usage pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#ccc;background:#080808;padding:16px;font:12px/1.6 PrimalCodeMono,monospace}.sf-usage a{color:#aaa;font-size:12px}.system-font input:focus-visible,.system-font select:focus-visible,.system-font a:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (width<=900px){.sf-grid{grid-template-columns:1fr}}.system-font{font-family:Inter Variable,Inter,sans-serif}.system-font .bc-intro{color:#999;margin:0 0 20px;font:14px/1.6 Inter Variable,Inter,sans-serif}.css-internal-left-menu,.css-internal-left-menu button,.css-internal-left-menu a,.css-internal-left-menu span{text-transform:capitalize;font-family:Inter Variable,Inter,sans-serif}.internal-left-menu-rule{border-bottom:1px solid #292929;margin:0 0 32px;padding-bottom:24px}.internal-left-menu-rule p{color:#999;font:14px/1.6 Inter Variable,Inter,sans-serif}.internal-left-menu-rule pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#ccc;background:#080808;padding:16px;font:12px/1.6 PrimalCodeMono,monospace}