.fin-live { --fin-paper:#f2f1e9; --fin-panel:#f8f7f0; --fin-cyan:#345d50; --fin-line:#d3d5c9; }
.fin-live .page-wrap,.fin-live .container { width:100%; max-width:1400px; padding:30px 40px; margin:auto; font-family:'IBM Plex Sans',sans-serif; }
.fin-live .page-head { margin-bottom:20px; }
.fin-live .page-head--thermal::before { inset:0; background:none; }
.fin-live .page-head h1 { font-weight:400; letter-spacing:-.04em; }
.fin-live .page-head p { max-width:65ch; font-size:14px; }
.fin-live-layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr); gap:42px; align-items:start; }
.fin-live-case { min-width:0; position:sticky; top:15px; }
.fin-live .fin-bench { padding:0; }
.fin-live .fin-solid { max-height:340px; }
.fin-live :is(.fin-proportion[hidden],[hidden]) { display:none; }
.fin-live .fin-bench-controls { display:block; padding-top:12px; }
.fin-live .fin-bench-foot { gap:16px; }
.fin-live .fin-bench-foot #fin-description { font-size:11px; }
.fin-live-inputs { min-width:0; }
.fin-live .mat-list { gap:0; }
.fin-live .mat-row { display:grid; grid-template-columns:20px minmax(0,1fr) auto; gap:12px; border:0; border-bottom:1px solid var(--fin-line); background:transparent; border-radius:0; box-shadow:none; padding:14px 5px; }
.fin-live .mat-row:has(input:checked) { box-shadow:inset 3px 0 var(--fin-cyan); background:#e3e8df; padding-left:12px; }
.fin-live .mat-row:hover { box-shadow:none; background:#e8ebe1; }
.fin-live .mat-k { background:none; padding:0; font-size:11px; color:var(--fin-muted); white-space:normal; }
.fin-live .mat-label { font-size:13px; }
.fin-live :is(.vx-btn,.btn) { white-space:normal; max-width:100%; box-sizing:border-box; }
.fin-live .vx-field { padding:0 0 18px; }
.fin-live .vx-input { background:var(--fin-panel); color:var(--fin-ink); border-radius:3px; }
.fin-live .vx-field label { font-size:12px; }
.fin-case-picker,.fin-material-tabs { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:14px; }
.fin-case-picker button,.fin-material-tabs button,.fin-mode-tools button { font:500 11px 'IBM Plex Sans',sans-serif; color:var(--fin-ink); border:1px solid var(--fin-line); background:transparent; border-radius:3px; padding:9px 11px; min-height:40px; }
.fin-case-picker button[aria-pressed=true],.fin-material-tabs button[aria-pressed=true],.fin-mode-tools button[aria-pressed=true] { color:white; background:var(--fin-cyan); border-color:var(--fin-cyan); }
.fin-prescriptions { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:15px 0; font-size:12px; }
.fin-prescriptions dt { color:var(--fin-muted); font-size:10px; font-weight:400; }
.fin-prescriptions dd { margin:3px 0 0; }
.fin-prescriptions[data-convection=true] { border-top:2px dashed #82988a; padding-top:12px; }
.fin-boundaries text { font:500 12px 'IBM Plex Sans',sans-serif; fill:#203e35; }
.fin-qualitative { font-size:10px; color:var(--fin-muted); line-height:1.5; }
.fin-live .btns-bottom { display:flex; gap:10px; flex-direction:column; }
.fin-live .btns-bottom a { display:block; text-align:center; }
.fin-live .fin-context { font-size:12px; }
.fin-live .fin-conditions-workspace { display:contents; }
.fin-live[data-result-state=stale] #fin-case-status { border-color:#a94719; background:#f3e6d8; }
.fin-live .fin-results-main { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; align-items:start; }
.fin-live .fin-result-metrics { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:18px 0; border-top:1px solid var(--fin-line); }
.fin-result-metrics dt { font-size:11px; color:var(--fin-muted); font-weight:400; }
.fin-result-metrics dd { margin:3px 0 0; font:500 22px 'IBM Plex Mono',monospace; font-variant-numeric:tabular-nums; }
.fin-mode-tools { display:flex; gap:8px; margin:12px 0; }
.fin-temperature-legend { display:flex; align-items:center; gap:12px; margin:12px 0; font-size:11px; }
.fin-temperature-legend i { display:block; width:120px; height:8px; background:linear-gradient(90deg,#3069a4,#c95323); }
.fin-probe { font-size:12px; margin:15px 0; }
.fin-probe input { width:100%; height:40px; accent-color:var(--fin-copper); }
.fin-probe output { display:block; font-family:'IBM Plex Mono',monospace; font-size:12px; }
.fin-live .fin-comparison { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.fin-live .fin-comparison button { min-height:44px; border:1px solid var(--fin-line); border-radius:3px; background:transparent; padding:10px 14px; color:var(--fin-ink); font-size:12px; }
.fin-live .fin-comparison button[aria-pressed=true] { background:#345d50; color:white; }
.fin-live .fin-calculated-note { font-size:12px; color:var(--fin-muted); }
.fin-live .fin-detail-shelf { margin-top:25px; border-top:1px solid var(--fin-line); padding-top:15px; }
.fin-live .fin-detail-shelf > summary { cursor:pointer; font-weight:500; }
.fin-live.fin-results .card { max-width:none; margin:0; padding:0; border:0; border-radius:0; box-shadow:none; background:transparent; }
.fin-live.fin-results .container { padding-top:28px; }
.fin-live .fin-result-plot { min-width:0; background:var(--fin-panel); }
.fin-live .res-head { margin-bottom:18px; }
.fin-live .fin-prescriptions:empty { display:none; }
.fin-live .fin-case-picker:has(button:only-child) { display:none; }
.fin-live #fin-result-title { margin:8px 0; font-size:25px; font-weight:400; }
.fin-live #fin-result-note { margin:8px 0 16px; }
.fin-live .fin-journey { margin-top:12px; }
.fin-live .fin-result-plot { align-self:start; }
.fin-live.fin-results .fin-live-case { position:static; }
.fin-live.fin-results .fin-case-picker { display:none; }
.fin-live.fin-results .fin-bench-controls { display:none; }
.fin-live.fin-results .fin-bench-foot { margin-top:10px; }
.fin-live.fin-results .btn-primary { background:#345d50; border-color:#345d50; }
.fin-live.fin-results .fin-result-plot .js-plotly-plot { margin:0; }
.fin-live .vx-btn-primary { background:var(--fin-copper); border-color:var(--fin-copper); color:white; }
.fin-live .vx-btn-primary:hover { background:#873a16; border-color:#873a16; }
.fin-live :is(.mat-radio,.mat-checkbox,.cond-row input[type=radio]) { accent-color:var(--fin-copper); }
.fin-live .cond-row:has(input:checked) { background:#e3e8df; border-color:var(--fin-cyan); }
.fin-live .page-kicker { background:none; border:0; padding:0; border-radius:0; color:var(--fin-copper); }
.fin-condition-feedback { margin-bottom:24px; }
.fin-conditions .fin-live-inputs > .fin-bench-foot { border-top:1px solid var(--fin-line); padding:20px 0; margin-top:20px; }
@media(max-width:720px) {
 .fin-conditions .fin-live-case { position:sticky; top:0; z-index:5; background:var(--fin-paper); padding:6px 0; border-bottom:1px solid var(--fin-line); }
 .fin-conditions .fin-live-case .fin-case-picker { gap:4px; margin:0 0 6px; }
 .fin-conditions .fin-case-picker button { font-size:9px; padding:5px 7px; min-height:30px; }
 .fin-conditions .fin-bench-heading h2 { font-size:17px; }
 .fin-conditions .fin-bench-heading .fin-eyebrow { font-size:8px; margin-bottom:2px; }
 .fin-conditions .fin-bench-heading > .fin-number { font-size:24px; }
 .fin-conditions .fin-live-case .fin-solid { height:140px; min-height:140px; }
 .fin-conditions .fin-live-case .fin-bench-controls { display:none; }
 .fin-conditions .fin-live-case .fin-scene-wrap { margin-top:4px; }
 .fin-conditions .fin-live-case .fin-scene-help { display:none; }
 .fin-conditions .fin-live-case #fin-material-reading { font-size:9px; margin:5px 0 0; }
 .fin-conditions .fin-live-case .fin-material-tabs { margin:4px 0; }
 .fin-conditions .fin-material-tabs button { font-size:9px; min-height:28px; padding:4px 7px; }
 .fin-conditions .fin-condition-feedback { margin-bottom:18px; }
 .fin-conditions .fin-live-inputs input { scroll-margin-top:310px; }
}
@media(max-width:1000px) { .fin-live-layout { gap:24px; grid-template-columns:minmax(0,1fr) minmax(290px,.9fr); } .fin-live .page-wrap,.fin-live .container { padding:24px; } }
@media(max-width:720px) {
 .fin-live .page-wrap,.fin-live .container { padding:20px 16px; }
 .fin-live-layout,.fin-live .fin-results-main { display:flex; flex-direction:column; gap:24px; }
 .fin-live-case,.fin-live-inputs { width:100%; position:static; }
 .fin-live .fin-solid { height:230px; max-height:230px; }
 .fin-live .fin-bench-heading h2 { font-size:22px; }
 .fin-live .fin-bench-foot { display:block; }
 .fin-live .fin-bench-foot #fin-description { margin-bottom:8px; }
 .fin-live .fin-bench-controls { padding-top:10px; }
 .fin-live .fin-scene-corner { display:none; }
 .fin-live .fin-view-tools { gap:0; padding:0; }
 .fin-live .fin-view-tools button { min-width:36px; }
 .fin-live .fin-reset { font-size:10px; padding:0 6px; }
 .fin-live .mat-row { gap:8px; }
 .fin-live .fin-result-plot { width:100%; }
 .fin-live .fin-result-metrics dd { font-size:18px; }
 .fin-live .fin-bench-controls .fin-reading { min-height:0; }
}
@media(prefers-reduced-motion:reduce) { .fin-live * { scroll-behavior:auto; animation:none; transition:none; } }