Spaces:
Running
Running
| /* Dedicated Stage-0 neuron model editor. | |
| * Shared by the canonical Science/Cell Model route and the legacy parameter | |
| * inspector fallback. Mutation workflows continue to use the same pending API. | |
| */ | |
| .neuron-model-settings { | |
| margin-bottom: 14px; | |
| overflow: hidden; | |
| } | |
| .neuron-model-settings__header { | |
| align-items: flex-start; | |
| } | |
| .neuron-model-provenance { | |
| display: flex; | |
| align-items: center; | |
| justify-content: flex-end; | |
| gap: 9px; | |
| flex-wrap: wrap; | |
| } | |
| .neuron-model-provenance > span:not(.neuron-model-badge) { | |
| display: grid; | |
| gap: 2px; | |
| min-width: 96px; | |
| padding: 6px 9px; | |
| border-left: 1px solid var(--rule); | |
| } | |
| .neuron-model-provenance b { | |
| color: var(--ink); | |
| font: 700 .68rem/1.15 var(--font-mono); | |
| } | |
| .neuron-model-provenance small { | |
| color: var(--ink-4); | |
| font: 600 .49rem/1.15 var(--font-mono); | |
| letter-spacing: .08em; | |
| text-transform: uppercase; | |
| } | |
| .neuron-model-badge { | |
| display: inline-flex; | |
| align-items: center; | |
| min-height: 24px; | |
| padding: 0 8px; | |
| border: 1px solid var(--rule-2); | |
| border-radius: 99px; | |
| color: var(--ink-3); | |
| background: var(--paper-3); | |
| font: 700 .53rem/1 var(--font-mono); | |
| letter-spacing: .08em; | |
| text-transform: uppercase; | |
| } | |
| .neuron-model-badge[data-maturity="canonical"] { | |
| color: var(--moss); | |
| border-color: color-mix(in srgb, var(--moss) 35%, transparent); | |
| background: var(--moss-wash); | |
| } | |
| .neuron-model-badge[data-maturity="experimental"] { | |
| color: var(--amber); | |
| border-color: color-mix(in srgb, var(--amber) 35%, transparent); | |
| background: var(--amber-wash); | |
| } | |
| .neuron-model-selector-row { | |
| display: grid; | |
| grid-template-columns: minmax(240px, .72fr) minmax(280px, 1.28fr); | |
| gap: 1px; | |
| border-top: 1px solid var(--rule); | |
| border-bottom: 1px solid var(--rule); | |
| background: var(--rule); | |
| } | |
| .neuron-model-selector-row > * { | |
| min-width: 0; | |
| padding: 11px 13px; | |
| background: var(--paper-2); | |
| } | |
| .neuron-model-selector-row label { | |
| display: grid; | |
| gap: 6px; | |
| color: var(--ink-3); | |
| font: 700 .56rem/1.2 var(--font-mono); | |
| letter-spacing: .07em; | |
| text-transform: uppercase; | |
| } | |
| .neuron-model-equation { | |
| display: grid; | |
| align-content: center; | |
| gap: 4px; | |
| } | |
| .neuron-model-equation span { | |
| color: var(--ink-4); | |
| font: 700 .51rem/1.2 var(--font-mono); | |
| letter-spacing: .09em; | |
| text-transform: uppercase; | |
| } | |
| .neuron-model-equation strong { | |
| color: var(--ink); | |
| font: 600 .76rem/1.35 var(--font-ui); | |
| } | |
| .neuron-model-warning { | |
| margin: 0; | |
| padding: 9px 12px; | |
| border-left: 2px solid var(--amber); | |
| background: var(--amber-wash); | |
| color: var(--ink-2); | |
| font: 600 .66rem/1.45 var(--font-mono); | |
| } | |
| .neuron-model-shortcuts { | |
| display: flex; | |
| justify-content: flex-end; | |
| gap: 8px; | |
| flex-wrap: wrap; | |
| padding: 9px 12px; | |
| border-bottom: 1px solid var(--rule); | |
| background: color-mix(in srgb, var(--paper-3) 58%, transparent); | |
| } | |
| .neuron-model-fields { | |
| display: grid; | |
| grid-template-columns: repeat(3, minmax(0, 1fr)); | |
| gap: 1px; | |
| border-top: 1px solid var(--rule); | |
| background: var(--rule); | |
| } | |
| .neuron-model-field { | |
| display: grid; | |
| align-content: start; | |
| gap: 6px; | |
| min-width: 0; | |
| padding: 10px 12px; | |
| background: var(--paper-2); | |
| } | |
| .neuron-model-field > span { | |
| min-height: 2.35em; | |
| color: var(--ink-3); | |
| font: 650 .61rem/1.2 var(--font-mono); | |
| } | |
| .neuron-model-field__input { | |
| display: flex; | |
| align-items: center; | |
| gap: 6px; | |
| } | |
| .neuron-model-field__input small { | |
| flex: 0 0 auto; | |
| color: var(--ink-4); | |
| font: 600 .52rem/1 var(--font-mono); | |
| } | |
| .neuron-model-field--toggle { | |
| grid-template-columns: 1fr auto; | |
| align-items: center; | |
| } | |
| .neuron-model-field--toggle > span { | |
| min-height: 0; | |
| } | |
| .neuron-model-field--toggle input[type="checkbox"] { | |
| width: 18px; | |
| height: 18px; | |
| } | |
| .neuron-model-field--missing { | |
| opacity: .62; | |
| } | |
| .neuron-field-pending { | |
| display: inline-flex; | |
| margin-left: 4px; | |
| padding: 1px 5px; | |
| border: 1px solid color-mix(in srgb, var(--amber) 30%, transparent); | |
| border-radius: 99px; | |
| color: var(--amber); | |
| background: var(--amber-wash); | |
| font: 700 .46rem/1.2 var(--font-mono); | |
| letter-spacing: .05em; | |
| text-transform: uppercase; | |
| } | |
| .neuron-model-actions { | |
| display: grid; | |
| grid-template-columns: minmax(0, 1fr) auto auto; | |
| gap: 8px; | |
| align-items: center; | |
| padding: 10px 12px; | |
| border-top: 1px solid var(--rule); | |
| background: var(--paper-3); | |
| } | |
| .neuron-model-actions--science { | |
| grid-template-columns: minmax(220px, 1fr) repeat(4, auto); | |
| } | |
| .neuron-model-status { | |
| color: var(--ink-3); | |
| font: 600 .61rem/1.45 var(--font-mono); | |
| } | |
| .neuron-model-status[data-state="warning"] { | |
| color: var(--amber); | |
| } | |
| .neuron-model-status[data-state="error"] { | |
| color: var(--crimson); | |
| } | |
| .neuron-model-status[data-state="ok"] { | |
| color: var(--moss); | |
| } | |
| @media (max-width: 1120px) { | |
| .neuron-model-actions--science { | |
| grid-template-columns: minmax(0, 1fr) repeat(2, auto); | |
| } | |
| .neuron-model-actions--science .neuron-model-status { | |
| grid-column: 1 / -1; | |
| } | |
| } | |
| @media (max-width: 980px) { | |
| .neuron-model-fields { | |
| grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| } | |
| } | |
| @media (max-width: 720px) { | |
| .neuron-model-selector-row, | |
| .neuron-model-fields, | |
| .neuron-model-actions, | |
| .neuron-model-actions--science { | |
| grid-template-columns: 1fr; | |
| } | |
| .neuron-model-provenance, | |
| .neuron-model-shortcuts { | |
| justify-content: flex-start; | |
| } | |
| .neuron-model-actions > button, | |
| .neuron-model-actions--science > button, | |
| .neuron-model-shortcuts > button { | |
| width: 100%; | |
| } | |
| } | |