/* Real cluster memberships become small stacks of paper inside the shared canvas. */
.flow-mode.clustering-mode #input{min-height:300px;max-height:430px;font-size:12px;line-height:1.85}
.clustering-mode .editor-foot{flex-wrap:wrap;gap:5px 12px}
.cluster-result-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.cluster-result-heading .result-title{margin:0}
.cluster-result-meta{font:8px var(--mono);color:#8c9b7e;white-space:nowrap}
.cluster-controls{padding:12px 13px 10px;border:1px solid #dde4d4;border-radius:6px;background:#f7f8ed;margin-bottom:15px}
.cluster-control-label{font:7px var(--mono);letter-spacing:1px;color:#7e9270}
.cluster-scale{display:flex;justify-content:space-between;font-size:9px;color:#839774;margin:11px 0 1px}
#cluster-granularity{display:block;width:100%;height:22px;margin:0;accent-color:#6d8d59;cursor:pointer}
#cluster-granularity:focus-visible{outline:2px solid #8ca97d;outline-offset:3px;border-radius:3px}
.cluster-control-foot{display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);color:#839375;min-height:23px}
.cluster-control-foot output{color:#526f43;font-variant-numeric:tabular-nums}
.cluster-control-foot .text-button{font-size:9px;padding:4px 0 4px 10px;color:#738b61}
.cluster-slider-note{font-size:9px;line-height:1.65;color:#8c9b7c;margin:3px 0 0;max-width:350px}
.cluster-groups{display:grid;gap:9px}
.cluster-group{position:relative;min-width:0;border:1px solid #d8e2cd;border-radius:6px;background:#fbfaf3;box-shadow:0 2px 0 #edf0e1;animation:cluster-arrive .32s ease-out both;animation-delay:var(--cluster-delay,0ms)}
.cluster-summary{cursor:pointer;list-style:none;padding:11px 13px;display:block}
.cluster-summary::-webkit-details-marker{display:none}
.cluster-summary:focus-visible{outline:2px solid #8ca97d;outline-offset:2px;border-radius:5px}
.cluster-summary:hover{background:#f2f5e8;border-radius:5px}
.cluster-group-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.cluster-group-label{font:8px var(--mono);letter-spacing:1px;color:#a48158}
.cluster-size{font:8px var(--mono);color:#829472;white-space:nowrap}
.cluster-representative{display:block;font-size:12px;line-height:1.55;color:#426044;overflow-wrap:anywhere}
.cluster-summary-hint{display:block;margin-top:6px;font:7px/1.5 var(--mono);color:#9aa389}
.cluster-summary-hint:after{content:' +';color:#8b9d79}
.cluster-group[open] .cluster-summary-hint:after{content:' −'}
.cluster-group[open]{border-color:#b5c8a2;background:#f8faef}
.cluster-members{list-style:none;padding:0 13px;margin:0;border-top:1px solid #e2e8d9}
.cluster-member{display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;font-size:11px;line-height:1.7;padding:10px 0;overflow-wrap:anywhere}
.cluster-member+.cluster-member{border-top:1px solid #e6eadf}
.cluster-member-index{font:8px/2.35 var(--mono);color:#a58a64;font-variant-numeric:tabular-nums}
.no-motion .cluster-group{animation:none!important}
@keyframes cluster-arrive{from{opacity:0;transform:translate(-10px,6px)}to{opacity:1;transform:translate(0,0)}}
@media(max-width:700px){.flow-mode.clustering-mode #input{min-height:270px;max-height:380px;font-size:13px}.cluster-controls{padding:13px 14px}.cluster-control-label,.cluster-group-label{font-size:8px}.cluster-scale{font-size:10px}.cluster-slider-note{font-size:10px}.cluster-representative{font-size:13px}.cluster-summary{padding:12px 14px}.cluster-summary-hint{font-size:8px}.cluster-size,.cluster-result-meta{font-size:9px}.cluster-member{font-size:12px}}