:root{color-scheme:light;--ink:#182f2b;--muted:#60766f;--line:#cdd9d1;--paper:#f4f5ee;--accent:#d8f176;font:15px/1.5 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}header{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:18px 4vw;background:#fff}header a{font-weight:800;font-size:21px;color:inherit;text-decoration:none}header span{font-weight:400;color:var(--muted)}#status{margin-left:auto;font-size:13px}main{max-width:1700px;margin:auto;padding:35px 4vw}.intro{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:30px}.intro p:last-child{max-width:390px;color:var(--muted)}.eyebrow{letter-spacing:.18em;font-size:11px;font-weight:700}h1{font-size:clamp(32px,4vw,55px);line-height:1.08;margin:10px 0;font-weight:600;letter-spacing:-.04em}nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px 0;border-block:1px solid var(--line)}button,select{font:inherit;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);padding:7px 11px}button{cursor:pointer}button:hover{background:var(--accent)}button:disabled{opacity:.45;cursor:default}label{font-size:12px;display:flex;align-items:center;gap:7px}#local{background:var(--ink);color:white}#badges{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0;font-size:11px}#badges span{border:1px solid var(--line);padding:3px 9px;border-radius:20px}.panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}section{min-width:0;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}h2{font-size:13px;font-weight:600;margin:0;padding:14px 18px;border-bottom:1px solid var(--line);display:flex;gap:10px}h2 span{color:var(--muted);font-size:11px}small{margin-left:auto;color:var(--muted);font-size:11px;font-weight:400}textarea,pre{font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}#source{display:block;resize:vertical;width:100%;height:360px;border:0;padding:20px;background:#fcfdf9;color:var(--ink)}pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:20px;min-height:180px}#bash{background:#18322d;color:#dcf1df}#diagram{height:360px;overflow:auto;display:grid;place-items:center;background:radial-gradient(#dae1d8 1px,transparent 1px);background-size:18px 18px}#diagram svg{max-width:100%;height:auto;min-height:200px;touch-action:none}#diagnostics{padding:20px;font:13px/1.7 ui-monospace,monospace;white-space:pre-wrap}dialog{max-width:850px;width:90%;border:1px solid var(--line);border-radius:10px;padding:24px}dialog::backdrop{background:#1239}dialog h2{padding:0 0 14px}#command{width:100%;height:100px;padding:12px}#review{max-height:300px;overflow:auto;background:#f4f5ee}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7ea037;outline-offset:2px}@media(max-width:700px){.intro{display:block}.intro p:last-child{max-width:none}.panels{grid-template-columns:1fr}header{flex-wrap:wrap;gap:8px}#status{font-size:11px}.intro{margin-bottom:15px}main{padding-top:20px}}

.fk-header .fk-nav{border:0;padding:0;gap:12px}.fk-header{padding:16px 4vw}.fk-toolbar{padding:10px 4vw;border-bottom:1px solid var(--line)}.fk-status{padding:12px 4vw}.fk-dialog h2{display:block}.fk-dialog textarea{width:100%}.fk-tabs{padding:0}.fk-tabs button{min-width:0;padding:8px}.fk-dialog pre{min-height:0}#diagram:has(svg[aria-label="MODL diagram"]){background:#12161c}@media(max-width:767px){.fk-toolbar{flex-wrap:wrap}.fk-tabs{width:100%;gap:5px}.fk-tabs button{font-size:12px}#status{font-size:11px}.panels{grid-template-columns:1fr}}
/* Example titles may be longer than a phone's available action row. */
nav label{min-width:0;max-width:100%}nav select{min-width:0;max-width:100%;flex-shrink:1}.fk-drawer input{max-width:100%}#hashbin-status{display:block;overflow-wrap:anywhere}