body{transition:background-color .3s ease,color .3s ease}.container.svelte-1uomvbc{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .3s ease}.container.dark.svelte-1uomvbc{background-color:#0f172a;color:#f1f5f9}body:has(.container.dark){background-color:#020617;color:#f1f5f9}header.svelte-1uomvbc{text-align:center;margin-bottom:3rem}.header-top.svelte-1uomvbc{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem;position:relative}.theme-controls.svelte-1uomvbc{position:absolute;top:0;right:0;display:flex;align-items:center;gap:.5rem}header.svelte-1uomvbc h1:where(.svelte-1uomvbc){font-size:2.5rem;color:#2563eb;margin:0;text-align:center}.theme-toggle.svelte-1uomvbc{padding:.5rem;background:transparent;border:2px solid #e5e7eb;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;position:relative}.theme-toggle.svelte-1uomvbc:hover{transform:scale(1.1);background:#f3f4f6}.container.dark.svelte-1uomvbc .theme-toggle:where(.svelte-1uomvbc){border-color:#475569;color:#f1f5f9}.container.dark.svelte-1uomvbc .theme-toggle:where(.svelte-1uomvbc):hover{background:#334155}.theme-mode-indicator.svelte-1uomvbc{text-align:right}.mode-label.svelte-1uomvbc{font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:.25rem .5rem;border-radius:.5rem;display:inline-block;transition:all .3s ease;white-space:nowrap}.container.dark.svelte-1uomvbc .mode-label:where(.svelte-1uomvbc){color:#94a3b8;background:#334155}.container.dark.svelte-1uomvbc header:where(.svelte-1uomvbc) h1:where(.svelte-1uomvbc){color:#60a5fa}header.svelte-1uomvbc p:where(.svelte-1uomvbc){color:#6b7280;font-size:1.1rem;margin-bottom:1.5rem}.container.dark.svelte-1uomvbc header:where(.svelte-1uomvbc) p:where(.svelte-1uomvbc){color:#94a3b8}.score-info.svelte-1uomvbc{background:#f0f9ff;border:2px solid #0ea5e9;border-radius:.75rem;padding:1.5rem;margin-top:1.5rem;text-align:left}.container.dark.svelte-1uomvbc .score-info:where(.svelte-1uomvbc){background:#0f172a;border-color:#0284c7}.score-info.svelte-1uomvbc h3:where(.svelte-1uomvbc){color:#0369a1;margin-bottom:1rem;font-size:1.1rem}.container.dark.svelte-1uomvbc .score-info:where(.svelte-1uomvbc) h3:where(.svelte-1uomvbc){color:#0ea5e9}.score-info.svelte-1uomvbc p:where(.svelte-1uomvbc){color:#374151;margin-bottom:1rem;font-size:1rem}.container.dark.svelte-1uomvbc .score-info:where(.svelte-1uomvbc) p:where(.svelte-1uomvbc){color:#cbd5e1}.score-info.svelte-1uomvbc ul:where(.svelte-1uomvbc){list-style:none;padding:0;margin:0}.score-info.svelte-1uomvbc li:where(.svelte-1uomvbc){color:#4b5563;margin-bottom:.5rem;font-size:.95rem}.container.dark.svelte-1uomvbc .score-info:where(.svelte-1uomvbc) li:where(.svelte-1uomvbc){color:#94a3b8}.form-section.svelte-1uomvbc{margin-bottom:3rem}.input-group.svelte-1uomvbc{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}input.svelte-1uomvbc{flex:2;min-width:250px;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:border-color .2s;background:#fff;color:#1f2937;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box}.container.dark.svelte-1uomvbc input:where(.svelte-1uomvbc){background:#1e293b;border-color:#475569;color:#f1f5f9}.theme-select.svelte-1uomvbc{flex:1;min-width:150px;padding:.75rem 2.5rem .75rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;background:#fff;cursor:pointer;transition:border-color .2s;color:#1f2937;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .7rem center;background-size:1.2em}.container.dark.svelte-1uomvbc .theme-select:where(.svelte-1uomvbc){background-color:#1e293b;border-color:#475569;color:#f1f5f9;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.theme-select.svelte-1uomvbc:focus,input.svelte-1uomvbc:focus{outline:none;border-color:#2563eb}.container.dark.svelte-1uomvbc .theme-select:where(.svelte-1uomvbc):focus,.container.dark.svelte-1uomvbc input:where(.svelte-1uomvbc):focus{border-color:#60a5fa}button.svelte-1uomvbc{padding:.75rem 1.5rem;background:#2563eb;color:#fff;border:none;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:background .2s}button.svelte-1uomvbc:hover:not(:disabled){background:#1d4ed8}button.svelte-1uomvbc:disabled{background:#9ca3af;cursor:not-allowed}.container.dark.svelte-1uomvbc button:where(.svelte-1uomvbc):disabled{background:#475569}.error.svelte-1uomvbc{background:#fef2f2;color:#dc2626;padding:.75rem 1rem;border-radius:.5rem;border:1px solid #fecaca}.container.dark.svelte-1uomvbc .error:where(.svelte-1uomvbc){background:#1e1b1b;border-color:#7f1d1d;color:#f87171}.result-section.svelte-1uomvbc{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}.container.dark.svelte-1uomvbc .result-section:where(.svelte-1uomvbc){background:#1e293b}.theme-info.svelte-1uomvbc{text-align:center;margin-bottom:1.5rem;padding:1rem;background:#e0f2fe;border-radius:.5rem;border:1px solid #0891b2}.container.dark.svelte-1uomvbc .theme-info:where(.svelte-1uomvbc){background:#0f172a;border-color:#0ea5e9}.theme-info.svelte-1uomvbc h3:where(.svelte-1uomvbc){margin:0 0 .5rem;color:#0369a1;font-size:1.1rem}.container.dark.svelte-1uomvbc .theme-info:where(.svelte-1uomvbc) h3:where(.svelte-1uomvbc){color:#0ea5e9}.theme-info.svelte-1uomvbc p:where(.svelte-1uomvbc){margin:0;color:#0891b2;font-size:.9rem}.container.dark.svelte-1uomvbc .theme-info:where(.svelte-1uomvbc) p:where(.svelte-1uomvbc){color:#38bdf8}.svg-container.svelte-1uomvbc{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}.container.dark.svelte-1uomvbc .svg-container:where(.svelte-1uomvbc){background:#0f172a;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.svg-container.svelte-1uomvbc svg{max-width:100%;width:auto;height:auto;max-height:400px;object-fit:contain}.actions.svelte-1uomvbc{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.download-btn.svelte-1uomvbc{background:#059669}.download-btn.svelte-1uomvbc:hover{background:#047857}.copy-url-btn.svelte-1uomvbc{background:#7c3aed}.copy-url-btn.svelte-1uomvbc:hover{background:#6d28d9}.code-block.svelte-1uomvbc{background:#1f2937;color:#f9fafb;padding:.75rem 1rem;border-radius:.5rem;margin:.5rem 0;font-family:Courier New,monospace;overflow-x:auto}.container.dark.svelte-1uomvbc .code-block:where(.svelte-1uomvbc){background:#0f172a;border:1px solid #334155}.copy-icon-btn.svelte-1uomvbc{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;padding:0;background:#9ca3af;color:#fff;border:none;border-radius:.375rem;font-size:1.1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;z-index:10}.copy-icon-btn.svelte-1uomvbc:hover{background:#6b7280;transform:scale(1.05)}.copy-icon-btn.svelte-1uomvbc svg:where(.svelte-1uomvbc){width:16px;height:16px}.container.dark.svelte-1uomvbc .copy-icon-btn:where(.svelte-1uomvbc){background:#475569}.container.dark.svelte-1uomvbc .copy-icon-btn:where(.svelte-1uomvbc):hover{background:#64748b}.examples.svelte-1uomvbc{margin-bottom:2rem}.examples.svelte-1uomvbc h3:where(.svelte-1uomvbc){margin-bottom:1.5rem;color:#374151}.container.dark.svelte-1uomvbc .examples:where(.svelte-1uomvbc) h3:where(.svelte-1uomvbc){color:#f1f5f9}.theme-gallery.svelte-1uomvbc{margin-bottom:3rem}.theme-gallery.svelte-1uomvbc h3:where(.svelte-1uomvbc){margin-bottom:1rem;color:#374151}.container.dark.svelte-1uomvbc .theme-gallery:where(.svelte-1uomvbc) h3:where(.svelte-1uomvbc){color:#f1f5f9}.theme-gallery.svelte-1uomvbc p:where(.svelte-1uomvbc){margin-bottom:1.5rem;color:#6b7280}.container.dark.svelte-1uomvbc .theme-gallery:where(.svelte-1uomvbc) p:where(.svelte-1uomvbc){color:#94a3b8}.theme-cards.svelte-1uomvbc{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.theme-card.svelte-1uomvbc{border:2px solid #e5e7eb;border-radius:.5rem;overflow:hidden;transition:all .2s;background:#fff}.container.dark.svelte-1uomvbc .theme-card:where(.svelte-1uomvbc){border-color:#475569;background:#1e293b}.theme-card.svelte-1uomvbc:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.container.dark.svelte-1uomvbc .theme-card:where(.svelte-1uomvbc):hover{box-shadow:0 4px 12px #0000004d}.theme-card.active.svelte-1uomvbc{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.container.dark.svelte-1uomvbc .theme-card.active:where(.svelte-1uomvbc){border-color:#60a5fa;box-shadow:0 0 0 1px #60a5fa}.theme-preview.svelte-1uomvbc{padding:1rem;border:1px solid;min-height:80px;position:relative;cursor:pointer;transition:all .2s ease;border-radius:.375rem .375rem 0 0}.theme-preview.svelte-1uomvbc:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 2px #3b82f64d}.container.dark.svelte-1uomvbc .theme-preview:where(.svelte-1uomvbc):hover{box-shadow:inset 0 0 0 2px #60a5fa4d}.theme-card.active.svelte-1uomvbc .theme-preview:where(.svelte-1uomvbc){box-shadow:inset 0 0 0 2px #3b82f6}.container.dark.svelte-1uomvbc .theme-card.active:where(.svelte-1uomvbc) .theme-preview:where(.svelte-1uomvbc){box-shadow:inset 0 0 0 2px #60a5fa}.preview-header.svelte-1uomvbc{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.preview-content.svelte-1uomvbc{display:flex;flex-direction:column;gap:.25rem}.preview-bar.svelte-1uomvbc{height:4px;border-radius:2px;width:100%}.theme-select-btn.svelte-1uomvbc{width:100%;padding:.5rem;border:none;background:#f3f4f6;color:#374151;cursor:pointer;transition:background .2s;font-size:.85rem}.container.dark.svelte-1uomvbc .theme-select-btn:where(.svelte-1uomvbc){background:#334155;color:#cbd5e1}.theme-select-btn.svelte-1uomvbc:hover{background:#e5e7eb}.container.dark.svelte-1uomvbc .theme-select-btn:where(.svelte-1uomvbc):hover{background:#475569}.theme-select-btn.active.svelte-1uomvbc{background:#3b82f6;color:#fff}.container.dark.svelte-1uomvbc .theme-select-btn.active:where(.svelte-1uomvbc){background:#60a5fa;color:#0f172a}.theme-list.svelte-1uomvbc{list-style:none;padding:0;margin:0}.theme-list.svelte-1uomvbc li:where(.svelte-1uomvbc){padding:.25rem 0;font-size:.9rem;color:#4b5563;display:grid;grid-template-columns:110px 20px 1fr;align-items:center;gap:0}.theme-list.svelte-1uomvbc li:where(.svelte-1uomvbc)>span:where(.svelte-1uomvbc):first-child{display:flex;justify-content:flex-start}.container.dark.svelte-1uomvbc .theme-list:where(.svelte-1uomvbc) li:where(.svelte-1uomvbc){color:#94a3b8}.theme-list.svelte-1uomvbc code:where(.svelte-1uomvbc){background:#f3f4f6;padding:.125rem .25rem;border-radius:.25rem;font-size:.8rem;color:#1f2937;display:inline-block}.container.dark.svelte-1uomvbc .theme-list:where(.svelte-1uomvbc) code:where(.svelte-1uomvbc){background:#334155;color:#e2e8f0}.theme-separator.svelte-1uomvbc{text-align:center;color:#6b7280}.container.dark.svelte-1uomvbc .theme-separator:where(.svelte-1uomvbc){color:#94a3b8}.example-cards.svelte-1uomvbc{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.card.svelte-1uomvbc{background:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;position:relative}.container.dark.svelte-1uomvbc .card:where(.svelte-1uomvbc){background:#1e293b;border-color:#475569;box-shadow:0 1px 3px #0003}.card.svelte-1uomvbc h4:where(.svelte-1uomvbc){margin-bottom:1rem;color:#374151}.container.dark.svelte-1uomvbc .card:where(.svelte-1uomvbc) h4:where(.svelte-1uomvbc){color:#f1f5f9}.rank-list.svelte-1uomvbc{list-style:none;padding:0;margin:0}.rank-list.svelte-1uomvbc li:where(.svelte-1uomvbc){padding:.25rem 0;font-size:.9rem;color:#4b5563}.container.dark.svelte-1uomvbc .rank-list:where(.svelte-1uomvbc) li:where(.svelte-1uomvbc){color:#94a3b8}@media (max-width: 768px){.svg-container.svelte-1uomvbc svg{max-width:100%;height:auto}.header-top.svelte-1uomvbc h1:where(.svelte-1uomvbc){font-size:2rem}}@media (max-width: 640px){.container.svelte-1uomvbc{padding:1rem}.input-group.svelte-1uomvbc{flex-direction:column;align-items:stretch;gap:.75rem}.input-group.svelte-1uomvbc input:where(.svelte-1uomvbc),.input-group.svelte-1uomvbc .theme-select:where(.svelte-1uomvbc),.input-group.svelte-1uomvbc button:where(.svelte-1uomvbc){width:100%;min-width:auto;flex:none}input.svelte-1uomvbc,.theme-select.svelte-1uomvbc{min-width:auto;width:100%;font-size:16px}.actions.svelte-1uomvbc{flex-direction:column}.score-info.svelte-1uomvbc{padding:1rem}.score-info.svelte-1uomvbc h3:where(.svelte-1uomvbc){font-size:1rem}.result-section.svelte-1uomvbc{padding:1rem;margin:1rem 0}.svg-container.svelte-1uomvbc{padding:.5rem;min-height:200px;overflow:hidden}.theme-info.svelte-1uomvbc{margin-left:0;margin-right:0}.svg-container.svelte-1uomvbc svg{max-width:100%!important;width:100%!important;height:auto!important}.example-cards.svelte-1uomvbc{grid-template-columns:1fr}.theme-cards.svelte-1uomvbc{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.header-top.svelte-1uomvbc{flex-direction:column;gap:.5rem}.header-top.svelte-1uomvbc h1:where(.svelte-1uomvbc){font-size:1.8rem}.theme-list.svelte-1uomvbc{padding-left:1rem}.theme-list.svelte-1uomvbc li:where(.svelte-1uomvbc){grid-template-columns:140px 20px 1fr}.theme-list.svelte-1uomvbc code:where(.svelte-1uomvbc){font-size:.75rem}.copy-icon-btn.svelte-1uomvbc{width:1.75rem;height:1.75rem;font-size:1rem;top:.25rem;right:.25rem;background:#9ca3af}.copy-icon-btn.svelte-1uomvbc:hover{background:#6b7280}.container.dark.svelte-1uomvbc .copy-icon-btn:where(.svelte-1uomvbc){background:#475569}.container.dark.svelte-1uomvbc .copy-icon-btn:where(.svelte-1uomvbc):hover{background:#64748b}}@media (max-width: 480px){.container.svelte-1uomvbc{padding:.75rem}.result-section.svelte-1uomvbc{padding:.75rem;margin:1rem 0}.svg-container.svelte-1uomvbc{padding:.5rem;min-height:180px;overflow:visible}.theme-info.svelte-1uomvbc{margin-left:0;margin-right:0;padding:.75rem}.actions.svelte-1uomvbc{padding:0 .5rem}.actions.svelte-1uomvbc button:where(.svelte-1uomvbc){width:100%;margin-bottom:.5rem}.svg-container.svelte-1uomvbc svg{max-width:100%!important;width:100%!important;height:auto!important}.theme-cards.svelte-1uomvbc{grid-template-columns:1fr}.score-info.svelte-1uomvbc ul:where(.svelte-1uomvbc){padding-left:1rem}}@media (max-width: 360px){.svg-container.svelte-1uomvbc{min-height:150px;overflow:visible}.svg-container.svelte-1uomvbc svg{max-width:100%!important;width:100%!important;height:auto!important}}