.mk-keys[data-v-c1929859]{display:flex;flex-direction:column;gap:.95em;padding-bottom:.4em;transition:opacity .3s ease}.mk-keys.is-dim[data-v-c1929859]{opacity:.4}.mk-keys-row[data-v-c1929859]{display:grid;gap:.75em}.mk-keys-row--primary[data-v-c1929859]{grid-template-columns:1fr 1fr}.mk-keys-row--other[data-v-c1929859]{grid-template-columns:repeat(4,1fr)}.mk-key[data-v-c1929859]{display:flex;min-width:0;border-radius:1em;background:#fff;box-shadow:inset 0 1px #ffffffe6,0 0 0 1px var(--k-line),0 .36em 0 0 var(--k-edge),0 .6em .9em -.4em var(--k-glow);transition:transform .14s cubic-bezier(.3,1.5,.5,1),box-shadow .14s ease-out}.mk-key.is-pressed[data-v-c1929859]{transform:translateY(.36em);box-shadow:inset 0 2px 4px #0000000f,0 0 0 1px var(--k-line),0 0 0 0 var(--k-edge),0 1px 3px -1px var(--k-glow)}.mk-key--primary[data-v-c1929859]{align-items:center;gap:.7em;padding:.7em}.mk-key--small[data-v-c1929859]{flex-direction:column;align-items:center;justify-content:center;gap:.35em;padding:.65em .2em .55em}.mk-key-chip[data-v-c1929859]{display:flex;flex-shrink:0;width:2.4em;height:2.4em;padding:.3em;border-radius:.6em;background:var(--k-tint);box-shadow:inset 0 0 0 1px var(--k-line),0 1.5px 0 var(--k-line)}.mk-key-chip--lg[data-v-c1929859]{width:3.2em;height:3.2em;padding:.4em;border-radius:.8em}.mk-key-text[data-v-c1929859]{display:flex;min-width:0;flex-direction:column;line-height:1.15}.mk-key-label[data-v-c1929859]{font-size:1.2em;font-weight:800;color:#1c1917}.mk-key-hint[data-v-c1929859]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9em;font-weight:500;color:#57534e}.mk-key-small-label[data-v-c1929859]{text-align:center;font-size:.95em;font-weight:700;line-height:1.1;color:#44403c;text-wrap:balance}@media (prefers-reduced-motion: reduce){.mk-key[data-v-c1929859]{transition:none}}.ui-card[data-v-b4d964c9]{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 10px 25px -5px #00000014,0 4px 10px -6px #0000000a;overflow:hidden;max-width:var(--ui-card-max-w, 100%);margin:0 auto}@media (min-width: 1024px){.ui-card[data-v-b4d964c9]{max-width:var(--ui-card-max-w, 520px)}.ui-card-narrow[data-v-b4d964c9]{max-width:300px}}.ui-titlebar[data-v-b4d964c9]{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-bottom:1px solid #f3f4f6;background:#fafafa}.ui-dot[data-v-b4d964c9]{width:.5rem;height:.5rem;border-radius:9999px;flex-shrink:0}.ui-titlebar-text[data-v-b4d964c9]{font-size:.6875rem;font-weight:600;color:#374151}.ipad-frame[data-v-b4d964c9]{max-width:480px;width:100%}.ipad-bezel[data-v-b4d964c9]{background:#9ca3af;border-radius:.75rem;padding:.25rem;box-shadow:0 20px 40px -12px #00000026,0 4px 12px -4px #00000014;position:relative}.ipad-camera[data-v-b4d964c9]{width:.375rem;height:.375rem;background:#c9cdd3;border-radius:9999px;position:absolute;top:50%;left:.375rem;transform:translateY(-50%)}.ipad-screen[data-v-b4d964c9]{border-radius:.5rem;overflow:hidden}.ipad-screen img[data-v-b4d964c9]{display:block}