:root { font-family: Arial, 'Microsoft YaHei', 'PingFang SC', sans-serif; --bg:#fff; --ink:#202529; --muted:#626c72; --faint:#737d83; --line:#d9dfe2; --green:#008f98; --green-dark:#007982; --green-soft:#e6f4f4; --coral:#d66b36; --shadow:none; }
* { letter-spacing:0 !important; }
button,input,select,textarea { font-family:inherit; }
h1,h2,h3,strong,legend { font-weight:600; }
.topbar { position:relative; background:#15191b; color:#fff; box-shadow:none; padding:0 24px; grid-template-columns:minmax(240px,1fr) auto auto auto; }
.brand-mark,.brand p { display:none; }
.brand h1 { font-size:20px; font-weight:600; }
.nav-tab { color:#cbd0d2; font-weight:400; min-width:0; padding:0 15px; }
.nav-tab:hover { color:#fff; background:#22282b; }
.nav-tab.active { color:#ff883f; }
.nav-tab.active::after { background:#ff883f; }
.nav-tab svg { display:none; }
.language-control label { color:#cbd0d2; }
.language-control select { background:#22282b; color:#fff; border:1px solid #465055; border-radius:3px; }
.service-status { color:#cbd0d2; }
.prediction-workspace { grid-template-columns:300px minmax(0,1fr); }
.input-panel { position:relative; top:0; height:auto; min-height:calc(100vh - 74px); overflow:visible; background:#191d20; color:#edf0f1; padding:24px; --muted:#b3bdc2; --faint:#a4afb5; --line:#3c454b; --ink:#edf0f1; }
.input-panel .eyebrow { display:none; }
.panel-title-row h2 { font-size:18px; font-weight:500; }
.input-panel legend,.input-panel label,.input-panel summary { color:#dce2e5; font-weight:400; }
.input-panel input,.input-panel select { background:#252b2f; color:#f5f6f7; border-color:#59646b; border-radius:3px; height:40px; }
.input-panel .input-unit { background:transparent; }
.input-panel .input-unit span { color:#abb6bc; }
.input-panel .field-grid { grid-template-columns:1fr; gap:15px; }
.input-panel .field-stack { margin-bottom:16px; }
.input-panel .field-grid label { font-size:12px; line-height:1.5; }
.input-panel .icon-button { color:#dce2e5; border-color:#59646b; background:transparent; }
.input-panel .primary-button { background:#f47c32; color:#171a1c; border:0; border-radius:3px; box-shadow:none; font-weight:600; }
.input-panel .primary-button:hover { background:#ff9555; }
#material-reference { background:transparent; border-color:#59646b; padding:10px; }
#material-reference summary { color:#e8edef; font-size:12px; }
#reference-list button { color:#edf1f3; border-color:#475158; }
#reference-list span { color:#b9c5ca; }
#reference-list button:hover,#reference-list button:focus-visible { background:#344248; }
#material-matches { background:#252b2f; border-color:#59646b; }
#material-matches li:hover,#material-matches li[aria-selected=true] { background:#3d4c53; }
#material-matches span { color:#b9c5ca; }
#material-selection { color:#a4d8d9; line-height:1.6; }
.results-panel { padding:0; background:#fff; min-width:0; }
.result-content { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:0; }
.console-main { min-width:0; padding:25px 26px; }
.console-diagnostics { min-width:0; padding:25px 20px; background:#eef1f3; border-left:1px solid #d9dfe2; }
.result-heading { margin-bottom:20px; flex-wrap:wrap; }
.result-heading h2 { font-size:19px; font-weight:500; }
.result-kicker { font-size:11px; font-weight:400; line-height:1.6; }
.domain-badge { border-radius:3px; padding:5px 8px; font-size:11px; }
.primary-result-band { background:#fff; border:0; border-top:1px solid #d9dfe2; border-bottom:1px solid #d9dfe2; border-radius:0; grid-template-columns:1.3fr .8fr 1fr 1fr; margin-bottom:25px; }
.primary-result-band>div { padding:15px 10px; min-width:0; }
.primary-result-band>div:first-child { padding-left:0; }
.primary-result-band .primary-value { grid-column:auto; }
.primary-result-band span { font-size:11px; font-weight:400; }
.primary-value strong,.result-stat strong { font-size:23px; font-weight:500; color:#202529; overflow-wrap:anywhere; }
.primary-value small { color:#626c72; }
.chart-panel,.analysis-panel { border:0; border-radius:0; box-shadow:none; background:transparent; padding:0; margin:0 0 25px; }
.chart-title-row { gap:10px; margin-bottom:14px; }
.chart-title-row h3 { font-size:15px; font-weight:600; line-height:1.5; }
.chart-title-row p { font-size:11px; line-height:1.6; }
.chart-unit { font-weight:400; font-size:10px; }
#kinetic-chart { height:320px; }
#sensitivity-chart { height:250px; }
#model-chart { height:230px; }
.console-main .analysis-panel { border-top:1px solid #d9dfe2; padding-top:22px; }
.domain-panel .chart-title-row { display:block; }
.domain-panel .chart-unit { display:block; margin-top:12px; }
.domain-facts { grid-template-columns:1fr; gap:0; }
.domain-facts>div { border:0; border-bottom:1px solid #d2d9dd; background:none; padding:16px 0; border-radius:0; }
.domain-facts dt { font-size:12px; }
.domain-facts dd { font-size:15px; font-weight:500; }
.warning-list { font-size:12px; line-height:1.7; }
.domain-meter { height:4px; border-radius:0; }
.interval-strip { display:grid; grid-template-columns:1fr; gap:0; margin:0; border-top:1px solid #d2d9dd; }
.interval-strip>div { padding:15px 0; background:none; border:0; border-bottom:1px solid #d2d9dd; border-radius:0; }
.interval-strip strong { font-size:12px; font-weight:500; }
.interval-strip span { font-size:11px; }
.method-note { border:0; border-top:1px solid #d9dfe2; border-radius:0; background:none; padding:15px 0; color:#626c72; font-size:11px; line-height:1.6; }
.empty-result { min-height:650px; border:0; border-radius:0; }
.page-container { max-width:1500px; }
.summary-stat,.method-step,.data-panel { box-shadow:none; border-radius:3px; }
@media(max-width:1400px) { .topbar { grid-template-columns:1fr auto; padding-top:16px; } .primary-nav { height:48px; } .service-status{display:none;} .result-content{grid-template-columns:minmax(0,1fr) 260px;} .prediction-workspace{grid-template-columns:280px minmax(0,1fr);} .console-main{padding:22px 20px;} .primary-result-band{grid-template-columns:1fr 1fr;} }
@media(max-width:1100px) { .result-content{grid-template-columns:1fr;} .console-diagnostics{border-left:0;border-top:1px solid #d9dfe2;display:grid;grid-template-columns:1fr 1fr;gap:20px;} .interval-strip{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:15px;} }
@media(max-width:700px) { .topbar{padding:16px 15px 0;} .brand h1{font-size:16px;} .language-control label{display:none;} .language-control select{width:95px;} .primary-nav{width:100%;} .nav-tab{font-size:12px;padding:0 8px;flex:1;} .prediction-workspace{grid-template-columns:1fr;} .input-panel{min-height:0;padding:22px;} .result-content{grid-template-columns:1fr;} .console-main{padding:24px 18px;} .console-diagnostics{display:block;padding:24px 18px;} .primary-result-band{grid-template-columns:1fr 1fr;} .primary-result-band>div{border-bottom:1px solid #d9dfe2;} .interval-strip{grid-template-columns:1fr;} .input-panel .field-grid{grid-template-columns:1fr 1fr;} #kinetic-chart{height:280px;} }
.input-panel #material-name-label { color:#dce2e5; }
.input-panel { align-self:stretch; }
.input-panel input::placeholder { font-size:11px; color:#b7c1c6; opacity:1; }
.input-panel #material-reference summary { border:0; padding:0; }
.primary-result-band .primary-value { background:transparent; }
.console-diagnostics .interval-strip>div { display:block; }
.console-diagnostics .interval-strip strong { display:block; margin-top:8px; }
@media(min-width:1101px) { .console-main .primary-result-band { grid-template-columns:1.3fr .8fr 1fr 1fr; } .console-main .primary-result-band strong { font-size:20px; } }
.input-panel .field-grid .input-with-unit { display:flex; align-items:center; border:1px solid #59646b; border-radius:3px; background:#252b2f; min-width:0; }
.input-panel .field-grid .input-with-unit input { min-width:0; flex:1 1 auto; width:0; border:0; padding:0 10px; background:transparent; }
.input-panel .field-grid .input-with-unit span { position:static; transform:none; flex:0 0 auto; padding:0 10px 0 4px; font-size:11px; color:#b7c1c6; }
.input-panel input[type=number] { appearance:textfield; -moz-appearance:textfield; }
.input-panel input[type=number]::-webkit-inner-spin-button,.input-panel input[type=number]::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
@media(max-width:700px) { .input-panel .field-grid.details-grid,.input-panel .field-grid { grid-template-columns:1fr !important; } }
@media(max-width:700px) {
  .app-shell > .topbar { display:grid; grid-template-columns:minmax(0,1fr) 100px; gap:12px; }
  .app-shell > .topbar .brand { grid-column:1; grid-row:1; }
  .app-shell > .topbar .language-control { grid-column:2; grid-row:1; }
  .app-shell > .topbar .primary-nav { grid-column:1/-1; grid-row:2; min-width:0; }
  .app-shell > .topbar .brand h1 { overflow-wrap:normal; word-break:normal; font-size:16px; }
}