.plug-contour-demo{margin:clamp(var(--sp-7), 7vw, 88px) 0}.plug-stage svg{width:min(100%,680px);margin-inline:auto;overflow:visible}.plug-stage__mobile{display:none}.plug-stage__grid polygon{fill:color-mix(in srgb, var(--surface-3) 82%, transparent);stroke:var(--border);stroke-width:1px}.plug-stage__grid polygon[data-viz-role=current]{fill:color-mix(in srgb, var(--viz-current) 14%, var(--surface-3));stroke:var(--viz-current);stroke-width:2px}.plug-stage__grid polygon[data-viz-role=settled]{stroke:var(--viz-settled);stroke-dasharray:2 3}.plug-stage__grid text{fill:var(--text-3);font-family:var(--font-mono);text-anchor:middle;font-size:9px}.plug-stage__contour{fill:none;stroke:var(--g-1);stroke-width:3px;stroke-linecap:square;filter:drop-shadow(0 0 9px color-mix(in srgb, var(--g-1) 42%, transparent));transition:d .36s var(--ease-out)}.plug-stage__plugs polygon{fill:var(--canvas);stroke:var(--viz-source);stroke-width:1.5px}.plug-stage__plugs [data-viz-role=current] polygon{fill:color-mix(in srgb, var(--viz-current) 14%, var(--canvas));stroke:var(--viz-current);stroke-width:2.3px}.plug-stage__plugs [data-viz-role=chosen] polygon{fill:color-mix(in srgb, var(--viz-chosen) 14%, var(--canvas));stroke:var(--viz-chosen);stroke-width:2px}.plug-stage__plugs [data-viz-role=settled] polygon{stroke:var(--viz-settled);stroke-dasharray:2 3}.plug-stage__plugs text{fill:var(--text-1);font-family:var(--font-mono);text-anchor:middle;font-size:12px}.plug-stage__cursor path{fill:none;stroke:var(--viz-current);stroke-width:1.4px;stroke-dasharray:4 3}.plug-stage__readout{align-items:baseline;gap:var(--sp-3);max-width:680px;padding-top:var(--sp-3);border-top:1px solid var(--border);font-family:var(--font-mono);grid-template-columns:auto auto minmax(0,1fr);margin:-2px auto 0;display:grid}.plug-stage__readout span{color:var(--text-3);letter-spacing:.14em;text-transform:uppercase;font-size:9px}.plug-stage__readout strong{color:var(--g-1);font-size:13px}.plug-stage__readout small{color:var(--text-2);justify-self:end}.plug-table{border-collapse:separate;border-spacing:0;width:100%;min-width:720px;color:var(--text-2);font-family:var(--font-mono);font-size:11px}.plug-table th,.plug-table td{min-width:84px;height:44px;padding:8px var(--sp-3);border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left}.plug-table tr[data-active=true]>*{color:var(--text-1);background:color-mix(in srgb, var(--viz-current) 9%, var(--canvas))}.plug-trace{background:var(--border);gap:1px;margin:0;padding:0;list-style:none;display:grid}.plug-trace li{align-items:center;gap:var(--sp-3);min-height:44px;padding:0 var(--sp-4);color:var(--text-2);background:var(--canvas);grid-template-columns:42px minmax(0,1fr) auto;display:grid}.plug-trace li[data-active=true]{color:var(--text-1);box-shadow:inset 2px 0 var(--viz-current)}.plug-trace li>span{color:var(--text-3);font-family:var(--font-mono);font-size:10px}.plug-trace li>strong{font-size:12px}@media (width<=620px){.plug-contour-demo .demo-workbench__stage{min-height:360px;padding-inline:var(--sp-3);margin-left:38px}.plug-contour-demo .demo-workbench__rail,.plug-contour-demo .demo-workbench__details{margin-left:38px}.plug-stage>svg{display:none}.plug-stage__mobile{gap:var(--sp-4);min-height:420px;padding:var(--sp-4) 0;grid-template-columns:74px minmax(0,1fr);display:grid;position:relative}.plug-stage__mobile header{color:var(--g-1);font-family:var(--font-mono);align-self:start;gap:5px;display:grid}.plug-stage__mobile header span{color:var(--text-3);letter-spacing:.14em;text-transform:uppercase;font-size:9px}.plug-stage__mobile header strong{font-size:16px}.plug-stage__mobile header small{color:var(--text-2);font-size:9px;line-height:1.45}.plug-stage__mobile-rail{background:linear-gradient(var(--viz-source), var(--g-1) 55%, var(--viz-chosen));width:1px;position:absolute;top:25px;bottom:25px;left:91px}.plug-stage__mobile ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.plug-stage__mobile li{align-items:center;gap:var(--sp-3);min-height:60px;padding:0 var(--sp-3) 0 18px;border-bottom:1px solid var(--border);color:var(--text-3);font-family:var(--font-mono);grid-template-columns:28px 36px minmax(0,1fr);display:grid;position:relative}.plug-stage__mobile li:before{background:var(--canvas);content:"";border:1px solid;width:7px;height:7px;position:absolute;left:-3px;rotate:45deg}.plug-stage__mobile li[data-viz-role=source]{color:var(--viz-source);border-bottom-style:dashed}.plug-stage__mobile li[data-viz-role=current]{color:var(--viz-current);box-shadow:inset 2px 0 var(--viz-current)}.plug-stage__mobile li[data-viz-role=chosen]{color:var(--viz-chosen);box-shadow:inset 2px 0 var(--viz-chosen)}.plug-stage__mobile li[data-viz-role=settled]{background-image:repeating-linear-gradient(135deg, transparent 0 8px, color-mix(in srgb, var(--viz-settled) 8%, transparent) 8px 9px)}.plug-stage__mobile li>span{color:var(--text-3);font-size:9px}.plug-stage__mobile li>strong{color:var(--text-1);font-size:20px}.plug-stage__mobile li>small{letter-spacing:.08em;justify-self:end;font-size:9px}.plug-stage__readout{grid-template-columns:auto minmax(0,1fr)}.plug-stage__readout small{grid-column:1/-1;justify-self:start}}@media (prefers-reduced-motion:reduce){.plug-stage__contour{transition:none}}