.kb.svelte-o9rcx9{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-s);border-radius:16px;outline:none;margin:1.6em 0;padding:16px}.kb.svelte-o9rcx9:focus-visible{box-shadow:var(--ring)}.top.svelte-o9rcx9{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.hint.svelte-o9rcx9{margin:0;font-size:.85rem}.shift.svelte-o9rcx9{align-items:center;gap:6px;font-size:.85rem;display:flex}.grid.svelte-o9rcx9{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;margin-top:12px;display:grid}.keyboard.svelte-o9rcx9{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;flex-direction:column;align-self:start;gap:6px;padding:14px 12px;display:flex;overflow-x:auto}.row.svelte-o9rcx9{align-items:center;gap:5px;display:flex}.rowline.svelte-o9rcx9{width:20px;color:var(--text-3);flex:none;font-size:.65rem;font-weight:700}.rowline.on.svelte-o9rcx9{color:var(--io)}.key.svelte-o9rcx9{aspect-ratio:1;border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;touch-action:manipulation;border-bottom-width:3px;border-radius:8px;flex:1 1 0;min-width:0;max-width:40px;padding:0;font-weight:650;transition:transform 60ms,background .2s}.key.rowOn.svelte-o9rcx9,.key.colOn.svelte-o9rcx9{background:color-mix(in srgb, var(--io) 10%, var(--surface))}.key.rowOn.colOn.svelte-o9rcx9{background:var(--io);color:var(--surface);border-color:var(--io)}.key.down.svelte-o9rcx9{border-bottom-width:1px;transform:translateY(2px)}.pipeline.svelte-o9rcx9{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pipeline.svelte-o9rcx9 li:where(.svelte-o9rcx9){border:1px solid var(--border);opacity:.55;border-radius:10px;flex-direction:column;gap:2px;padding:8px 12px;font-size:.88rem;transition:opacity .3s,background .3s,border-color .3s;display:flex}.pipeline.svelte-o9rcx9 li.on:where(.svelte-o9rcx9){opacity:1}.pipeline.svelte-o9rcx9 li.now:where(.svelte-o9rcx9){border-color:var(--io);background:var(--io-soft)}.pipeline.svelte-o9rcx9 small:where(.svelte-o9rcx9){color:var(--text-2)}.buffer.svelte-o9rcx9{flex-wrap:wrap;gap:3px;margin-top:4px;display:flex}.buffer.svelte-o9rcx9 span:where(.svelte-o9rcx9){text-align:center;background:var(--mem-soft);min-width:22px;color:var(--mem);border-radius:5px;padding:1px 4px;font-weight:700}.buffer.svelte-o9rcx9 span.muted:where(.svelte-o9rcx9){color:var(--text-3);background:0 0;font-weight:400}@media (width<=760px){.grid.svelte-o9rcx9{grid-template-columns:1fr}}.mouse.svelte-1vp0pnu{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-s);border-radius:16px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;margin:1.6em 0;padding:16px;display:grid}.hint.svelte-1vp0pnu{margin:0 0 8px;font-size:.85rem}.pad.svelte-1vp0pnu{touch-action:none;cursor:crosshair;border:1px solid var(--border-strong);border-radius:12px;position:relative;overflow:hidden}canvas.svelte-1vp0pnu{width:100%;height:auto;image-rendering:pixelated;display:block}.lens.svelte-1vp0pnu{border:2px solid var(--io);box-shadow:0 0 0 9999px #00000014, 0 0 12px var(--io);pointer-events:none;border-radius:3px;position:absolute;transform:translate(-50%,-50%)}.frames.svelte-1vp0pnu{align-items:center;gap:10px;display:flex}figure.svelte-1vp0pnu{margin:0}figcaption.svelte-1vp0pnu{color:var(--text-3);margin-bottom:4px;font-size:.72rem}.px.svelte-1vp0pnu{aspect-ratio:1;border:1px solid var(--border-strong);border-radius:6px;grid-template-columns:repeat(9,1fr);width:120px;display:grid;overflow:hidden}.px.svelte-1vp0pnu span:where(.svelte-1vp0pnu){background:hsl(30 8% calc(18% + var(--v) * 70%))}.vs.svelte-1vp0pnu{color:var(--text-3);margin-top:16px;font-size:1.3rem}dl.svelte-1vp0pnu{grid-template-columns:auto 1fr;gap:4px 12px;margin:12px 0;font-size:.88rem;display:grid}dt.svelte-1vp0pnu{color:var(--text-3)}dd.svelte-1vp0pnu{margin:0;font-weight:650}.dpi.svelte-1vp0pnu{flex-direction:column;gap:4px;font-size:.88rem;display:flex}.dpi.svelte-1vp0pnu input:where(.svelte-1vp0pnu){accent-color:var(--io)}.note.svelte-1vp0pnu{color:var(--text-2);margin:10px 0 0;font-size:.85rem}@media (width<=760px){.mouse.svelte-1vp0pnu{grid-template-columns:1fr}}