.hydrogels-mixture-preview-module__oq1U3W__preview{gap:.7rem;padding:.5rem .2rem .2rem;display:grid}.hydrogels-mixture-preview-module__oq1U3W__tabs{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-panel-soft);align-self:center;padding:.18rem;display:inline-flex}.hydrogels-mixture-preview-module__oq1U3W__tab,.hydrogels-mixture-preview-module__oq1U3W__tabActive{border-radius:calc(var(--radius-md) - 2px);min-height:1.9rem;color:var(--ink-secondary);font:inherit;font-size:.74rem;font-weight:var(--font-weight-bold);cursor:pointer;background:0 0;border:0;padding:0 .62rem}.hydrogels-mixture-preview-module__oq1U3W__tabActive{background:var(--bg-panel);color:var(--accent);box-shadow:0 8px 18px -16px var(--shadow-lg)}.hydrogels-mixture-preview-module__oq1U3W__previewCaption{color:var(--ink-tertiary);font-size:var(--font-size-2xs);text-align:center;margin:0;line-height:1.4}.hydrogels-mixture-preview-module__oq1U3W__previewHint{color:var(--ink-secondary);font-size:var(--font-size-sm);text-align:center;margin:0;padding:1.4rem .6rem;line-height:1.45}.hydrogels-mixture-preview-module__oq1U3W__regionWrap,.hydrogels-mixture-preview-module__oq1U3W__compositionWrap,.hydrogels-mixture-preview-module__oq1U3W__responseWrap{gap:.5rem;display:grid}.hydrogels-mixture-preview-module__oq1U3W__regionWrap{position:relative}.hydrogels-mixture-preview-module__oq1U3W__expandButton{z-index:1;position:absolute;top:0;right:0}.hydrogels-mixture-preview-module__oq1U3W__regionSvg{width:100%;max-width:17rem;height:auto;margin-inline:auto;display:block;overflow:visible}.hydrogels-mixture-preview-module__oq1U3W__regionTriangle{fill:var(--bg-panel-soft);stroke:var(--line-strong);stroke-width:1.6px;stroke-linejoin:round}.hydrogels-mixture-preview-module__oq1U3W__regionGrid line{stroke:color-mix(in srgb, var(--line-strong) 55%, transparent 45%);stroke-width:.8px}.hydrogels-mixture-preview-module__oq1U3W__regionFill{fill:color-mix(in srgb, var(--accent) 24%, transparent 76%);stroke:var(--accent);stroke-width:1.4px;stroke-linejoin:round}.hydrogels-mixture-preview-module__oq1U3W__regionPoint{fill:var(--ink-on-accent);stroke:var(--accent-strong);stroke-width:2.4px}.hydrogels-mixture-preview-module__oq1U3W__regionVertex{fill:var(--ink-secondary);font-size:.62rem;font-weight:var(--font-weight-heavy)}.hydrogels-mixture-preview-module__oq1U3W__compositionBar{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--bg-panel-soft);width:100%;height:1.5rem;display:flex;overflow:hidden}.hydrogels-mixture-preview-module__oq1U3W__compositionSegment{min-width:2px;height:100%;transition:width var(--motion-base) ease;box-shadow:inset -1px 0 0 color-mix(in srgb, var(--bg-panel) 55%, transparent 45%)}.hydrogels-mixture-preview-module__oq1U3W__compositionLegend{gap:.32rem;margin:0;padding:0;list-style:none;display:grid}.hydrogels-mixture-preview-module__oq1U3W__compositionLegend li{font-size:var(--font-size-xs);align-items:center;gap:.45rem;display:flex}.hydrogels-mixture-preview-module__oq1U3W__legendDot{border-radius:var(--radius-circle);flex:none;width:.62rem;height:.62rem}.hydrogels-mixture-preview-module__oq1U3W__legendLabel{min-width:0;color:var(--ink-secondary);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.hydrogels-mixture-preview-module__oq1U3W__legendValue{color:var(--ink-primary);font-weight:var(--font-weight-heavy);font-variant-numeric:tabular-nums;flex:none}.hydrogels-mixture-preview-module__oq1U3W__responseChart{width:100%;max-height:10rem}.hydrogels-mixture-preview-module__oq1U3W__zoomDialog{gap:.9rem;width:min(38rem,100%);max-height:min(88vh,44rem);display:grid;overflow:auto}.hydrogels-mixture-preview-module__oq1U3W__zoomHeader{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.hydrogels-mixture-preview-module__oq1U3W__zoomTitle{font-size:var(--font-size-lg);color:var(--ink-primary);margin:0}.hydrogels-mixture-preview-module__oq1U3W__zoomSubtitle{color:var(--ink-secondary);font-size:var(--font-size-sm);margin:.2rem 0 0;line-height:1.4}.hydrogels-mixture-preview-module__oq1U3W__zoomStage{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-panel-soft);place-items:center;max-height:56vh;padding:.5rem;display:grid;overflow:auto}.hydrogels-mixture-preview-module__oq1U3W__zoomChart{flex:none;height:auto;display:block}.hydrogels-mixture-preview-module__oq1U3W__zoomControls{align-items:center;gap:.5rem;display:flex}.hydrogels-mixture-preview-module__oq1U3W__zoomControlsLabel{color:var(--ink-secondary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-heavy);letter-spacing:.05em;text-transform:uppercase}.hydrogels-mixture-preview-module__oq1U3W__zoomValue{text-align:center;min-width:3rem;color:var(--ink-primary);font-size:.84rem;font-weight:var(--font-weight-heavy);font-variant-numeric:tabular-nums}.hydrogels-mixture-preview-module__oq1U3W__zoomReset{margin-left:auto}.hydrogels-mixture-preview-module__oq1U3W__axisEditor{border-top:1px solid var(--line);gap:.5rem;padding-top:.85rem;display:grid}.hydrogels-mixture-preview-module__oq1U3W__axisEditorTitle{color:var(--ink-primary);margin:0;font-size:.92rem}.hydrogels-mixture-preview-module__oq1U3W__axisEditorHint{color:var(--ink-secondary);font-size:var(--font-size-xs);margin:0;line-height:1.4}.hydrogels-mixture-preview-module__oq1U3W__axisRows{gap:.5rem;display:grid}.hydrogels-mixture-preview-module__oq1U3W__axisRow{grid-template-columns:minmax(7rem,.5fr) minmax(0,1fr);align-items:center;gap:.6rem;display:grid}.hydrogels-mixture-preview-module__oq1U3W__axisRowLabel{color:var(--ink-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.hydrogels-mixture-preview-module__oq1U3W__axisSelect{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-panel);min-width:0;min-height:2.4rem;color:var(--ink-primary);font:inherit;padding:.4rem .6rem;font-size:.84rem}.hydrogels-mixture-preview-module__oq1U3W__axisReset{justify-self:start}.hydrogels-mixture-preview-module__oq1U3W__axisAutoNote{color:var(--ink-tertiary);margin:0;font-size:.76rem}@media (max-width:540px){.hydrogels-mixture-preview-module__oq1U3W__axisRow{grid-template-columns:1fr;gap:.25rem}}
