.roles-preview.svelte-82qn97{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.role-badge.svelte-82qn97{padding:.25rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:500}.role-badge.owner.svelte-82qn97{background:#fae8ff;color:#86198f}.role-badge.admin.svelte-82qn97{background:#dbeafe;color:#1e40af}.role-badge.editor.svelte-82qn97{background:#dcfce7;color:#166534}.role-badge.member.svelte-82qn97{background:#f3f4f6;color:#4b5563}.comment-demo.svelte-82qn97{margin:1.5rem 0}.comment-demo-card.svelte-82qn97{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;max-width:360px;box-shadow:0 2px 8px #00000014;font-size:.875rem}.comment-demo-header.svelte-82qn97{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.comment-demo-author.svelte-82qn97{font-weight:600;color:#1f2937}.comment-demo-time.svelte-82qn97{color:#6b7280;font-size:.75rem}.comment-demo-context.svelte-82qn97{background:#fef9c3;border-left:3px solid #eab308;padding:.375rem .5rem;margin-bottom:.5rem;font-style:italic;color:#713f12;font-size:.8125rem;border-radius:0 4px 4px 0}.comment-demo-content.svelte-82qn97{color:#374151;line-height:1.5;margin-bottom:.5rem}.comment-demo-reactions.svelte-82qn97{display:flex;gap:.375rem;margin-bottom:.75rem}.reaction-pill.svelte-82qn97{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;padding:.125rem .5rem;font-size:.75rem;color:#374151}.reaction-pill.active.svelte-82qn97{background:#dbeafe;border-color:#3b82f6;color:#1d4ed8}.comment-demo-reply.svelte-82qn97{background:#f9fafb;border-left:2px solid #3b82f6;padding:.5rem .75rem;margin-bottom:.75rem;border-radius:0 4px 4px 0}.comment-demo-reply.svelte-82qn97 .comment-demo-content:where(.svelte-82qn97){margin-bottom:0}.comment-demo-actions.svelte-82qn97{display:flex;gap:1rem;padding-top:.5rem;border-top:1px solid #f3f4f6}.comment-demo-action.svelte-82qn97{color:#3b82f6;font-size:.75rem;font-weight:500;cursor:default}