@import url('../Stack/style.css');
.workspace{grid-template-columns:280px minmax(0,1fr)}textarea{width:100%;font:inherit;font-size:14px;color:inherit;background:#fbfdfb;border:1px solid #cddfce;border-radius:6px;padding:12px;line-height:1.6;resize:vertical}.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#75876f;margin:10px 0 20px}.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}.dot.divide{background:#e4c581}.dot.merging{background:#8aa6c4}.dot.sorted{background:#6b9d65}#tree-scroll{height:510px;overflow:auto;border:1px solid #dce7d7;border-radius:10px;background:radial-gradient(#dce8d6 .8px,transparent .8px),#f6faf3;background-size:16px 16px}#tree-container{position:relative;margin:auto;isolation:isolate}.connectors{position:absolute;inset:0;pointer-events:none}.connector{stroke:#bccfb2;stroke-width:2;fill:none}.group{position:absolute;border:2px solid #d5e2cd;border-radius:8px;background:#fff;padding:7px 5px;display:flex;gap:3px;box-shadow:0 4px 10px #29463308;transition:border-color .25s,background .25s}.group[hidden]{display:none}.group.divided{border-color:#d9bc7b;background:#fdf9ef}.group.merging{border-color:#829fbf;background:#f1f6fc}.group.sorted{border-color:#83ad76;background:#eef6e9}.group.active{box-shadow:0 0 0 4px #c8dcb480}.group-label{position:absolute;bottom:calc(100% + 7px);left:0;width:100%;font-size:9px;letter-spacing:1px;text-align:center;color:#809475;white-space:nowrap}.token{height:42px;width:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:4px;background:#e5efdf;color:#3b6541;font-size:13px;font-weight:600}.token small{font-size:8px;font-weight:400;opacity:.65;margin-top:2px}.token.blank{border:1px dashed #b6c9ad;background:transparent;color:#a3b09b}.token.consumed{opacity:.28}.token.candidate{background:#f3d48c;outline:2px solid #cba650}.ghost{position:absolute;z-index:5;background:#619754;color:white;pointer-events:none;box-shadow:0 3px 12px #30572830}.workbench{margin-top:20px}.merge-inputs{display:grid;grid-template-columns:1fr 1fr;gap:25px}.tokens{display:flex;gap:6px;flex-wrap:wrap;min-height:45px}.tokens .token{width:42px;height:48px}.workbench h3{font-size:10px;letter-spacing:1.5px;color:#7d9275;margin:18px 0 10px}.ideas{padding-left:20px;font-size:13px;color:#6f8368;line-height:1.8}.ideas li{padding:9px 0}.ideas b{color:#467149}#status{font-size:14px;line-height:1.7;color:#466b45;min-height:48px}#error:empty{display:none}@media(max-width:800px){.workspace{grid-template-columns:1fr}.merge-inputs{grid-template-columns:1fr;gap:8px}#tree-scroll{height:440px}.heading{flex-direction:column}.heading .badge{margin-bottom:10px}}@media(prefers-reduced-motion:reduce){.group{transition:none}}