.container.svelte-35omz7{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}header.svelte-35omz7{text-align:center;margin-bottom:3rem}header.svelte-35omz7 h1:where(.svelte-35omz7){font-size:2.5rem;color:#2563eb;margin-bottom:.5rem}header.svelte-35omz7 p:where(.svelte-35omz7){color:#6b7280;font-size:1.1rem;margin-bottom:1.5rem}.score-info.svelte-35omz7{background:#f0f9ff;border:2px solid #0ea5e9;border-radius:.75rem;padding:1.5rem;margin-top:1.5rem;text-align:left}.score-info.svelte-35omz7 h3:where(.svelte-35omz7){color:#0369a1;margin-bottom:1rem;font-size:1.1rem}.score-info.svelte-35omz7 p:where(.svelte-35omz7){color:#374151;margin-bottom:1rem;font-size:1rem}.score-info.svelte-35omz7 ul:where(.svelte-35omz7){list-style:none;padding:0;margin:0}.score-info.svelte-35omz7 li:where(.svelte-35omz7){color:#4b5563;margin-bottom:.5rem;font-size:.95rem}.form-section.svelte-35omz7{margin-bottom:3rem}.input-group.svelte-35omz7{display:flex;gap:1rem;margin-bottom:1rem}input.svelte-35omz7{flex:1;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:border-color .2s}input.svelte-35omz7:focus{outline:none;border-color:#2563eb}button.svelte-35omz7{padding:.75rem 1.5rem;background:#2563eb;color:#fff;border:none;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:background .2s}button.svelte-35omz7:hover:not(:disabled){background:#1d4ed8}button.svelte-35omz7:disabled{background:#9ca3af;cursor:not-allowed}.error.svelte-35omz7{background:#fef2f2;color:#dc2626;padding:.75rem 1rem;border-radius:.5rem;border:1px solid #fecaca}.result-section.svelte-35omz7{background:#f9fafb;padding:2rem;border-radius:1rem;margin-bottom:3rem;width:100%;max-width:1000px;margin-left:auto;margin-right:auto;box-sizing:border-box;overflow:hidden}.svg-container.svelte-35omz7{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;width:100%;box-sizing:border-box;min-height:200px}.svg-container.svelte-35omz7 svg{max-width:100%;width:auto;height:auto;max-height:400px;object-fit:contain}.actions.svelte-35omz7{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.download-btn.svelte-35omz7{background:#059669}.download-btn.svelte-35omz7:hover{background:#047857}.copy-btn.svelte-35omz7{background:#7c3aed}.copy-btn.svelte-35omz7:hover{background:#6d28d9}.code-block.svelte-35omz7{background:#1f2937;color:#f9fafb;padding:.75rem 1rem;border-radius:.5rem;margin:.5rem 0;font-family:Courier New,monospace;overflow-x:auto}.examples.svelte-35omz7{margin-bottom:2rem}.examples.svelte-35omz7 h3:where(.svelte-35omz7){margin-bottom:1.5rem;color:#374151}.example-cards.svelte-35omz7{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.card.svelte-35omz7{background:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.card.svelte-35omz7 h4:where(.svelte-35omz7){margin-bottom:1rem;color:#374151}.rank-list.svelte-35omz7{list-style:none;padding:0;margin:0}.rank-list.svelte-35omz7 li:where(.svelte-35omz7){padding:.25rem 0;font-size:.9rem;color:#4b5563}@media (max-width: 768px){.svg-container.svelte-35omz7 svg{transform:scale(.85)!important;transform-origin:center!important}}@media (max-width: 640px){.container.svelte-35omz7{padding:1rem}.input-group.svelte-35omz7,.actions.svelte-35omz7{flex-direction:column}.score-info.svelte-35omz7{padding:1rem}.score-info.svelte-35omz7 h3:where(.svelte-35omz7){font-size:1rem}.result-section.svelte-35omz7{padding:1rem;margin:0 -1rem}.svg-container.svelte-35omz7{padding:.5rem;min-height:120px;max-height:180px;overflow:hidden}.svg-container.svelte-35omz7 svg{max-width:100%!important;width:auto!important;height:auto!important;transform:scale(.7)!important;transform-origin:center!important}.example-cards.svelte-35omz7{grid-template-columns:1fr}}@media (max-width: 480px){.container.svelte-35omz7{padding:.75rem}.result-section.svelte-35omz7{padding:.75rem;margin:0 -.75rem}.svg-container.svelte-35omz7{padding:.5rem;min-height:100px;max-height:150px;overflow:hidden}.svg-container.svelte-35omz7 svg{transform:scale(.6)!important;transform-origin:center!important}}@media (max-width: 360px){.svg-container.svelte-35omz7{min-height:80px;max-height:120px;overflow:hidden}.svg-container.svelte-35omz7 svg{transform:scale(.5)!important;transform-origin:center!important}}