.dice-roller-tool.svelte-1twpb1c.svelte-1twpb1c{display:flex;flex-direction:column;gap:var(--spacing-xl)}.quick-dice.svelte-1twpb1c h3.svelte-1twpb1c{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);text-align:center;color:var(--text-color)}.quick-dice-grid.svelte-1twpb1c.svelte-1twpb1c{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.quick-dice-btn.svelte-1twpb1c.svelte-1twpb1c{padding:var(--spacing-md);background:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-weight:600;font-size:var(--font-size-base)}.quick-dice-btn.svelte-1twpb1c.svelte-1twpb1c:hover:not(:disabled){border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.quick-dice-btn.selected.svelte-1twpb1c.svelte-1twpb1c{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.quick-dice-btn.svelte-1twpb1c.svelte-1twpb1c:disabled{opacity:.6;cursor:not-allowed}.dice-controls.svelte-1twpb1c.svelte-1twpb1c{display:flex;flex-direction:column;gap:var(--spacing-md);background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.control-group.svelte-1twpb1c.svelte-1twpb1c{display:flex;flex-direction:column;gap:var(--spacing-xs)}.control-group.svelte-1twpb1c label.svelte-1twpb1c{font-weight:600;color:var(--text-color)}.control-group.svelte-1twpb1c select.svelte-1twpb1c,.control-group.svelte-1twpb1c input.svelte-1twpb1c{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--bg-color)}.roll-button.svelte-1twpb1c.svelte-1twpb1c{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);font-weight:600;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md);margin-top:var(--spacing-sm)}.roll-button.svelte-1twpb1c.svelte-1twpb1c:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.roll-button.svelte-1twpb1c.svelte-1twpb1c:disabled{opacity:.6;cursor:not-allowed}.results.svelte-1twpb1c.svelte-1twpb1c{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.results-header.svelte-1twpb1c.svelte-1twpb1c{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.results-header.svelte-1twpb1c h3.svelte-1twpb1c{font-size:var(--font-size-xl);margin:0}.total.svelte-1twpb1c.svelte-1twpb1c{font-size:var(--font-size-lg);font-weight:600;color:var(--text-color)}.total-value.svelte-1twpb1c.svelte-1twpb1c{font-size:var(--font-size-2xl);color:var(--primary-color);margin-left:var(--spacing-sm)}.dice-results.svelte-1twpb1c.svelte-1twpb1c{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.dice-result.svelte-1twpb1c.svelte-1twpb1c{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-md);background:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--radius-md);animation:svelte-1twpb1c-popIn .3s ease backwards}@keyframes svelte-1twpb1c-popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.dice-icon.svelte-1twpb1c.svelte-1twpb1c{font-size:2rem;margin-bottom:var(--spacing-xs)}.dice-value.svelte-1twpb1c.svelte-1twpb1c{font-size:var(--font-size-xl);font-weight:700;color:var(--primary-color)}.stats-summary.svelte-1twpb1c.svelte-1twpb1c{display:flex;justify-content:space-around;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.stat.svelte-1twpb1c.svelte-1twpb1c{display:flex;flex-direction:column;align-items:center}.stat-label.svelte-1twpb1c.svelte-1twpb1c{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-xs)}.stat-value.svelte-1twpb1c.svelte-1twpb1c{font-size:var(--font-size-xl);font-weight:700;color:var(--text-color)}.content-section.svelte-1twpb1c.svelte-1twpb1c{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.content-section.svelte-1twpb1c h2.svelte-1twpb1c{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);color:var(--text-color)}.steps.svelte-1twpb1c.svelte-1twpb1c{display:flex;flex-direction:column;gap:var(--spacing-lg)}.step.svelte-1twpb1c.svelte-1twpb1c{display:flex;gap:var(--spacing-md);align-items:flex-start}.step-number.svelte-1twpb1c.svelte-1twpb1c{width:40px;height:40px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step.svelte-1twpb1c h3.svelte-1twpb1c{font-size:var(--font-size-lg);margin:0 0 var(--spacing-xs);color:var(--text-color)}.step.svelte-1twpb1c p.svelte-1twpb1c{margin:0;color:var(--text-muted)}.faq-list.svelte-1twpb1c.svelte-1twpb1c{display:flex;flex-direction:column;gap:var(--spacing-lg)}.faq-item.svelte-1twpb1c h3.svelte-1twpb1c{font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm);color:var(--text-color)}.faq-item.svelte-1twpb1c p.svelte-1twpb1c{margin:0;color:var(--text-muted);line-height:1.6}.related-grid.svelte-1twpb1c.svelte-1twpb1c{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.related-card{padding:var(--spacing-lg);background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.related-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--primary-color)}.related-icon.svelte-1twpb1c.svelte-1twpb1c{font-size:2rem;margin-bottom:var(--spacing-sm)}.related-card h3.svelte-1twpb1c.svelte-1twpb1c{font-size:var(--font-size-base);margin:0 0 var(--spacing-xs);color:var(--text-color)}.related-card p.svelte-1twpb1c.svelte-1twpb1c{margin:0;font-size:var(--font-size-sm);color:var(--text-muted)}@media (max-width: 768px){.quick-dice-grid.svelte-1twpb1c.svelte-1twpb1c{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.dice-results.svelte-1twpb1c.svelte-1twpb1c{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}}