#interaction .pb-label{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-weight:600}#interaction .pb-input{inline-size:8ch;min-block-size:44px;padding:6px 10px;border:1px solid var(--rule-strong);border-radius:var(--radius-control);font:inherit}#interaction .pb-steps{color:var(--ink-body)}#interaction .pb-total{font-weight:700;color:var(--ink)}#interaction .ix-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:14px}#interaction .ix-field{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ink)}#interaction .ix-input{inline-size:8ch;min-block-size:44px;padding:6px 10px;border:1px solid var(--rule-strong);border-radius:var(--radius-control);font:inherit;font-weight:400;background:var(--surface);color:var(--ink)}#interaction .ix-input-wide{inline-size:10ch}#interaction .ix-steps{color:var(--ink-body)}#interaction .ix-result{font-weight:700;color:var(--ink)}#interaction .ix-note{color:var(--ink-muted);font-size:var(--text-small)}#interaction .ix-figure{margin:4px 0 16px}#interaction .ix-tank{display:flex;block-size:32px;border:1px solid var(--rule);border-radius:var(--radius-control);overflow:hidden;background:var(--surface-sunken)}#interaction .ix-seg{display:grid;place-items:center;background:var(--nl-red);color:var(--surface);font-size:var(--text-small);font-weight:600}#interaction .ix-seg-b{background:var(--ink-muted)}#interaction .ix-seg+.ix-seg{border-inline-start:2px solid var(--surface)}#interaction .ix-cols{position:relative;display:flex;align-items:flex-end;gap:10px;block-size:160px;border-bottom:1px solid var(--rule-strong)}#interaction .ix-col{position:relative;flex:1;background:var(--surface-sunken);border:1px solid var(--rule);border-bottom:0;border-radius:var(--radius-control) var(--radius-control) 0 0}#interaction .ix-col-label{position:absolute;inset-inline:0;bottom:6px;text-align:center;color:var(--ink);font-size:var(--text-small);font-weight:600}#interaction .ix-level{position:absolute;inset-inline:0;border-top:2px dashed var(--nl-red)}#interaction .ix-plan{display:block;inline-size:100%;max-inline-size:420px;block-size:auto}#interaction .ix-plan-floor{fill:var(--surface);stroke:var(--ink);stroke-width:2;stroke-linejoin:round}#interaction .ix-plan-cut{fill:none;stroke:var(--ink-muted);stroke-width:1.5;stroke-dasharray:6 4}#interaction .ix-plan-text{fill:var(--ink);font-size:14px;font-weight:600}#interaction .ix-ring{inline-size:104px;block-size:104px;border-radius:50%;border:1px solid var(--rule);background:conic-gradient(var(--nl-red) var(--ix-turn, 0deg),var(--surface-sunken) 0)}#interaction .ix-chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px;padding:0;list-style:none}#interaction .ix-chip{padding:4px 10px;border:1px solid var(--rule);border-radius:var(--radius-control);background:var(--surface);color:var(--ink)}#interaction .ix-svg{display:block;inline-size:100%;max-inline-size:460px;block-size:auto;overflow:visible}#interaction .ix-stroke-strong{stroke:var(--ink);stroke-width:4;stroke-linecap:round;fill:none}#interaction .ix-stroke-accent{stroke:var(--nl-red);stroke-width:3;stroke-linecap:round;fill:none}#interaction .ix-stroke-muted{stroke:var(--ink-muted);stroke-width:3;stroke-linecap:round;stroke-dasharray:6 4;fill:none}#interaction .ix-shape-soft{fill:var(--surface-sunken);stroke:var(--ink);stroke-width:2}#interaction .ix-shape-accent{fill:var(--nl-red)}#interaction .ix-shape-accent-soft{fill:var(--state-action-bg);stroke:var(--nl-red);stroke-width:2}#interaction .ix-label-svg{fill:var(--ink);font-size:15px;font-weight:700}#interaction .ix-small-svg{fill:var(--ink-muted);font-size:13px}#interaction .ix-glyph-svg{fill:var(--ink);font-size:26px}#interaction .ix-water{fill:var(--surface-sunken);stroke:var(--ink-muted);stroke-width:2}#interaction .ix-block{fill:var(--surface);stroke:var(--ink);stroke-width:2}#interaction .ix-grid-line{stroke:var(--rule);stroke-width:1}#interaction .ix-ink{fill:var(--ink)}#interaction .ix-ink-cell{fill:var(--ink);stroke:var(--surface);stroke-width:1.5}#interaction .ix-accent-cell{fill:var(--nl-red);stroke:var(--surface);stroke-width:1.5}#interaction .ix-grid-cell{fill:none;stroke:var(--rule);stroke-width:1}#interaction .ix-dot{fill:var(--surface)}#interaction .ix-mirror{stroke:var(--nl-red);stroke-width:2;stroke-dasharray:6 5}#interaction .ix-road{stroke:var(--rule-strong);stroke-width:6;stroke-linecap:round}#interaction .ix-pad{display:grid;grid-template-columns:repeat(var(--cols, 4),48px);gap:4px;margin-bottom:14px}#interaction .ix-pad-cell{inline-size:48px;block-size:48px;padding:0;border:1px solid var(--rule-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--text-fine);font-weight:600;cursor:pointer}#interaction .ix-pad-cell[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}#interaction .ix-pad-face{background:var(--surface-sunken)}#interaction .ix-pad-face.is-clash{background:var(--state-action-bg);border-color:var(--nl-red);color:var(--ink)}#interaction .ix-pad-cell:focus-visible{outline:2px solid var(--nl-focus);outline-offset:2px}#interaction .ix-pad-cell{transition:transform var(--nl-dur-press) var(--nl-ease-out)}#interaction .ix-pad-cell:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){#interaction .ix-pad-cell{transition:none}#interaction .ix-pad-cell:active{transform:none}}#interaction .ix-pad-gap{inline-size:48px;block-size:48px}#interaction .ix-select{inline-size:auto;max-inline-size:100%;min-inline-size:0;flex:1 1 auto;text-overflow:ellipsis}#interaction .ix-field:has(.ix-select){flex-wrap:wrap;max-inline-size:100%;min-inline-size:0}#interaction .ix-row:has(.ix-select){max-inline-size:100%}:is(#interaction .pb-input,#interaction .ix-input):focus-visible{outline:2px solid var(--nl-focus);outline-offset:2px}#interaction .ix-segmented{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);inline-size:fit-content;max-inline-size:100%;margin:0 0 14px;padding:0;border:1px solid var(--rule-strong);border-radius:var(--radius-control);background:var(--surface);overflow:hidden}#interaction .ix-segmented[data-wrap]{display:flex;flex-wrap:wrap;inline-size:auto}#interaction .ix-segmented[data-wrap]>.ix-segment{flex:1 1 8.5rem}@media(min-width:640px){#interaction .ix-segmented[data-wrap]{display:grid;grid-auto-columns:auto;inline-size:fit-content}}#interaction .ix-row>.ix-segmented{margin-block-end:0}#interaction .ix-segment{min-block-size:44px;min-inline-size:44px;margin:0;padding:8px 14px;border:0;border-radius:0;box-shadow:-1px 0 0 var(--rule-strong),0 -1px 0 var(--rule-strong);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--text-ui-lg);font-weight:600;line-height:1.2;text-wrap:balance;cursor:pointer}#interaction .ix-segment[aria-checked=true]{background:var(--ink);color:var(--surface)}#interaction .ix-segment[aria-pressed=true]{background:var(--surface-sunken);box-shadow:-1px 0 0 var(--rule-strong),0 -1px 0 var(--rule-strong),inset 0 -3px 0 var(--ink)}#interaction .ix-segment:disabled{color:var(--ink-subtle);cursor:default}#interaction .ix-segment[aria-checked=true]:disabled{background:var(--ink-muted);color:var(--surface)}@media(hover:hover)and (pointer:fine){#interaction .ix-segment:not(:disabled,[aria-pressed=true],[aria-checked=true]):hover{background:var(--surface-sunken)}}#interaction .ix-segment:focus-visible{outline:2px solid var(--nl-focus);outline-offset:-4px}#interaction .ix-segment[aria-checked=true]:focus-visible{outline-color:var(--surface)}#interaction .ix-segment:active:not(:disabled){transform:scale(.97)}#interaction .ix-segment{transition:transform var(--nl-dur-press) var(--nl-ease-out)}@media(max-width:479px){#interaction .ix-segment{padding-inline:10px}}@media(prefers-reduced-motion:reduce){#interaction .ix-segment{transition:none}#interaction .ix-segment:active:not(:disabled){transform:none}}#interaction .gw-svg{overflow:visible}#interaction .gw-body{fill:var(--surface-sunken);stroke:var(--ink);stroke-width:1.3;stroke-linejoin:round}#interaction .gw-driver .gw-body{fill:var(--state-action-bg);stroke:var(--nl-red)}#interaction .gw-idler .gw-body{fill:var(--surface)}#interaction .gw-back{opacity:.5}#interaction .gw-front .gw-body{fill:var(--surface);stroke-width:1.6}#interaction .gw-rim,#interaction .gw-boss{fill:none;stroke:var(--rule-strong);stroke-width:1.2}#interaction .gw-hole{fill:var(--surface);stroke:var(--ink);stroke-width:1}#interaction .gw-hub{fill:var(--surface);stroke:var(--ink);stroke-width:1.3}#interaction .gw-bore{fill:var(--ink)}#interaction .gw-mark{fill:var(--nl-red);stroke:var(--ink);stroke-width:1.3;stroke-linejoin:round}#interaction .gw-driver .gw-mark{fill:var(--nl-red);stroke:var(--nl-red)}#interaction .gw-dir-line{fill:none;stroke:var(--nl-red);stroke-width:2;stroke-linecap:round}#interaction .gw-dir-head{fill:var(--nl-red)}#interaction .gw-label-main{fill:var(--ink);font-size:13px;font-weight:700}#interaction .gw-label-sub{fill:var(--ink-muted);font-size:13px;font-variant-numeric:tabular-nums}#interaction .gw-bar-in{fill:var(--ink-muted)}#interaction .gw-bar-out{fill:var(--nl-red)}#interaction .ix-segmented.gw-controls{margin-top:4px}
