:root{--bg:#f5f8fb;--bg-gradient:radial-gradient(circle at 10% 0%, #cff1ffa6, transparent 28%), linear-gradient(180deg, #f8fbfd 0%, #edf4f7 100%);--surface:#fff;--surface-raised:#fffffff2;--surface-secondary:#f7fbfd;--surface-tertiary:#f6fafc;--surface-input:#fff;--surface-table:#fff;--surface-hover:#f0fdfa;--surface-selected:#ccfbf1;--text-primary:#101828;--text-secondary:#526174;--text-muted:#667789;--text-subtle:#7b8a9a;--text-disabled:#8896a9;--text-accent:#0f766e;--border:#e3edf4;--border-strong:#dbe7ef;--border-accent:#cfe1e8;--accent:#10a394;--accent-solid:#0f766e;--accent-text:#08786d;--accent-bg:#effcf9;--accent-border:#8bd8ce;--accent-tag:#ecfdf5;--accent-shadow:#10a39429;--focus-ring:#10a3941a;--chart-splitline:#e7edf3;--chart-dome:#7aa7c7;--chart-dome-fill:#7dd3fc1a;--chart-state:#0f766e;--state-liquid:#e0f2fe;--state-liquid-text:#0369a1;--state-superheated:#ecfdf5;--state-superheated-text:#047857;--state-wet-bg:#fff7ed;--state-wet-text:#c2410c;--state-dense-bg:#eef2ff;--state-dense-text:#4338ca;--warn-bg:#fff8df;--warn-border:#f6d77c;--warn-text:#7c5208;--warn-subtle-bg:#f7fbfd;--warn-subtle-border:#e4edf3;--warn-subtle-text:#526174;--error-bg:#fff1f2;--error-border:#fecaca;--error-text:#be123c;--converter-bg:#ecfdf5;--converter-border:#b7eee6;--help-bg:#f7fbfd;--help-border:#cfe1e8;--help-text:#526174;--metric-bg:#f7fbfd;--metric-border:#e4edf3;--unit-badge-bg:#eef8f7;--tab-bg:#f6fafc;--tab-border:#dbe7ef;--table-bg:#fff;--table-border:#e4edf3;--table-header-bg:#f6fafc;--table-row-border:#edf3f7;--pipe-summary-bg:#f7fbfd;--pipe-summary-border:#e4edf3;--pipe-summary-text:#405164;--shadow-color:#1f29370e;--inline-unit-bg:#f0f6f9;--history-hover:#f0fdfa;color:var(--text-primary);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=dark]{--bg:#0f1729;--bg-gradient:radial-gradient(circle at 10% 0%, #0f172af2, transparent 28%), linear-gradient(180deg, #0f1729 0%, #1a2334 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#1a2334;--surface-raised:#1a2334f2;--surface-secondary:#1e2a3d;--surface-tertiary:#1f2c40;--surface-input:#1e2a3d;--surface-table:#1a2334;--surface-hover:#0a3d38;--surface-selected:#06302d;--text-primary:#e1e8f0;--text-secondary:#8896a9;--text-muted:#6b7a8e;--text-subtle:#5a6a7e;--text-disabled:#4a5a6e;--text-accent:#14c5b4;--border:#2a3649;--border-strong:#3a4659;--border-accent:#2a5a4e;--accent:#14c5b4;--accent-solid:#14c5b4;--accent-text:#14c5b4;--accent-bg:#0a2e2a;--accent-border:#0a4a3e;--accent-tag:#0a3d38;--accent-shadow:#14c5b433;--focus-ring:#14c5b426;--chart-splitline:#2a3649;--chart-dome:#3a7a9a;--chart-dome-fill:#3a7a9a1f;--chart-state:#14c5b4;--state-liquid:#0e749040;--state-liquid-text:#7dd3fc;--state-superheated:#04785740;--state-superheated-text:#6ee7b7;--state-wet-bg:#c2410c33;--state-wet-text:#fb923c;--state-dense-bg:#4338ca33;--state-dense-text:#a5b4fc;--warn-bg:#fbc02d1a;--warn-border:#fbc02d40;--warn-text:#fbbf24;--warn-subtle-bg:#1e2a3d;--warn-subtle-border:#2a3649;--warn-subtle-text:#8896a9;--error-bg:#be123c26;--error-border:#be123c4d;--error-text:#fb7185;--converter-bg:#14c5b414;--converter-border:#14c5b433;--help-bg:#1e2a3d;--help-border:#2a3649;--help-text:#8896a9;--metric-bg:#1e2a3d;--metric-border:#2a3649;--unit-badge-bg:#0a2e2a;--tab-bg:#1f2c40;--tab-border:#2a3649;--table-bg:#1a2334;--table-border:#2a3649;--table-header-bg:#1f2c40;--table-row-border:#2a3649;--pipe-summary-bg:#1e2a3d;--pipe-summary-border:#2a3649;--pipe-summary-text:#8896a9;--shadow-color:#0000004d;--inline-unit-bg:#1a2334;--history-hover:#0a2e2a}*{box-sizing:border-box}body{margin:0}.app{background:var(--bg-gradient);min-height:100vh;padding:10px}.topBar,.toolTabs,.inlineUnit{max-width:1440px;margin-left:auto;margin-right:auto}.topBar,.panel,.toolTabs{background:var(--surface-raised);border:1px solid var(--border);box-shadow:0 10px 28px var(--shadow-color)}.topBar{border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 14px;display:grid;position:relative}.topBar h1{letter-spacing:-.06em;color:var(--text-primary);margin:0;font-size:clamp(22px,3.2vw,32px);line-height:1}.eyebrow{color:var(--accent-solid);text-transform:uppercase;letter-spacing:.14em;margin:0 0 3px;font-size:10px;font-weight:900}.subtitle{color:var(--text-secondary);margin:0;font-size:12px}.topActions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.warningBanner{border:1px solid var(--warn-border);background:var(--warn-bg);max-width:1440px;color:var(--warn-text);border-radius:12px;margin:6px auto 0;padding:8px 14px;font-size:11px;font-weight:700;line-height:1.45}.inlineUnit{background:var(--inline-unit-bg);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding:7px 12px;font-size:13px;display:flex}.inlineUnitLabel{color:var(--text-secondary);white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:800}.inlineUnit select{background:var(--surface-input);border:1px solid var(--border-strong);width:auto;min-width:70px;color:var(--text-primary);border-radius:8px;padding:4px 8px;font-size:12px}.unitInlineInput{background:var(--surface-input);border:1px solid var(--border-strong);width:80px;color:var(--text-primary);border-radius:8px;padding:4px 8px;font-size:12px}.inlineUnitEquals{color:var(--text-muted);font-weight:800}.unitInlineResult{color:var(--accent-solid);min-width:60px;font-size:15px;font-weight:900}.toolTabs{border-radius:16px;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:8px;padding:6px;display:grid}.tab{background:var(--tab-bg);color:var(--text-secondary);border:1px solid var(--tab-border);box-shadow:none;border-radius:12px;min-height:38px}.tab.active{background:var(--accent-solid);color:#fff;border-color:var(--accent-solid)}.panel{border-radius:18px;padding:12px}.panel h2{letter-spacing:-.03em;color:var(--text-primary);margin:0 0 8px;font-size:16px}.inputHint{color:var(--text-muted);margin:-2px 0 8px;font-size:11px;line-height:1.45}.steamWorkspaceV2{grid-template-columns:340px minmax(0,1fr) 280px;gap:8px;max-width:1440px;margin-top:8px;margin-left:auto;margin-right:auto;display:grid}.inputPanel,.chartPanelV2,.historyPanel{min-width:0}.chartPanelV2{flex-direction:column;height:100%;min-height:360px;display:flex}.chartHeader{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.chartHeader h2{margin:0}.chartActions{gap:4px;display:flex}.chartBody{flex-direction:column;flex:1;min-height:0;display:flex}.historyPanel{flex-direction:column;max-height:calc(100vh - 200px);display:flex}.historyPanel h2{flex-shrink:0}.historyList{flex-direction:column;flex:1;gap:4px;padding-right:2px;display:flex;overflow-y:auto}.historyItem{border:1px solid var(--border-strong);cursor:pointer;background:var(--surface);border-radius:10px;align-items:center;gap:6px;padding:6px 8px;display:flex}.historyItem:hover{background:var(--history-hover);border-color:var(--accent-border)}.historyNum{background:var(--accent-tag);width:22px;height:22px;color:var(--accent-solid);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:900;display:flex}.historyBody{flex:1;min-width:0}.historyLabel{color:var(--text-primary);font-size:11px;font-weight:800;display:block}.historyRegion{background:var(--accent-bg);color:var(--accent-solid);border-radius:4px;margin:1px 0;padding:1px 6px;font-size:9px;font-weight:800;display:inline-block}.historyValues{color:var(--text-subtle);white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.historyValues strong{color:var(--text-primary);font-size:11px}.historyDelete{width:20px;height:20px;color:var(--text-subtle);box-shadow:none;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:10px;display:flex}.historyDelete:hover{background:var(--error-bg);color:var(--error-text)}button{background:var(--accent);color:#fff;cursor:pointer;box-shadow:0 6px 14px var(--accent-shadow);border:0;border-radius:12px;padding:8px 12px;font-size:13px;font-weight:850}button:hover{transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.tinyButton,.secondaryButton{background:var(--surface);color:var(--accent-solid);border:1px solid var(--border-accent);box-shadow:none;border-radius:999px;padding:5px 8px;font-size:11px}.tinyButton.active{background:var(--accent-solid);color:#fff;border-color:var(--accent-solid)}.staticApp{max-width:1440px;margin:0 auto}.staticPage{margin-top:8px}.staticPageHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.staticPageHeader h2{margin:0;font-size:18px}.staticPageBody{color:var(--text-secondary);gap:10px;line-height:1.65;display:grid}.staticPageBody h3{color:var(--text-primary);margin:8px 0 0;font-size:15px}.staticPageBody ul{margin:0;padding-left:18px}.staticPageBody a{color:var(--accent-solid);font-weight:800}.pageNote{background:var(--surface-secondary);border:1px solid var(--border);color:var(--text-muted);border-radius:10px;margin:4px 0 0;padding:8px 10px;font-size:12px}.siteFooterLinks{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.ghostLink{color:var(--accent-solid);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:800}.ghostLink:hover{text-decoration:underline}.workspace{max-width:1440px;margin:8px auto 0}.singleWorkspace{grid-template-columns:1fr;display:grid}.pipeWorkspace{max-width:1440px;margin:8px auto 0}.pipeTwoCol{grid-template-columns:400px 1fr;gap:8px;display:grid}.pipeInputPanel{min-width:0}.pipeTablePanel{flex-direction:column;min-width:0;display:flex}.pipeTablePanel .pipeTableSection{flex-direction:column;flex:1;display:flex}.pipeTablePanel .pipeTableWrap{flex:1;max-height:none}.pipeSteamSummary{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;padding:8px 14px;font-size:12px;line-height:1.4;display:flex}.pipeSteamSummary.dimmed{background:var(--help-bg);border-color:var(--help-border);color:var(--help-text)}.pipeSteamLabel{color:var(--accent-solid);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:900}.pipeSteamState{font-weight:900}.pipeSteamRegion{border-radius:6px;padding:2px 6px;font-size:10px;font-weight:900}.pipeSteamSummary span:not(.pipeSteamLabel):not(.pipeSteamRegion){color:var(--text-primary)}.muted,.explain{color:var(--text-muted);font-size:12px;line-height:1.5}.steamTable{gap:6px;display:grid}.steamRow{border:1px solid var(--metric-border);background:var(--surface);border-radius:13px;grid-template-columns:36px 70px 1fr;align-items:center;gap:6px;padding:8px;display:grid}.steamRow.checked{border-color:var(--accent-border);background:var(--accent-bg)}.steamRow.disabled{opacity:.55}.steamCheck{color:var(--accent-solid);align-items:center;gap:4px;font-size:12px;font-weight:900;display:flex}.steamCheck input{width:15px;height:15px;accent-color:var(--accent)}.steamName b{font-size:13px;display:block}.steamName small{color:var(--text-subtle);text-transform:uppercase;font-size:9px}label{color:var(--text-secondary);font-size:11px;font-weight:800}input,select{border:1px solid var(--border-strong);background:var(--surface-input);width:100%;color:var(--text-primary);font:inherit;border-radius:10px;outline:none;padding:7px 9px;font-size:13px}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.unitInput{grid-template-columns:1fr 80px;align-items:stretch;gap:5px;display:grid}.unitInput.fixed{grid-template-columns:1fr auto}.unitInput select{min-width:80px;font-size:11px;font-weight:900}.unitInput input{min-width:0}.valueWithUnit{border:1px solid var(--border-strong);background:var(--surface-input);text-align:right;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:5px;min-height:34px;padding:7px 9px;display:grid}.valueWithUnit strong{text-overflow:ellipsis;color:var(--text-primary);font-size:13px;overflow:hidden}.valueWithUnit em,.unitBadge{background:var(--unit-badge-bg);min-width:60px;color:var(--accent-solid);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:5px 7px;font-size:11px;font-style:normal;font-weight:900;display:inline-flex}.fieldHelper{color:var(--text-subtle);margin-top:3px;font-size:9px;display:block}.pairBadge{background:var(--accent-tag);color:var(--accent-text);border-radius:999px;margin-top:8px;padding:5px 9px;font-size:11px;font-weight:850;display:inline-flex}.stateBadge{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.stateBadge.liquid{background:var(--state-liquid);color:var(--state-liquid-text)}.stateBadge.superheated{background:var(--state-superheated);color:var(--state-superheated-text)}.stateBadge.wet{background:var(--state-wet-bg);color:var(--state-wet-text)}.stateBadge.dense{background:var(--state-dense-bg);color:var(--state-dense-text)}.chart{flex:1;width:100%;min-height:440px}@media (height>=900px){.chart{min-height:520px}}.pipeCascade,.velocityInputs{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.pipeSummary{background:var(--pipe-summary-bg);border:1px solid var(--pipe-summary-border);color:var(--pipe-summary-text);border-radius:12px;margin:10px 0 4px;padding:9px 11px;font-size:13px;font-weight:850}.pipeGuide{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent-solid);border-radius:10px;margin:0 0 8px;padding:8px 11px;font-size:12px;line-height:1.4}.pipeTableSection{margin-top:8px}.pipeTableLabel{color:var(--text-secondary);letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.pipeTableDetails,.helpDetails{margin-top:10px}.pipeTableDetails summary,.helpDetails summary{background:var(--surface);border:1px solid var(--help-border);color:var(--accent-solid);cursor:pointer;border-radius:11px;padding:7px 10px;font-size:12px;font-weight:900;display:inline-flex}.helpDetails p{background:var(--help-bg);color:var(--help-text);border-radius:12px;margin:8px 0 0;padding:10px;font-size:12px;line-height:1.5}.pipeTableToggle{background:var(--surface);width:100%;color:var(--accent-solid);border:1px solid var(--border-accent);box-shadow:none;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;display:flex}.pipeTableToggle:hover{background:var(--surface-hover)}.pipeTableHeader{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.pipeTableTitle{white-space:nowrap;margin:0;font-size:14px}.pipeTableFilter select{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;min-width:160px;max-height:80px;padding:4px;font-size:11px;overflow-y:auto}.pipeTableWrap{border:1px solid var(--table-border);background:var(--table-bg);border-radius:13px;max-height:400px;margin-top:4px;overflow:auto}.pipeTable{border-collapse:separate;border-spacing:0;width:100%;min-width:700px;font-size:11px}.pipeTable th{z-index:2;background:var(--table-header-bg,var(--surface-raised));border-bottom:2px solid var(--table-border);text-align:left;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:8px;font-size:10px;font-weight:900;position:sticky;top:0}.pipeTable td{border-bottom:1px solid var(--table-row-border);text-align:left;white-space:nowrap;padding:7px 8px}.pipeTableSearch{border:1px solid var(--border-strong);background:var(--surface);box-sizing:border-box;border-radius:10px;width:100%;margin-bottom:4px;padding:7px 10px;font-size:12px}.pipeTableSearch:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-shadow);outline:none}.pipeTable tr{cursor:pointer}.pipeTable tr:hover{background:var(--surface-hover)}.pipeTable tr.selected{background:var(--surface-selected);color:var(--accent-solid);font-weight:900}.steamSvToggle{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:5px;font-size:10px;font-weight:700;display:inline-flex}.steamSvToggle input{width:14px;height:14px;accent-color:var(--accent);margin:0}.resultCards{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px;display:grid}.metric{background:var(--metric-bg);border:1px solid var(--metric-border);border-radius:13px;padding:10px}.metric span{color:var(--text-subtle);font-size:11px;font-weight:850}.metric strong{color:var(--text-primary);letter-spacing:-.04em;margin-top:3px;font-size:18px;display:block}.metric em{color:var(--text-muted);font-size:11px;font-style:normal}.satCard{background:linear-gradient(#fff9e8,#fff);border:1px solid #f1d48b;border-radius:15px;margin-top:10px;padding:11px}[data-theme=dark] .satCard{background:linear-gradient(#1e2a1a,#1a2334);border-color:#3a4a2a}.satHeader span{color:#92400e;background:#fef3c7;border-radius:999px;margin-bottom:3px;padding:3px 7px;font-size:10px;font-weight:900;display:inline-flex}[data-theme=dark] .satHeader span{color:#fbbf24;background:#fbbf2426}.satHeader small{color:#9a6a17;font-size:11px;display:block}.satHeader .satTemp strong{color:#92400e;letter-spacing:-.03em;font-size:22px}[data-theme=dark] .satHeader .satTemp strong{color:#fbbf24}.satPhases{gap:5px;margin-top:8px;display:grid}.satPhase{background:var(--surface);border-radius:10px;padding:6px 8px}.satPhaseLabel{margin-bottom:3px;font-size:10px;font-weight:800}.satPhaseValues{color:var(--text-subtle);font-size:10px}[data-theme=dark] .satHeader small{color:#d4a017}.qualityPresets{grid-template-columns:repeat(3,1fr);gap:5px;margin:8px 0;display:grid}.chip{background:var(--surface);color:#5f430c;box-shadow:none;border:1px solid #f1d48b;padding:6px;font-size:11px}.satReferencePanel{margin-top:10px}.satReferenceHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.satReferenceHeader h3{color:var(--text-primary);margin:0;font-size:14px}.satReferenceHeader p{color:var(--text-secondary);margin:2px 0 0;font-size:11px;line-height:1.45}.satReferenceHeader small{color:var(--text-muted);font-size:11px;font-weight:800}.satReferenceWrap{border:1px solid var(--table-border);background:var(--table-bg);border-radius:12px;overflow:auto}.satReferenceTable{min-width:560px}[data-theme=dark] .chip{color:#fbbf24;background:#1a2334;border-color:#3a4a2a}.chip.active{background:var(--accent-solid);color:#fff;border-color:var(--accent-solid)}.qualitySlider{grid-template-columns:30px 1fr 36px;align-items:center;gap:7px;font-size:12px;display:grid}.qualitySlider input{accent-color:var(--accent);padding:0}.qualityInlineEditor{align-items:center;gap:6px;display:flex}.qualityInlineEditor input[type=range]{min-width:50px;height:4px;accent-color:var(--accent,#0f766e);cursor:pointer;flex:1}.qualityInlineValue{white-space:nowrap;text-align:right;min-width:30px;color:var(--text-primary,#1a2634);font-size:11px;font-weight:600}.satRange{color:#6b4b10;background:#fff7df;border-radius:12px;gap:3px;margin:8px 0;padding:8px;font-size:11px;display:grid}[data-theme=dark] .satRange{color:#d4a017;background:#fbbf2414}.warn,.error{border-radius:12px;margin-top:8px;padding:8px 10px;font-size:12px;line-height:1.4}.warn{border:1px solid var(--warn-border);background:var(--warn-bg);color:var(--warn-text)}.warn.subtle{background:var(--warn-subtle-bg);border-color:var(--warn-subtle-border);color:var(--warn-subtle-text)}.error{border:1px solid var(--error-border);background:var(--error-bg);color:var(--error-text)}.adSlot{border:1px dashed var(--border-strong);background:var(--surface-secondary);color:var(--text-disabled);text-transform:uppercase;letter-spacing:.08em;text-align:center;border-radius:12px;margin-top:12px;padding:24px 12px;font-size:10px;font-weight:800}.mini .chartPanelV2,.mini .historyPanel{display:none}@media (width<=1180px){.steamWorkspaceV2{grid-template-columns:minmax(0,1fr)}.chartPanelV2{min-height:320px}.historyPanel{max-height:none}.chart{min-height:320px}.pipeTwoCol{grid-template-columns:1fr}}@media (width<=720px){.app{padding:8px}.topBar{border-radius:14px;grid-template-columns:1fr;padding:10px}.topActions{position:absolute;top:6px;right:6px}.tinyButton{padding:4px 7px;font-size:10px}.toolTabs{padding:5px}.tab{min-height:36px;padding:7px}.panel{border-radius:14px;padding:10px}.historyPanel{max-height:none}.inlineUnit{gap:4px;padding:5px 8px;font-size:11px}.inlineUnit select{min-width:55px;padding:3px 5px;font-size:10px}.unitInlineInput{width:50px}.unitInlineResult{min-width:45px;font-size:12px}.pipeCascade,.velocityInputs,.resultCards{grid-template-columns:1fr}.chart{min-height:220px}.steamRow{grid-template-columns:30px 55px 1fr;gap:4px;padding:6px}.steamName b{font-size:12px}.steamCheck{font-size:11px}.unitInput{grid-template-columns:1fr 65px}.topBar h1{font-size:20px}.warningBanner{padding:6px 10px;font-size:10px}.pipeSteamSummary{flex-wrap:wrap;gap:6px;padding:6px 10px;font-size:10px}.pipeSteamLabel{font-size:9px}.metric strong{font-size:15px}}