.kf-card{border:2px solid var(--ink,#14162d);background:var(--card,#fff);color:var(--card-foreground,#14162d);box-shadow:4px 4px 0 var(--ink,#14162d);border-radius:22px;padding:16px}.kf-code{background:var(--muted,#eff1f7);border-radius:6px;padding:1px 6px;font-family:ui-monospace,Consolas,monospace}.kf-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:14px;display:grid}.kf-mode{border:2px solid var(--ink,#14162d);background:var(--card,#fff);min-height:56px;color:inherit;cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:4px 6px;line-height:1.2;display:flex}.kf-mode[aria-checked=true]{color:#14162d;box-shadow:3px 3px 0 var(--ink,#14162d);background:#ffd23f}.kf-mode-label{font-size:15px;font-weight:800}.kf-mode-hint{opacity:.75;font-size:12px}.kf-label{margin:4px 0 6px;font-weight:800;display:block}.kf-text,.kf-out{border:2px solid var(--ink,#14162d);box-sizing:border-box;border-radius:16px;width:100%;min-width:0;padding:12px 14px;font-family:inherit;font-size:20px;line-height:1.6}.kf-text{color:#14162d;resize:vertical;background:#fff;min-height:120px}.kf-text:focus-visible{outline-offset:1px;outline:3px solid #ffd23f}.kf-out{background:var(--postit,#fff4bb);color:#14162d;white-space:pre-wrap;overflow-wrap:anywhere;min-height:96px}.kf-mark{color:inherit;background:#ffd23f;border-radius:6px;padding:0 2px;box-shadow:0 0 0 1px #e0b400}.kf-placeholder{opacity:.55}.kf-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.kf-btn{border:2px solid var(--ink,#14162d);color:#14162d;cursor:pointer;background:#fff;border-radius:14px;min-height:48px;padding:6px 16px;font-size:16px;font-weight:800}.kf-btn:disabled{opacity:.45;cursor:not-allowed}.kf-btn:not(:disabled):active{transform:translateY(1px)}.kf-primary{color:#fff;min-height:56px;box-shadow:3px 3px 0 var(--ink,#14162d);background:#23874d;flex:220px;font-size:19px}.kf-examples{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.kf-chip{border:1.5px solid var(--border,#dde2ed);background:var(--muted,#eff1f7);min-height:44px;color:inherit;cursor:pointer;border-radius:999px;padding:4px 12px;font-size:14px}.kf-arrow{text-align:center;margin:6px 0 0;font-size:26px;line-height:1}.kf-status{margin:8px 0 0;font-size:15px}.kf-link{color:var(--pen,#226bd7);cursor:pointer;background:0 0;border:0;min-height:44px;padding:0 4px;font-size:15px;font-weight:800;text-decoration:underline}.kf-actions{margin-top:12px}@media (width<=480px){.kf-card{box-shadow:3px 3px 0 var(--ink,#14162d);padding:12px}.kf-mode-hint{display:none}.kf-text,.kf-out{font-size:18px}}