.dd-tree-club{margin:24px 0;border:1px solid #cbb78b;border-radius:16px;background:#fff;color:#204b39;overflow:hidden;scroll-margin-top:110px}.dd-tree-club>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;list-style:none;cursor:pointer;min-height:70px;background:#f4efdf}.dd-tree-club>summary::-webkit-details-marker{display:none}.dd-tree-club summary strong{display:block;font-size:18px}.dd-tree-club summary small{display:block;font-size:12px;margin-top:4px}.dd-tree-club[open]>summary>span:last-child{transform:rotate(45deg)}dd-tree-decoration{display:block;padding:20px}.dd-tree-workspace{display:grid;grid-template-columns:minmax(210px,1fr) minmax(0,420px);gap:24px;align-items:center}.dd-tree-workspace svg[data-tree]{display:block;width:100%;height:auto;max-width:420px;margin:auto;touch-action:manipulation}.dd-tree-tools fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}.dd-tree-tools legend{font-size:13px;font-weight:700;margin-bottom:10px}.dd-tree-choices,.dd-tree-colours,.dd-tree-actions{display:flex;flex-wrap:wrap;gap:8px}.dd-tree-tools button{min-height:44px;padding:10px 14px;border:1px solid #b9c4b2;border-radius:22px;background:#fffaf0;color:#204b39;font-size:13px;cursor:pointer}.dd-tree-tools button[aria-pressed=true]{outline:2px solid #204b39;outline-offset:2px;background:#e8efe1;font-weight:700}.dd-tree-colours button{padding:0;width:44px;height:44px;min-height:44px;background:var(--swatch)!important;border:2px solid #fff;box-shadow:0 0 0 1px #aab69f;color:#fff}.dd-tree-colours button span{opacity:0;text-shadow:0 1px 3px #000}.dd-tree-colours button[aria-pressed=true] span{opacity:1}.dd-tree-tools button:disabled{opacity:.45;cursor:default}.dd-tree-tools .dd-tree-save{background:#8c293c;color:#fffaf0;border-color:#8c293c;font-weight:700}.dd-tree-tools button:focus-visible,.dd-tree-club>summary:focus-visible{outline:3px solid #628bc4;outline-offset:3px}.dd-tree-slot{cursor:pointer;outline:none}.dd-tree-slot:focus .dd-tree-target{stroke:#f4cf6a;stroke-width:4;stroke-dasharray:none}.dd-tree-target{fill:#ffffff12;stroke:#fffaf08c;stroke-width:1.5;stroke-dasharray:3 4}.dd-tree-club .dd-tree-status,.dd-tree-club .dd-tree-note{font-size:12px;line-height:1.6}.dd-tree-note{margin-bottom:0}.dd-tree-club p{line-height:1.6}@media(max-width:749px){dd-tree-decoration{padding:16px}.dd-tree-workspace{grid-template-columns:1fr;gap:12px}.dd-tree-tools{order:0}.dd-tree-tools fieldset{margin-bottom:16px}.dd-tree-club>summary{padding:16px}.dd-tree-club summary strong{font-size:16px}.dd-tree-workspace svg[data-tree]{max-width:360px}}