/* Native object manipulation, following the existing cream/green palette. */
.c01-direct-hint{padding:10px 13px;background:#eaf0e2;border-left:3px solid #17675e;border-radius:0 6px 6px 0;font-size:12px;line-height:1.8;color:#355744}
.c01-direct-toolbar,.c01-direct-steps{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}
.c01-direct-step,.c01-module{border:1px solid #b5c8b3;border-radius:7px;padding:8px 11px;background:#f3f6eb;color:#264f40;cursor:pointer;font:inherit;font-size:12px}
.c01-direct-step.active,.c01-direct-step[aria-current=step],.c01-term-active{background:#d9e9cb!important;box-shadow:inset 0 0 0 2px #427861}
.c01-module[aria-pressed=false]{background:#f8f5ed;color:#6a726b;border-style:dashed}
.c01-module[aria-pressed=true]{background:#dfedda;border-color:#17675e}
.c01-direct-handle{cursor:grab;touch-action:none;stroke:#17675e;stroke-width:2;fill:#fff4ce;vector-effect:non-scaling-stroke}
.c01-direct-handle:active{cursor:grabbing}.c01-direct-handle:focus{outline:none;stroke:#b46627;stroke-width:4}
.c01-direct-label{font-size:11px;fill:#315744;pointer-events:none;paint-order:stroke;stroke:#fffdf5;stroke-width:3px;stroke-linejoin:round}
.c01-history{border-top:1px solid #e2e8d8;padding-top:10px}.c01-history button:disabled{opacity:.45;cursor:default}
.c01-control[data-mode=number] .c01-number{width:100%;max-width:150px;margin-top:5px;min-height:32px}
.c01-direct-output{font:12px/1.9 Consolas,monospace;overflow-wrap:anywhere;padding:10px;border-radius:6px;background:#f0f3e8}
.c01-chart:has(.c01-direct-handle),.c01-p1-scalp,.c01-p1-circle{touch-action:none}
.c01-module:focus-visible,.c01-direct-step:focus-visible{outline:2px solid #17675e;outline-offset:2px}
@media(max-width:600px){.c01-direct-toolbar,.c01-direct-steps{gap:6px}.c01-direct-step,.c01-module{min-height:38px;flex-wrap:wrap;max-width:100%}.c01-direct-label{font-size:10px}.c01-direct-hint{font-size:11px}}