@font-face{font-family:Play Sans;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@ibm/plex-sans@1.1.0/fonts/complete/woff2/IBMPlexSans-Regular.woff2) format("woff2")}@font-face{font-family:Play Sans;font-weight:500;src:url(https://cdn.jsdelivr.net/npm/@ibm/plex-sans@1.1.0/fonts/complete/woff2/IBMPlexSans-Medium.woff2) format("woff2")}@font-face{font-family:Play Sans;font-weight:600;src:url(https://cdn.jsdelivr.net/npm/@ibm/plex-sans@1.1.0/fonts/complete/woff2/IBMPlexSans-SemiBold.woff2) format("woff2")}@font-face{font-family:Play Sans;font-weight:700;src:url(https://cdn.jsdelivr.net/npm/@ibm/plex-sans@1.1.0/fonts/complete/woff2/IBMPlexSans-Bold.woff2) format("woff2")}@font-face{font-family:Play Mono;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@ibm/plex-mono@1.1.0/fonts/complete/woff2/IBMPlexMono-Regular.woff2) format("woff2")}@font-face{font-family:Play Mono;font-weight:500;src:url(https://cdn.jsdelivr.net/npm/@ibm/plex-mono@1.1.0/fonts/complete/woff2/IBMPlexMono-Medium.woff2) format("woff2")}@font-face{font-family:Play Mono;font-weight:600;src:url(https://cdn.jsdelivr.net/npm/@ibm/plex-mono@1.1.0/fonts/complete/woff2/IBMPlexMono-SemiBold.woff2) format("woff2")}@font-face{font-family:Play Mono;font-weight:700;src:url(https://cdn.jsdelivr.net/npm/@ibm/plex-mono@1.1.0/fonts/complete/woff2/IBMPlexMono-Bold.woff2) format("woff2")}:root{--orange: #fe7100;--fg: #1a1a1a;--fg2: #6b6b6b;--line: #e3e3e0;--bg: #fafaf8}*{box-sizing:border-box}body{margin:0;font-family:Play Sans,system-ui,sans-serif;color:var(--fg);background:var(--bg);display:grid;grid-template-columns:340px 1fr;min-height:100vh}aside{border-right:1px solid var(--line);padding:24px;background:#fff;overflow-y:auto;height:100vh;position:sticky;top:0}main{padding:32px 40px}h1{font-size:20px;font-weight:700;margin:0 0 4px}.sub{color:var(--fg2);font-size:13px;margin:0 0 24px}.group{margin-bottom:24px}.group>label.title{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--fg2);margin-bottom:10px}.seg{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.seg button{flex:1;border:0;background:#fff;padding:8px;cursor:pointer;font:inherit;font-size:13px;color:var(--fg2)}.seg button[aria-pressed=true]{background:var(--orange);color:#fff;font-weight:600}.feat{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px}.feat input{accent-color:var(--orange);width:16px;height:16px}.feat code{color:var(--fg2);font-family:Play Mono,monospace;font-size:12px;margin-left:auto}.slider label{display:flex;justify-content:space-between;font-size:14px;margin-bottom:4px}.slider label b{font-family:Play Mono,monospace;font-weight:500}.slider input[type=range]{width:100%;accent-color:var(--orange)}.hint{font-size:11px;color:var(--fg2);margin-top:2px}.specimen{border:1px solid var(--line);border-radius:8px;background:#fff;padding:28px 32px;margin-bottom:24px;overflow:hidden}.specimen .line{transform-origin:left center;white-space:pre-wrap;outline:none;margin:0 0 14px}.specimen .line:last-child{margin-bottom:0}.baked-specimen p{margin:0 0 12px}.baked-specimen p:last-child{margin-bottom:0}.baked-sans{font-family:HVAKR Sans,system-ui,sans-serif}.baked-mono{font-family:HVAKR Mono,ui-monospace,monospace}.recipe{background:#1a1a1a;color:#f0f0f0;border-radius:8px;padding:16px 20px;font-family:Play Mono,ui-monospace,monospace;font-size:13px;line-height:1.6;display:flex;justify-content:space-between;align-items:center;gap:16px}.recipe button{background:var(--orange);color:#fff;border:0;border-radius:6px;padding:8px 14px;cursor:pointer;font:inherit;font-size:12px;font-weight:600;white-space:nowrap}.specimen-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg2);margin:24px 0 8px}@font-face{font-family:HVAKR Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/HVAKRSans-Regular-BhyJQQ_y.woff2) format("woff2")}@font-face{font-family:HVAKR Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/HVAKRSans-Medium-NpIZx5j-.woff2) format("woff2")}@font-face{font-family:HVAKR Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/HVAKRSans-SemiBold-CzwoJwwK.woff2) format("woff2")}@font-face{font-family:HVAKR Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/HVAKRSans-Bold-DOSnYlB5.woff2) format("woff2")}@font-face{font-family:HVAKR Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/HVAKRMono-Regular-C4k8Hu0n.woff2) format("woff2")}@font-face{font-family:HVAKR Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/HVAKRMono-Medium-H7UvtSjZ.woff2) format("woff2")}@font-face{font-family:HVAKR Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/HVAKRMono-SemiBold-D7QwLUco.woff2) format("woff2")}@font-face{font-family:HVAKR Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/HVAKRMono-Bold-BM4L0y2z.woff2) format("woff2")}