.model-parameters-dialog {
  box-sizing: border-box;
  width: min(520px, calc(100vw - 32px));
  max-height: calc(100dvh - 40px);
  padding: 22px;
  overflow-y: auto;
  border: 1px solid #dbe3ee;
  border-radius: 16px;
  background: #fff;
  color: #233246;
  box-shadow: 0 20px 70px #17263f33;
}
.model-parameters-dialog::backdrop { background: #14233b66; }
.model-parameters-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.model-parameters-title { margin: 0; font-size: 18px; }
.model-parameters-dialog button { cursor: pointer; font: inherit; }
.model-parameters-dismiss { padding: 0 7px; border: 0; background: transparent; color: #68788e; font-size: 26px !important; line-height: 1; }
.model-parameters-model { margin: 8px 0; overflow-wrap: anywhere; font-size: 13px; font-weight: 600; }
.model-parameters-hint, .model-parameters-note { margin: 8px 0 14px; color: #708098; font-size: 12px; line-height: 1.6; }
.model-parameters-fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; margin: 16px 0; }
.model-parameters-fields:empty { display: none; }
.model-parameters-documentation { grid-column: 1 / -1; justify-self: end; color: #2878eb; font-size: 12px; }
.model-parameters-note { grid-column: 1 / -1; margin: 0; padding: 12px; background: #f5f8fc; border-radius: 8px; }
.model-parameters-example { margin: 16px 0; padding: 12px; border: 1px solid #e2e9f2; border-radius: 8px; background: #f7f9fc; }
.model-parameters-example-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.model-parameters-example-title { margin: 0; font-size: 13px; font-weight: 600; }
.model-parameters-example-copy { flex-shrink: 0; padding: 4px 8px; border: 1px solid #d7e0ec; border-radius: 5px; background: #fff; color: #2878eb; font-size: 12px !important; }
.model-parameters-example-preview { margin: 10px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; color: #34435a; font: 12px/1.65 ui-monospace, SFMono-Regular, Menlo, monospace; tab-size: 2; }
.model-parameters-example-preview code { font: inherit; }
.model-parameters-example-note, .model-parameters-example-status { margin: 8px 0 0; color: #708098; font-size: 12px; line-height: 1.6; }
.model-parameters-example-source { display: inline-block; margin-top: 8px; color: #2878eb; font-size: 12px; }
.model-parameters-example-status:empty { display: none; }
.model-parameters-field { min-width: 0; }
.model-parameters-field:has(textarea) { grid-column: 1 / -1; }
.model-parameters-toggle { display: flex; align-items: center; gap: 7px; margin-bottom: 7px; font-size: 12px; }
.model-parameters-checkbox { accent-color: #2878eb; margin: 0; width: 15px; height: 15px; }
.model-parameters-value, .model-parameters-json { box-sizing: border-box; width: 100%; padding: 9px 10px; border: 1px solid #d7e0ec; border-radius: 7px; background: #fff; color: #34435a; font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }
.model-parameters-value:disabled { color: #8b97a8; background: #f7f9fc; }
.model-parameters-json-label { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 600; }
.model-parameters-json { min-height: 150px; resize: vertical; tab-size: 2; }
.model-parameters-dialog :focus-visible { outline: 2px solid #2878eb; outline-offset: 2px; }
.model-parameters-json[aria-invalid="true"], .model-parameters-value[aria-invalid="true"] { border-color: #dc4b46; }
.model-parameters-error { display: block; margin: 6px 0 0; color: #c93630; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.model-parameters-error:empty { display: none; }
.model-parameters-footer { display: flex; align-items: center; gap: 8px; margin-top: 20px; padding-top: 16px; border-top: 1px solid #e7edf5; }
.model-parameters-footer button { padding: 8px 12px; border: 1px solid #d7e0ec; border-radius: 7px; font-size: 13px; background: #fff; color: #41516a; }
.model-parameters-footer .model-parameters-reset { margin-right: auto; border-color: transparent; padding-left: 0; }
.model-parameters-footer .model-parameters-save { background: #2878eb; border-color: #2878eb; color: #fff; }
.model-parameters-footer button:disabled { opacity: .45; cursor: not-allowed; }
@media (max-width: 480px) {
  .model-parameters-dialog { padding: 18px; }
  .model-parameters-fields { grid-template-columns: minmax(0, 1fr); }
}