.dice-roller-tool.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{display:flex;flex-direction:column;gap:var(--spacing-xl)}.quick-dice.svelte-1obtmsk h3.svelte-1obtmsk.svelte-1obtmsk{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);text-align:center;color:var(--text-color)}.quick-dice-grid.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.quick-dice-btn.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{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-1obtmsk.svelte-1obtmsk.svelte-1obtmsk:hover:not(:disabled){border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.quick-dice-btn.selected.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.quick-dice-btn.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk:disabled{opacity:.6;cursor:not-allowed}.dice-controls.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{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-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{display:flex;flex-direction:column;gap:var(--spacing-xs)}.control-group.svelte-1obtmsk label.svelte-1obtmsk.svelte-1obtmsk{font-weight:600;color:var(--text-color)}.control-group.svelte-1obtmsk select.svelte-1obtmsk.svelte-1obtmsk,.control-group.svelte-1obtmsk input.svelte-1obtmsk.svelte-1obtmsk{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-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{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-1obtmsk.svelte-1obtmsk.svelte-1obtmsk:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.roll-button.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk:disabled{opacity:.6;cursor:not-allowed}.results.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.results-header.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.results-header.svelte-1obtmsk h3.svelte-1obtmsk.svelte-1obtmsk{font-size:var(--font-size-xl);margin:0}.total.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{font-size:var(--font-size-lg);font-weight:600;color:var(--text-color)}.total-value.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{font-size:var(--font-size-2xl);color:var(--primary-color);margin-left:var(--spacing-sm)}.dice-results.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.dice-result.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{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-1obtmsk-popIn .3s ease backwards}@keyframes svelte-1obtmsk-popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.dice-icon.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{font-size:2rem;margin-bottom:var(--spacing-xs)}.dice-value.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{font-size:var(--font-size-xl);font-weight:700;color:var(--primary-color)}.stats-summary.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{display:flex;justify-content:space-around;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.stat.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{display:flex;flex-direction:column;align-items:center}.stat-label.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-xs)}.stat-value.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{font-size:var(--font-size-xl);font-weight:700;color:var(--text-color)}.content-section.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.content-section.svelte-1obtmsk h2.svelte-1obtmsk.svelte-1obtmsk{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);color:var(--text-color)}.steps.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{display:flex;flex-direction:column;gap:var(--spacing-lg)}.step.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{display:flex;gap:var(--spacing-md);align-items:flex-start}.step-number.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{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-1obtmsk h3.svelte-1obtmsk.svelte-1obtmsk{font-size:var(--font-size-lg);margin:0 0 var(--spacing-xs);color:var(--text-color)}.step.svelte-1obtmsk p.svelte-1obtmsk.svelte-1obtmsk{margin:0;color:var(--text-muted)}.faq-list.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{display:flex;flex-direction:column;gap:var(--spacing-lg)}.faq-item.svelte-1obtmsk h3.svelte-1obtmsk.svelte-1obtmsk{font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm);color:var(--text-color)}.faq-item.svelte-1obtmsk p.svelte-1obtmsk.svelte-1obtmsk{margin:0;color:var(--text-muted);line-height:1.6}.related-grid.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{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-card h3.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{font-size:var(--font-size-base);margin:0 0 var(--spacing-xs);color:var(--text-color)}.related-card p.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{margin:0;font-size:var(--font-size-sm);color:var(--text-muted)}@media (max-width: 768px){.quick-dice-grid.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.dice-results.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}}.seo-content.svelte-1obtmsk.svelte-1obtmsk.svelte-1obtmsk{max-width:800px;margin:var(--spacing-3xl) auto}.seo-content.svelte-1obtmsk .intro-text.svelte-1obtmsk.svelte-1obtmsk{font-size:var(--font-size-lg);line-height:1.6;color:var(--text-muted);margin-bottom:var(--spacing-2xl)}.seo-content.svelte-1obtmsk .steps.svelte-1obtmsk.svelte-1obtmsk{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.seo-content.svelte-1obtmsk .step.svelte-1obtmsk.svelte-1obtmsk{display:flex;gap:var(--spacing-lg)}.seo-content.svelte-1obtmsk .step-number.svelte-1obtmsk.svelte-1obtmsk{flex-shrink:0;width:40px;height:40px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg)}.seo-content.svelte-1obtmsk .step.svelte-1obtmsk h3.svelte-1obtmsk{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-color)}.seo-content.svelte-1obtmsk .step.svelte-1obtmsk p.svelte-1obtmsk{color:var(--text-muted);line-height:1.6;margin:0}.seo-content.svelte-1obtmsk .use-cases.svelte-1obtmsk.svelte-1obtmsk{background:var(--bg-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-top:var(--spacing-2xl)}.seo-content.svelte-1obtmsk .use-cases h3.svelte-1obtmsk.svelte-1obtmsk{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-lg);color:var(--text-color)}.seo-content.svelte-1obtmsk .use-cases ul.svelte-1obtmsk.svelte-1obtmsk{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--spacing-md);margin:0}.seo-content.svelte-1obtmsk .use-cases li.svelte-1obtmsk.svelte-1obtmsk{padding-left:var(--spacing-md);position:relative;line-height:1.6;color:var(--text-muted)}.seo-content.svelte-1obtmsk .use-cases li.svelte-1obtmsk.svelte-1obtmsk:before{content:"✓";position:absolute;left:0;color:#22c55e;font-weight:700}.seo-content.svelte-1obtmsk .use-cases strong.svelte-1obtmsk.svelte-1obtmsk{color:var(--text-color)}.seo-content.faq.svelte-1obtmsk .faq-list.svelte-1obtmsk.svelte-1obtmsk{display:flex;flex-direction:column;gap:var(--spacing-xl)}.seo-content.faq.svelte-1obtmsk .faq-item.svelte-1obtmsk.svelte-1obtmsk{border-left:3px solid var(--primary-color);padding-left:var(--spacing-lg)}.seo-content.faq.svelte-1obtmsk .faq-item h3.svelte-1obtmsk.svelte-1obtmsk{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-color)}.seo-content.faq.svelte-1obtmsk .faq-item p.svelte-1obtmsk.svelte-1obtmsk{color:var(--text-muted);line-height:1.6;margin:0}