.group-panel{margin-bottom:18px}.group-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.group-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 14px;display:flex;align-items:center;gap:9px;cursor:pointer}.group-card:hover{border-color:#8ec3b1;background:#f7fcfa}.group-card span{width:30px;height:30px;border-radius:9px;background:#e8f5f0;color:var(--green);display:grid;place-items:center}.group-card small,.group-card b{display:block;text-align:left}.group-card small{color:var(--muted);margin-top:2px}.icon-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:9px 0 14px}.icon-choice{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px;display:grid;place-items:center;cursor:pointer;color:#46635c}.icon-choice svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-choice:hover,.icon-choice.selected{border-color:#42a985;background:#e7f6f0;color:var(--green)}.generated-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.group-color-row{display:flex;gap:8px}.group-color{width:28px;height:28px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--line);cursor:pointer}.group-color.selected{box-shadow:0 0 0 2px var(--ink)}@media(max-width:520px){.icon-palette{grid-template-columns:repeat(4,1fr)}}