.latin-natikongo-container[data-v-d43a86d3]{--surface:linear-gradient(180deg,#fffdf8,#f7f1e7);--panel:#fffefa;--border:#dccfb8;--border-strong:#c4b08b;--ink:#24180a;--muted:#75624b;--accent:#8a5a10;--accent-strong:#6f4709;--danger:#b3412d;background:var(--surface);border:1px solid var(--border);border-radius:24px;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:1120px;min-height:250px;margin:auto;padding:1.5rem;font-family:Noto Sans,Segoe UI,Arial,sans-serif;display:flex;box-shadow:0 18px 40px #4a35181f}.title[data-v-d43a86d3]{color:var(--ink);letter-spacing:-.03em;font-size:clamp(1.35rem,2vw,1.85rem);font-weight:800}.description[data-v-d43a86d3],.title[data-v-d43a86d3]{text-align:center;margin:0}.description[data-v-d43a86d3]{color:var(--muted);max-width:62ch;font-size:.96rem;line-height:1.6}.translation-board[data-v-d43a86d3]{background:var(--panel);border:1px solid #c5b18c80;border-radius:20px;width:100%;padding:1rem;box-shadow:inset 0 1px #fffc,0 10px 24px #4a351814}.input-display[data-v-d43a86d3]{--glyph-size:56px;--glyph-color:var(--ink);overflow-wrap:anywhere;word-break:normal;background:linear-gradient(#fff,#fbf7ef);border:1px solid #c5b18c6b;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.18rem;width:100%;min-height:88px;padding:.9rem 1rem;display:flex}.token-wrapper[data-v-d43a86d3]{align-items:center;gap:1px;display:inline-flex}.natikongo-char[data-v-d43a86d3]{height:var(--glyph-size);-o-object-fit:contain;object-fit:contain;width:var(--glyph-size);margin:1px;display:block}.fallback-char[data-v-d43a86d3]{color:var(--glyph-color);font-size:calc(var(--glyph-size)*.55);padding:2px 3px}.fallback-char.natikongo-font[data-v-d43a86d3]{font-feature-settings:"kern" 1;-webkit-font-kerning:normal;font-kerning:normal;letter-spacing:-.08em}.fallback-char.token-space-after[data-v-d43a86d3]{margin-right:.14em}.fallback-char.token-tight[data-v-d43a86d3]{margin-right:-.04em}.glyph-warning[data-v-d43a86d3]{color:var(--danger);text-align:center;margin:8px 0 0;font-size:.85rem}.input-container[data-v-d43a86d3]{flex-direction:column;align-items:stretch;width:100%;max-width:640px;display:flex}.input-container h3[data-v-d43a86d3]{margin:0 0 .45rem;font-size:.95rem}.input-container h3[data-v-d43a86d3],.text-input[data-v-d43a86d3]{color:var(--ink);text-align:left}.text-input[data-v-d43a86d3]{background:#fffdfa;border:1px solid #c5b18cb3;border-radius:16px;width:100%;height:58px;padding:.9rem 1rem;font-size:1rem;box-shadow:inset 0 1px 2px #00000008}.text-input[data-v-d43a86d3]:focus-visible{border-color:var(--border-strong);outline-offset:2px;outline:2px solid #8a5a1047}.button-row[data-v-d43a86d3]{justify-content:center;gap:.75rem;margin-top:.9rem;display:flex}.clear-button[data-v-d43a86d3],.focus-button[data-v-d43a86d3]{cursor:pointer;border-radius:999px;flex:1;max-width:220px;padding:.82rem 1rem;font-weight:700;transition:transform .14s,box-shadow .14s,background .14s}.focus-button[data-v-d43a86d3]{background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);color:#fff;border:none;box-shadow:0 10px 20px #6f470938}.focus-button[data-v-d43a86d3]:hover{transform:translateY(-1px);box-shadow:0 14px 28px #6f470947}.clear-button[data-v-d43a86d3]{color:var(--ink);background:#efe5d5;border:1px solid #c5b18ccc}.clear-button[data-v-d43a86d3]:hover{background:#e8dbc6;transform:translateY(-1px)}.clear-button[data-v-d43a86d3]:focus-visible,.focus-button[data-v-d43a86d3]:focus-visible,.keypad-btn[data-v-d43a86d3]:focus-visible{outline-offset:2px;outline:2px solid #8a5a1059}.visually-hidden[data-v-d43a86d3]{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;overflow:hidden;position:absolute!important}.has-error[data-v-d43a86d3]{border-color:var(--danger)!important;background-color:#fff5f5!important}.error-message[data-v-d43a86d3]{color:var(--danger);text-align:center;margin-top:8px;font-weight:700}.virtual-keypad[data-v-d43a86d3]{gap:.75rem;width:100%;max-width:420px;margin-top:.25rem;display:grid}.controls-panel[data-v-d43a86d3]{background:#ffffffa8;border:1px solid #c5b18c7a;border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end;gap:.7rem;width:100%;padding:.85rem 1rem;display:grid}.control-group[data-v-d43a86d3]{flex-direction:column;gap:.45rem;min-width:0;display:flex}.control-group--wide[data-v-d43a86d3]{grid-column:1/-1}.control-label[data-v-d43a86d3]{color:var(--ink);justify-content:space-between;align-items:baseline;gap:.6rem;font-size:.88rem;font-weight:700;display:flex}.control-value[data-v-d43a86d3]{color:var(--accent-strong);font-weight:800}.segmented-control[data-v-d43a86d3]{background:#ffffffe6;border:1px solid #c5b18c9e;border-radius:999px;align-items:stretch;gap:4px;width:100%;padding:4px;display:inline-flex}.segmented-control__button[data-v-d43a86d3]{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:.55rem .6rem;font-weight:800}.segmented-control__button.is-active[data-v-d43a86d3]{color:var(--ink);background:linear-gradient(135deg,#8a5a1029,#6f470929)}.control-range[data-v-d43a86d3]{width:100%}.color-control[data-v-d43a86d3]{background:#ffffffe6;border:1px solid #c5b18c8c;border-radius:14px;justify-content:space-between;align-items:center;gap:.65rem;padding:.55rem .6rem;display:flex}.color-control__input[data-v-d43a86d3]{background:0 0;border:none;width:48px;height:34px;padding:0}.color-control__value[data-v-d43a86d3]{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.86rem}.control-group--action-cluster[data-v-d43a86d3]{justify-content:flex-end;align-items:flex-end;display:flex}.keypad-row[data-v-d43a86d3]{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;display:grid}.keypad-btn[data-v-d43a86d3]{color:var(--ink);cursor:pointer;background:linear-gradient(#fffdfa,#f4ecde);border:1px solid #c5b18cb8;border-radius:16px;min-height:54px;font-size:1rem;font-weight:700;transition:transform .14s,box-shadow .14s,border-color .14s}.keypad-btn[data-v-d43a86d3]:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 0 0 2px #8a5a1024}@media (width<=640px){.latin-natikongo-container[data-v-d43a86d3]{border-radius:18px;padding:1rem}.controls-panel[data-v-d43a86d3]{grid-template-columns:1fr}.control-group--wide[data-v-d43a86d3]{grid-column:auto}.button-row[data-v-d43a86d3]{flex-direction:column}.clear-button[data-v-d43a86d3],.focus-button[data-v-d43a86d3]{width:100%;max-width:none}.natikongo-char[data-v-d43a86d3]{width:24px;height:24px}.keypad-row[data-v-d43a86d3]{gap:.55rem}}