:root{--ground:#fff;--ink:#242627;--text:#4c4f50;--muted:#5e6366;--rule:#ededed;--accent:#3a72b0}[hidden]{display:none!important}*{box-sizing:border-box}html,body{background:var(--ground);height:100%;color:var(--text);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}#app{grid-template-rows:auto 1fr auto;height:100%;display:grid}.toolbar{flex-wrap:wrap;align-items:baseline;gap:4px 18px;padding:12px 16px;display:flex}button{font:inherit;color:var(--ink);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:3px;background:0 0;border:0;padding:4px 0}button:hover,button:focus-visible{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);outline:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stage{min-height:0;position:relative}#canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.prompt{text-align:center;color:var(--muted);pointer-events:none;margin:0;font-size:19px;position:absolute;top:40%;left:0;right:0}.credits-line{color:var(--muted);padding:10px 16px 14px;font-size:13px}.credits-line .link,.example-credit{color:var(--muted);font-size:13px}body.bench{height:auto}#bench{max-width:720px;margin:0 auto;padding:32px 16px 64px}#bench h1{color:var(--ink);margin:0 0 12px;font-size:24px;font-weight:500}dl.measure{grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;margin:16px 0;display:grid}dl.measure dt{color:var(--text)}dl.measure dd{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;margin:0}dl.measure .tag{color:var(--muted);font-size:13px;display:block}.measure-note,.toolbar .note{color:var(--muted);font-size:13px}.share-field{border:1px solid var(--rule);width:min(420px,60vw);padding:2px 4px;font:13px system-ui,sans-serif}.nudge{background:var(--ground);border:1px solid var(--rule);white-space:nowrap;border-radius:6px;align-items:baseline;gap:14px;padding:8px 14px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.info{background:var(--ground);border:1px solid var(--rule);border-radius:6px;width:min(380px,100% - 32px);max-height:calc(100% - 16px);padding:4px 16px 12px;font-size:13px;position:absolute;top:8px;right:16px;overflow:auto}.info .info-head{color:var(--text);margin:10px 0 0}.info dl.measure{grid-template-columns:minmax(0,1fr) auto}.info dl.measure dd{text-align:right;white-space:nowrap}.info dl.measure .tag{white-space:normal;max-width:180px;margin-left:auto}dialog#credits{border:1px solid var(--rule);max-width:min(640px,100vw - 32px);color:var(--text);border-radius:6px;padding:8px 24px 16px;font-size:15px;line-height:1.55}dialog#credits h2{color:var(--ink);font-size:19px;font-weight:500}dialog#credits h3{color:var(--ink);margin-bottom:0;font-size:15px;font-weight:500}dialog#credits a{color:var(--ink);-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:3px;overflow-wrap:anywhere}dialog#credits a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}dialog::backdrop{background:#24262740}@media (max-width:600px){.toolbar{gap:2px 14px}.credits-line{font-size:13px}}.info table.fam{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:10px 0 4px}.info table.fam th{text-align:left;color:var(--muted);padding:2px 6px 4px 0;font-weight:500}.info table.fam td{color:var(--ink);white-space:nowrap;padding:2px 6px 2px 0}.info table.fam td:not(:first-child),.info table.fam th:not(:first-child){text-align:right}