/* Light blue Gelora theme */
.kta-wrap { max-width: 860px; margin: 20px auto; background: #f3f9ff; border-radius: 16px; box-shadow: 0 8px 24px rgba(0,60,120,0.08); padding: 24px; border: 1px solid #d9ecff;}
.kta-header { display:flex; align-items:center; gap:12px; margin-bottom:16px;}
.kta-title { font-size: 20px; font-weight:700; color:#0b5fa5;}
.kta-step { display: none; }
.kta-step.active { display:block; }
.kta-actions { display:flex; justify-content:space-between; margin-top:16px;}
.kta-btn { background:#1e90ff; color:#fff; border:none; padding:10px 16px; border-radius:10px; cursor:pointer; font-weight:600;}
.kta-btn.secondary { background:#b0d7ff; color:#073b6f;}
.kta-btn:disabled { opacity:.6; cursor:not-allowed;}
.kta-input, .kta-select, .kta-textarea { width:100%; padding:10px 12px; border:1px solid #bfe0ff; border-radius:10px; background:#fff; margin:6px 0 12px;}
.kta-grid { display:grid; grid-template-columns: repeat(2, 1fr); gap:12px;}
.kta-note { background:#e8f3ff; padding:10px 12px; border-radius:8px; color:#0b5fa5; border:1px solid #cfe7ff;}
.kta-progress{height:8px; background:#e0f0ff; border-radius:999px; overflow:hidden; margin:8px 0 16px;}
.kta-progress .bar{height:100%; width:0; background:#1e90ff; transition:width .3s;}
.kta-error{color:#b80000; background:#ffdede; padding:8px 10px; border-radius:8px; border:1px solid #ffb3b3; margin:8px 0;}
.kta-success{color:#095a00; background:#e8ffe8; padding:8px 10px; border-radius:8px; border:1px solid #a6f0a6; margin:8px 0;}
.kta-hint{font-size:12px; color:#356aa3;}
.kta-uploader{border:2px dashed #8cc6ff; border-radius:12px; padding:16px; text-align:center; background:#fff;}
.kta-preview img{max-width:100%; border-radius:12px; border:1px solid #dbeeff;}
@media (max-width:720px){ .kta-grid{grid-template-columns: 1fr;} }