@media screen {
  #template-studio #section-training .model-training { margin:0 0 20px;padding:12px 16px;border:1px solid var(--line,#d6dfd8);border-radius:8px;background:var(--surface,#fff);color:var(--ink,#25332c);font:13px/1.5 var(--ui-font,"Segoe UI",Arial,sans-serif); }
  #template-studio #section-training .model-training [hidden] { display:none!important; }
  #template-studio #section-training .model-training-heading { display:flex;align-items:center;gap:12px; }
  #template-studio #section-training .model-training-heading h2 { flex:1;margin:0;font-size:15px;font-weight:650; }
  #template-studio #section-training .model-training-phase { padding:4px 8px;border-radius:5px;background:var(--teal-wash,#edf3e7);color:var(--ink-soft,#5f6f65);font-size:12px; }
  #template-studio #section-training .model-training button { min-height:40px;padding:9px 13px;border:1px solid var(--line-strong,#b7c7ba);border-radius:6px;background:var(--surface,#fff);color:var(--ink,#25332c);font:600 13px/1.4 var(--ui-font,"Segoe UI",Arial,sans-serif);cursor:pointer; }
  #template-studio #section-training .model-training button:hover:not(:disabled) { background:var(--surface-muted,#eff3ef); }
  #template-studio #section-training .model-training button:disabled { opacity:.5;cursor:not-allowed; }
  #template-studio #section-training .model-training-heading button { min-height:32px;padding:6px 10px;font-size:12px; }
  #template-studio #section-training .model-training-heading button[data-model=refresh] { min-height:32px;border-color:transparent;background:transparent;padding:6px;color:var(--ink-soft,#5f6f65);font-weight:400; }
  #template-studio #section-training .model-training button[data-model=start],#template-studio #section-training .model-training button[data-model=confirm],#template-studio #section-training .model-training button[data-model=activate] { background:#3c5535;color:#fff;border-color:#3c5535; }
  #template-studio #section-training .model-training button[data-model=start]:hover:not(:disabled),#template-studio #section-training .model-training button[data-model=confirm]:hover:not(:disabled),#template-studio #section-training .model-training button[data-model=activate]:hover:not(:disabled) { background:#2c4226;border-color:#2c4226; }
  #template-studio #section-training .model-training :focus-visible { outline:3px solid var(--focus,#536f40);outline-offset:3px; }
  #template-studio #section-training .model-training-metrics { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:10px 0 6px; }
  #template-studio #section-training .model-training-metrics>div { min-width:0; }
  #template-studio #section-training .model-training-metrics dt,#template-studio #section-training .model-training-metrics small { display:block;color:var(--ink-soft,#5f6f65);font-size:12px;overflow-wrap:anywhere; }
  #template-studio #section-training .model-training-metrics dd { margin:0;color:var(--ink,#25332c);font-size:16px;font-weight:650;overflow-wrap:anywhere; }
  #template-studio #section-training .model-training p { max-width:none; }
  #template-studio #section-training .model-training-note { margin:6px 0 0;color:var(--ink-soft,#5f6f65);font-size:12px; }
  #template-studio #section-training .model-training-explanation { margin:0;color:var(--ink-soft,#5f6f65);font-size:12px; }
  #template-studio #section-training .model-training-explanation summary { width:fit-content;padding:0;cursor:pointer;line-height:18px; }
  #template-studio #section-training .model-training-explanation[open] { padding-bottom:4px; }
  #template-studio #section-training .model-training-status { margin:12px 0 0;font-size:13px;overflow-wrap:anywhere; }
  #template-studio #section-training .model-training-status:empty { display:none; }
  #template-studio #section-training .model-training-status[data-state=error] { color:#9d362b; }
  html[data-appearance=dark] #template-studio #section-training .model-training-status[data-state=error] { color:#ffb7b0; }
  #template-studio #section-training .model-training-actions { display:flex;flex-wrap:wrap;gap:8px;margin-top:12px; }
  #template-studio #section-training .model-training-confirmation { margin-top:16px;padding:16px;border:1px solid var(--line-strong,#b7c7ba);border-radius:6px;background:var(--surface-soft,#f9fbf9); }
  #template-studio #section-training .model-training-confirmation strong { font-size:15px; }
  #template-studio #section-training .model-training-confirmation p { margin:8px 0 14px; }
  #template-studio #section-training .model-training-confirmation button { margin:0 8px 6px 0; }
  #template-studio #section-training .model-training-costs { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0; }
  #template-studio #section-training .model-training-costs dt { font-size:12px;color:var(--ink-soft,#5f6f65); }
  #template-studio #section-training .model-training-costs dd { margin:4px 0 0;font-size:18px;font-weight:650; }
  @media(max-width:560px) { #template-studio #section-training .model-training-costs { grid-template-columns:1fr;gap:10px; } }
  @media(max-width:900px) { #template-studio #section-training .model-training-metrics { grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; } }
  @media(max-width:560px) { #template-studio #section-training .model-training { padding:16px; } #template-studio #section-training .model-training-heading { flex-wrap:wrap;gap:10px; } #template-studio #section-training .model-training-heading h2 { flex-basis:100%; } #template-studio #section-training .model-training-heading>button { margin-left:auto; } #template-studio #section-training .model-training-metrics { gap:18px 14px; } #template-studio #section-training .model-training-confirmation button { width:100%;margin-right:0; } }
}