/*KODE: 97687-SSKHHSS*/
/* ==========================================================
   OMNI CUSTOM KEYBOARD V3 - STYLE ENGINE (MULTI-TOOL)
   ========================================================== */
#omniKeyboard {
    position: fixed; bottom: 0; left: 0; width: 100%; 
    background: #0f172a; border-top: 1px solid #1e293b;
    z-index: 999999; display: flex; flex-direction: column;
    user-select: none;
    transform: translateY(100%); 
    transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
    box-shadow: 0 -10px 40px rgba(0,0,0,0.8);
}

/* KOTAK ALAT KEYBOARD (TOOLBAR) */
.kb-toolbar { display: flex; background: #020617; border-bottom: 1px solid #1e293b; }
.kb-tool-btn {
    flex: 1; padding: 12px; text-align: center; color: #64748b; font-size: 1.1rem;
    cursor: pointer; transition: 0.2s; border-right: 1px solid #1e293b;
}
.kb-tool-btn.active { color: #38bdf8; background: rgba(56,189,248,0.1); border-bottom: 2px solid #38bdf8; }

.kb-header { display: flex; padding: 10px 15px; background: #1e293b; border-bottom: 1px solid #0f172a; align-items: center; gap: 10px; }
.kb-preview {
    flex: 1; background: #020617; color: white; border: 1px solid #334155;
    border-radius: 20px; padding: 10px 15px; font-family: 'Inter', sans-serif;
    font-size: 0.9rem; min-height: 20px; overflow-x: auto; white-space: nowrap;
}
.kb-btn-send {
    background: #38bdf8; color: white; border: none; width: 40px; height: 40px;
    border-radius: 50%; display: flex; justify-content: center; align-items: center; 
    cursor: pointer; font-size: 1.1rem; box-shadow: 0 4px 10px rgba(56,189,248,0.3);
}
.kb-btn-close { background: transparent; color: #64748b; border: none; font-size: 1.2rem; cursor: pointer; padding: 5px; }

.kb-body { padding: 10px 6px 20px 6px; display: flex; flex-direction: column; gap: 8px; }
.kb-row { display: flex; justify-content: center; gap: 6px; width: 100%; }
.kb-key {
    background: #334155; color: white; font-family: 'Inter', sans-serif; font-weight: 500; font-size: 1.2rem; 
    border-radius: 8px; padding: 12px 0; flex: 1; text-align: center; box-shadow: 0 3px 0 #020617; 
    cursor: pointer; display: flex; justify-content: center; align-items: center;
}
.kb-key:active { background: #64748b; transform: translateY(3px); box-shadow: none; }
.kb-special { background: #1e293b; font-size: 1rem; color: #cbd5e1; }
.kb-space { flex: 4; font-size: 1rem; color: #94a3b8; }

/* DESAIN MENU PINTASAN & TOOLS */
.kb-shortcut-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 10px 15px 20px 15px; }
.kb-sc-btn {
    background: linear-gradient(145deg, #1e293b, #0f172a); border: 1px solid #334155; color: white; padding: 15px;
    border-radius: 10px; text-align: center; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3); position: relative;
}
.kb-sc-btn i { font-size: 1.5rem; color: #facc15; }

/* TOMBOL + (PLUS) UNTUK EDIT MENU */
@keyframes pulsePlus { 0% { transform: scale(1); } 50% { transform: scale(1.1); box-shadow: 0 0 15px #10b981; } 100% { transform: scale(1); } }
.add-sc-overlay {
    position: absolute; top: -5px; right: -5px; background: #10b981; color: white; width: 35px; height: 35px; 
    border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 1.2rem; font-weight: bold;
    z-index: 10; cursor: pointer; border: 2px solid #0f172a; animation: pulsePlus 1.5s infinite;
}