.two-phase-flow-page,.two-phase-flow-tool,.two-phase-flow-grid,.two-phase-flow-stage-shell,.two-phase-flow-frame{width:100%;height:100%}.two-phase-flow-page,.two-phase-flow-tool,.two-phase-flow-stage-shell{position:relative;overflow:hidden}.two-phase-flow-tool{color:#111820;background:#fff}.two-phase-flow-tool .two-phase-flow-gesture-hint{color:#146bff;margin-top:.28rem;font-size:.72rem;font-weight:750}.two-phase-flow-stage-shell{background:#fff;border:0;border-radius:0}.two-phase-flow-frame{background:#fff;border:0;display:block;position:absolute;inset:0}.two-phase-flow-tool .stage-config-toggle{color:#111820;background:#ffffffd6;border-color:#1018202e;box-shadow:0 8px 24px #1f304329}.two-phase-flow-tool .stage-config-toggle:hover{background:#fff;border-color:#10182061}.two-phase-flow-tool .stage-config-toggle[aria-expanded=true]{color:#146bff;background:#eff6fff0;border-color:#146bff9e}.two-phase-flow-tool .two-phase-flow-config-panel{color:#18222c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-color:#1018201f;box-shadow:0 24px 70px #1f30432e,inset 0 1px #ffffffe6}.two-phase-flow-tool .two-phase-flow-config-panel .control-heading span{color:#146bff}.two-phase-flow-tool .two-phase-flow-config-panel .control-heading strong{color:#111820}.two-phase-flow-tool .two-phase-flow-config-panel .two-phase-flow-control-row label{color:#46515d}.two-phase-flow-tool .two-phase-flow-config-panel .two-phase-flow-control-row select{color:#18222c;background:#f4f7faf2}.two-phase-flow-tool .two-phase-flow-config-panel .two-phase-flow-control-row:has(.swatch){grid-template-columns:1fr 1fr}.two-phase-flow-tool .two-phase-flow-config-panel .two-phase-flow-control-row .swatch{color:#1b2633;border-radius:.62rem;width:100%;min-width:0;min-height:2.35rem;padding-inline:.45rem;font-size:.72rem;font-weight:800}.two-phase-flow-tool .two-phase-flow-config-panel .two-phase-flow-config-note{color:#687581}.two-phase-flow-tool .two-phase-flow-result{color:#111820;background:#ffffffeb;border-color:#1018201f;box-shadow:0 18px 50px #1f30432e,inset 0 1px #ffffffe6}.two-phase-flow-tool .two-phase-flow-result .result-label{color:#146bff}.two-phase-flow-tool .two-phase-flow-result small{color:#687581}.two-phase-flow-tool .two-phase-flow-result .stage-result__action{color:#fff;background:linear-gradient(135deg,#146bff,#4e91ff);box-shadow:0 16px 36px #146bff33}.two-phase-flow-page-body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111820;background:#fff}.two-phase-flow-page-body .two-phase-flow-page{width:100%;height:100%;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.two-phase-flow-page-body #app.two-phase-flow-stage-shell{background:#fff;width:100%;height:100%;min-height:0;position:relative;inset:auto;overflow:hidden}.two-phase-flow-page-body .controls{color:inherit;width:auto!important;height:auto!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;padding:0!important;position:static!important;inset:auto!important}.two-phase-flow-page-body .site-header,.two-phase-flow-page-body .site-header a,.two-phase-flow-page-body .site-header a:hover{color:#111820}.two-phase-flow-page-body .brand{color:#111820!important}.two-phase-flow-page-body .site-menu summary{color:#111820;background:#ffffffd6;border-color:#10182029;box-shadow:0 10px 28px #1f30431f}.two-phase-flow-page-body .site-menu__summary-label{color:#146bff}.two-phase-flow-page-body .site-menu__indicator{border-color:#687581}.two-phase-flow-page-body .site-menu__panel{background:#fffffffa;border-color:#1018201f;box-shadow:0 24px 70px #1f304333}.two-phase-flow-page-body .site-menu__group+.site-menu__group{border-top-color:#10182014}.two-phase-flow-page-body .site-menu__group h3{color:#687581}.two-phase-flow-page-body .site-menu__group a{color:#18222c}.two-phase-flow-page-body .site-menu__group a:hover,.two-phase-flow-page-body .site-menu__group a[aria-current=page]{color:#111820;background:#146bff1a}.two-phase-flow-page-body .site-menu__group a[aria-current=page]{box-shadow:inset 3px 0 #146bff}.two-phase-flow-page-body .tool-intro h1.tool-intro__heading{color:#111820}.two-phase-flow-page-body .tool-summary{color:#46515d}.two-phase-flow-tool .two-phase-flow-result{border-radius:16px;min-width:min(82%,340px);padding:.48rem .85rem}.two-phase-flow-tool .two-phase-flow-result .result-label{margin-bottom:.08rem;font-size:.56rem}.two-phase-flow-tool .two-phase-flow-result>strong{font-size:clamp(1.45rem,4.2vw,2.65rem);line-height:1}.two-phase-flow-tool .two-phase-flow-result>small{margin-top:.14rem;font-size:.7rem;display:block}.two-phase-flow-control-row{grid-template-columns:minmax(0,1fr) minmax(10rem,1.2fr);align-items:center;gap:.45rem .7rem;min-height:2.35rem;display:grid}.two-phase-flow-control-row label{color:#46515d;letter-spacing:.03em;font-size:.72rem;font-weight:800}.two-phase-flow-control-row select{color:#18222c;width:100%;min-height:2.35rem;font:inherit;background:#f4f7faf2;border:1px solid #10182029;border-radius:.62rem;padding:.3rem .55rem}.two-phase-flow-control-row select:focus-visible{outline-offset:2px;outline:2px solid #146bff}.two-phase-flow-config-note{color:#687581;margin:.15rem 0 0;font-size:.68rem;line-height:1.45}@media (max-width:520px){.two-phase-flow-control-row{grid-template-columns:1fr;gap:.2rem}.two-phase-flow-control-row select{min-height:2.2rem}}