.kitu-container { max-width: 1000px; margin: 0 auto; padding: 24px; }
.kitu-card { background: #fff; border: 1px solid #eee; border-radius: 12px; padding: 16px; margin-top: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.02); }
.kitu-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.kitu-grid label { display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 600; }
.kitu-grid input, .kitu-grid select { padding: 10px; border: 1px solid #ddd; border-radius: 8px; font-size: 15px; }
.kitu-grid input:focus, .kitu-grid select:focus { border-color: #000; outline: none; }
.kitu-toggles { display: flex; gap: 15px; align-items: center; padding-top: 10px; grid-column: span 2; }
.kitu-toggles label { flex-direction: row; align-items: center; gap: 5px; font-weight: normal; cursor: pointer; }
.kitu-toggles input { margin: 0; }
.kitu-btn { padding: 12px 20px; border-radius: 10px; border: 1px solid #111; background: #111; color: #fff; cursor: pointer; font-weight: 600; font-size: 16px; margin-top: 20px; transition: opacity 0.2s; }
.kitu-btn:hover { opacity: 0.9; }
.kitu-btn-secondary { background: #fff; color: #111; border-color: #ddd; margin-left: 10px; }
.kitu-btn-secondary:hover { background: #f9f9f9; }
.kitu-results-wrap { margin-top: 30px; }
.kitu-results-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 15px; }
.kitu-results-head h2 { margin: 0; font-size: 20px; }
.kitu-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.kitu-item { border: 1px solid #eee; border-radius: 10px; padding: 15px; background: #fff; position: relative; transition: border-color 0.2s; }
.kitu-item:hover { border-color: #ccc; }
.kitu-item.ok { border-left: 4px solid #2ecc71; }
.kitu-item.bad { border-left: 4px solid #e74c3c; }
.kitu-bio { font-size: 15px; line-height: 1.5; white-space: pre-wrap; word-break: break-word; color: #2d3436; }
.kitu-meta { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; font-size: 12px; color: #636e72; border-top: 1px solid #f1f2f6; padding-top: 8px; }
.kitu-copy { padding: 4px 10px; border: 1px solid #ddd; border-radius: 6px; background: #fff; cursor: pointer; font-size: 12px; font-weight: 600; color: #2d3436; }
.kitu-copy:hover { border-color: #b2bec3; background: #f1f2f6; }
.kitu-loading, .kitu-error { padding: 20px; text-align: center; color: #666; background: #f9f9f9; border-radius: 8px; }
@media (max-width: 768px) {
  .kitu-grid, .kitu-results { grid-template-columns: 1fr; }
  .kitu-toggles { flex-direction: column; align-items: flex-start; gap: 10px; grid-column: span 1; }
}