.model-settings { color: #1e293b; }
.model-settings * { box-sizing: border-box; }
.model-settings-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin: 18px 0 22px; }
.model-settings-head strong { font-size: 16px; }
.model-settings-head p { color: #64748b; font-size: 13px; line-height: 1.6; margin: 5px 0 0; }
.model-badge { flex: none; border: 1px solid #e2e8f0; border-radius: 999px; color: #64748b; font-size: 12px; padding: 5px 10px; }
.model-badge.on { background: #eaf6ee; border-color: #c7e8d0; color: #207342; }
.model-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 22px; }
.model-field { display: flex; flex-direction: column; gap: 7px; min-width: 0; font-size: 13px; color: #475569; font-weight: 600; }
.model-field[hidden], .model-clear[hidden] { display: none; }
.model-field input, .model-field select { width: 100%; height: 40px; padding: 0 11px; border: 1px solid #d6deea; border-radius: 9px; background: #fff; color: #1e293b; font: inherit; font-weight: 400; }
.model-field input:focus-visible, .model-field select:focus-visible { border-color: #2e5aac; outline: 3px solid #e3ebfc; }
.model-field input:disabled { color: #94a3b8; background: #f8fafc; }
.model-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.model-actions .btn { height: 38px; padding: 0 17px; cursor: pointer; }
.model-actions .btn:disabled { cursor: wait; opacity: .6; }
.model-message { min-height: 20px; margin: 10px 0 0; font-size: 13px; }
.model-message.ok { color: #207342; }
.model-message.bad { color: #b42318; }
.model-footnote { margin: 8px 0 0; color: #64748b; font-size: 12px; line-height: 1.6; }
@media (max-width: 680px) { .model-grid { grid-template-columns: 1fr; } .model-settings-head { align-items: flex-start; flex-direction: column; } }