body{transition:background-color .3s ease,color .3s ease}.container.svelte-18q4yx5{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-18q4yx5{background-color:#0f172a;color:#f1f5f9}body:has(.container.dark){background-color:#020617;color:#f1f5f9}header.svelte-18q4yx5{text-align:center;margin-bottom:3rem}.header-top.svelte-18q4yx5{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem;position:relative}.theme-controls.svelte-18q4yx5{position:absolute;top:0;right:0;display:flex;align-items:center;gap:.5rem}header.svelte-18q4yx5 h1:where(.svelte-18q4yx5){font-size:2.5rem;color:#2563eb;margin:0;text-align:center}.theme-toggle.svelte-18q4yx5{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-18q4yx5:hover{transform:scale(1.1);background:#f3f4f6}.container.dark.svelte-18q4yx5 .theme-toggle:where(.svelte-18q4yx5){border-color:#475569;color:#f1f5f9}.container.dark.svelte-18q4yx5 .theme-toggle:where(.svelte-18q4yx5):hover{background:#334155}.theme-mode-indicator.svelte-18q4yx5{text-align:right}.mode-label.svelte-18q4yx5{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-18q4yx5 .mode-label:where(.svelte-18q4yx5){color:#94a3b8;background:#334155}.container.dark.svelte-18q4yx5 header:where(.svelte-18q4yx5) h1:where(.svelte-18q4yx5){color:#60a5fa}header.svelte-18q4yx5 p:where(.svelte-18q4yx5){color:#6b7280;font-size:1.1rem;margin-bottom:1.5rem}.container.dark.svelte-18q4yx5 header:where(.svelte-18q4yx5) p:where(.svelte-18q4yx5){color:#94a3b8}.score-info.svelte-18q4yx5{background:#f0f9ff;border:2px solid #0ea5e9;border-radius:.75rem;padding:1.5rem;margin-top:1.5rem;text-align:left}.container.dark.svelte-18q4yx5 .score-info:where(.svelte-18q4yx5){background:#0f172a;border-color:#0284c7}.score-info.svelte-18q4yx5 h3:where(.svelte-18q4yx5){color:#0369a1;margin-bottom:1rem;font-size:1.1rem}.container.dark.svelte-18q4yx5 .score-info:where(.svelte-18q4yx5) h3:where(.svelte-18q4yx5){color:#0ea5e9}.score-info.svelte-18q4yx5 p:where(.svelte-18q4yx5){color:#374151;margin-bottom:1rem;font-size:1rem}.container.dark.svelte-18q4yx5 .score-info:where(.svelte-18q4yx5) p:where(.svelte-18q4yx5){color:#cbd5e1}.score-info.svelte-18q4yx5 ul:where(.svelte-18q4yx5){list-style:none;padding:0;margin:0}.score-info.svelte-18q4yx5 li:where(.svelte-18q4yx5){color:#4b5563;margin-bottom:.5rem;font-size:.95rem}.container.dark.svelte-18q4yx5 .score-info:where(.svelte-18q4yx5) li:where(.svelte-18q4yx5){color:#94a3b8}.form-section.svelte-18q4yx5{margin-bottom:3rem}.input-group.svelte-18q4yx5{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.control-box.svelte-18q4yx5{display:flex;align-items:center;padding:.4rem .75rem;border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;box-sizing:border-box;flex:0 0 auto;justify-content:center}.container.dark.svelte-18q4yx5 .control-box:where(.svelte-18q4yx5){background:#1e293b;border-color:#475569}.streak-label.svelte-18q4yx5{display:flex;align-items:center;color:#9ca3af;font-size:.95rem;cursor:pointer;margin:0;gap:.5rem;justify-content:center;flex:0 0 auto}.streak-checkbox.svelte-18q4yx5{width:18px;height:18px;appearance:auto!important;-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;background:transparent;padding:0;margin:0;vertical-align:middle;accent-color:#2563eb;flex:0 0 auto;min-width:auto}input.svelte-18q4yx5{flex:1 1 420px;min-width:240px;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-18q4yx5 input:where(.svelte-18q4yx5){background:#1e293b;border-color:#475569;color:#f1f5f9}.theme-select.svelte-18q4yx5{flex:0 0 160px;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-18q4yx5 .theme-select:where(.svelte-18q4yx5){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-18q4yx5:focus,input.svelte-18q4yx5:focus{outline:none;border-color:#2563eb}.input-group.svelte-18q4yx5 button:where(.svelte-18q4yx5){flex:0 0 auto}.container.dark.svelte-18q4yx5 .theme-select:where(.svelte-18q4yx5):focus,.container.dark.svelte-18q4yx5 input:where(.svelte-18q4yx5):focus{border-color:#60a5fa}button.svelte-18q4yx5{padding:.75rem 1.5rem;background:#2563eb;color:#fff;border:none;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:background .2s}button.svelte-18q4yx5:hover:not(:disabled){background:#1d4ed8}button.svelte-18q4yx5:disabled{background:#9ca3af;cursor:not-allowed}.container.dark.svelte-18q4yx5 button:where(.svelte-18q4yx5):disabled{background:#475569}.error.svelte-18q4yx5{background:#fef2f2;color:#dc2626;padding:.75rem 1rem;border-radius:.5rem;border:1px solid #fecaca}.container.dark.svelte-18q4yx5 .error:where(.svelte-18q4yx5){background:#1e1b1b;border-color:#7f1d1d;color:#f87171}.result-section.svelte-18q4yx5{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-18q4yx5 .result-section:where(.svelte-18q4yx5){background:#1e293b}.theme-info.svelte-18q4yx5{text-align:center;margin-bottom:1.5rem;padding:1rem;background:#e0f2fe;border-radius:.5rem;border:1px solid #0891b2}.container.dark.svelte-18q4yx5 .theme-info:where(.svelte-18q4yx5){background:#0f172a;border-color:#0ea5e9}.theme-info.svelte-18q4yx5 h3:where(.svelte-18q4yx5){margin:0 0 .5rem;color:#0369a1;font-size:1.1rem}.container.dark.svelte-18q4yx5 .theme-info:where(.svelte-18q4yx5) h3:where(.svelte-18q4yx5){color:#0ea5e9}.theme-info.svelte-18q4yx5 p:where(.svelte-18q4yx5){margin:0;color:#0891b2;font-size:.9rem}.container.dark.svelte-18q4yx5 .theme-info:where(.svelte-18q4yx5) p:where(.svelte-18q4yx5){color:#38bdf8}.svg-container.svelte-18q4yx5{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-18q4yx5 .svg-container:where(.svelte-18q4yx5){background:#0f172a;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.svg-container.svelte-18q4yx5 svg{max-width:100%;width:auto;height:auto;max-height:400px;object-fit:contain}.actions.svelte-18q4yx5{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.download-btn.svelte-18q4yx5{background:#059669}.download-btn.svelte-18q4yx5:hover{background:#047857}.copy-url-btn.svelte-18q4yx5{background:#7c3aed}.copy-url-btn.svelte-18q4yx5:hover{background:#6d28d9}.code-block.svelte-18q4yx5{background:#1f2937;color:#f9fafb;padding:.75rem 1rem;border-radius:.5rem;margin:.5rem 0;font-family:Courier New,monospace;overflow-x:auto}.container.dark.svelte-18q4yx5 .code-block:where(.svelte-18q4yx5){background:#0f172a;border:1px solid #334155}.copy-icon-btn.svelte-18q4yx5{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-18q4yx5:hover{background:#6b7280;transform:scale(1.05)}.copy-icon-btn.svelte-18q4yx5 svg:where(.svelte-18q4yx5){width:16px;height:16px}.container.dark.svelte-18q4yx5 .copy-icon-btn:where(.svelte-18q4yx5){background:#475569}.container.dark.svelte-18q4yx5 .copy-icon-btn:where(.svelte-18q4yx5):hover{background:#64748b}.examples.svelte-18q4yx5{margin-bottom:2rem}.examples.svelte-18q4yx5 h3:where(.svelte-18q4yx5){margin-bottom:1.5rem;color:#374151}.container.dark.svelte-18q4yx5 .examples:where(.svelte-18q4yx5) h3:where(.svelte-18q4yx5){color:#f1f5f9}.theme-gallery.svelte-18q4yx5{margin-bottom:3rem}.theme-gallery.svelte-18q4yx5 h3:where(.svelte-18q4yx5){margin-bottom:1rem;color:#374151}.container.dark.svelte-18q4yx5 .theme-gallery:where(.svelte-18q4yx5) h3:where(.svelte-18q4yx5){color:#f1f5f9}.theme-gallery.svelte-18q4yx5 p:where(.svelte-18q4yx5){margin-bottom:1.5rem;color:#6b7280}.container.dark.svelte-18q4yx5 .theme-gallery:where(.svelte-18q4yx5) p:where(.svelte-18q4yx5){color:#94a3b8}.theme-cards.svelte-18q4yx5{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.theme-card.svelte-18q4yx5{border:2px solid #e5e7eb;border-radius:.5rem;overflow:hidden;transition:all .2s;background:#fff}.container.dark.svelte-18q4yx5 .theme-card:where(.svelte-18q4yx5){border-color:#475569;background:#1e293b}.theme-card.svelte-18q4yx5:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.container.dark.svelte-18q4yx5 .theme-card:where(.svelte-18q4yx5):hover{box-shadow:0 4px 12px #0000004d}.theme-card.active.svelte-18q4yx5{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.container.dark.svelte-18q4yx5 .theme-card.active:where(.svelte-18q4yx5){border-color:#60a5fa;box-shadow:0 0 0 1px #60a5fa}.theme-preview.svelte-18q4yx5{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-18q4yx5:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 2px #3b82f64d}.container.dark.svelte-18q4yx5 .theme-preview:where(.svelte-18q4yx5):hover{box-shadow:inset 0 0 0 2px #60a5fa4d}.theme-card.active.svelte-18q4yx5 .theme-preview:where(.svelte-18q4yx5){box-shadow:inset 0 0 0 2px #3b82f6}.container.dark.svelte-18q4yx5 .theme-card.active:where(.svelte-18q4yx5) .theme-preview:where(.svelte-18q4yx5){box-shadow:inset 0 0 0 2px #60a5fa}.preview-header.svelte-18q4yx5{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.preview-content.svelte-18q4yx5{display:flex;flex-direction:column;gap:.25rem}.preview-bar.svelte-18q4yx5{height:4px;border-radius:2px;width:100%}.theme-select-btn.svelte-18q4yx5{width:100%;padding:.5rem;border:none;background:#f3f4f6;color:#374151;cursor:pointer;transition:background .2s;font-size:.85rem}.container.dark.svelte-18q4yx5 .theme-select-btn:where(.svelte-18q4yx5){background:#334155;color:#cbd5e1}.theme-select-btn.svelte-18q4yx5:hover{background:#e5e7eb}.container.dark.svelte-18q4yx5 .theme-select-btn:where(.svelte-18q4yx5):hover{background:#475569}.theme-select-btn.active.svelte-18q4yx5{background:#3b82f6;color:#fff}.container.dark.svelte-18q4yx5 .theme-select-btn.active:where(.svelte-18q4yx5){background:#60a5fa;color:#0f172a}.theme-list.svelte-18q4yx5{list-style:none;padding:0;margin:0}.theme-list.svelte-18q4yx5 li:where(.svelte-18q4yx5){padding:.25rem 0;font-size:.9rem;color:#4b5563;display:grid;grid-template-columns:110px 20px 1fr;align-items:center;gap:0}.theme-list.svelte-18q4yx5 li:where(.svelte-18q4yx5)>span:where(.svelte-18q4yx5):first-child{display:flex;justify-content:flex-start}.container.dark.svelte-18q4yx5 .theme-list:where(.svelte-18q4yx5) li:where(.svelte-18q4yx5){color:#94a3b8}.theme-list.svelte-18q4yx5 code:where(.svelte-18q4yx5){background:#f3f4f6;padding:.125rem .25rem;border-radius:.25rem;font-size:.8rem;color:#1f2937;display:inline-block}.container.dark.svelte-18q4yx5 .theme-list:where(.svelte-18q4yx5) code:where(.svelte-18q4yx5){background:#334155;color:#e2e8f0}.theme-separator.svelte-18q4yx5{text-align:center;color:#6b7280}.container.dark.svelte-18q4yx5 .theme-separator:where(.svelte-18q4yx5){color:#94a3b8}.example-cards.svelte-18q4yx5{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.card.svelte-18q4yx5{background:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;position:relative}.container.dark.svelte-18q4yx5 .card:where(.svelte-18q4yx5){background:#1e293b;border-color:#475569;box-shadow:0 1px 3px #0003}.card.svelte-18q4yx5 h4:where(.svelte-18q4yx5){margin-bottom:1rem;color:#374151}.container.dark.svelte-18q4yx5 .card:where(.svelte-18q4yx5) h4:where(.svelte-18q4yx5){color:#f1f5f9}.rank-list.svelte-18q4yx5{list-style:none;padding:0;margin:0}.rank-list.svelte-18q4yx5 li:where(.svelte-18q4yx5){padding:.25rem 0;font-size:.9rem;color:#4b5563}.container.dark.svelte-18q4yx5 .rank-list:where(.svelte-18q4yx5) li:where(.svelte-18q4yx5){color:#94a3b8}@media (max-width: 768px){.svg-container.svelte-18q4yx5 svg{max-width:100%;height:auto}.header-top.svelte-18q4yx5 h1:where(.svelte-18q4yx5){font-size:2rem}}@media (max-width: 640px){.container.svelte-18q4yx5{padding:1rem}.input-group.svelte-18q4yx5{flex-direction:column;align-items:stretch;gap:.75rem}.input-group.svelte-18q4yx5 input:where(.svelte-18q4yx5),.input-group.svelte-18q4yx5 .theme-select:where(.svelte-18q4yx5),.input-group.svelte-18q4yx5 button:where(.svelte-18q4yx5){width:100%;min-width:auto;flex:none}input.svelte-18q4yx5,.theme-select.svelte-18q4yx5{min-width:auto;width:100%;font-size:16px}.actions.svelte-18q4yx5{flex-direction:column}.score-info.svelte-18q4yx5{padding:1rem}.score-info.svelte-18q4yx5 h3:where(.svelte-18q4yx5){font-size:1rem}.result-section.svelte-18q4yx5{padding:1rem;margin:1rem 0}.svg-container.svelte-18q4yx5{padding:.5rem;min-height:200px;overflow:hidden}.theme-info.svelte-18q4yx5{margin-left:0;margin-right:0}.svg-container.svelte-18q4yx5 svg{max-width:100%!important;width:100%!important;height:auto!important}.example-cards.svelte-18q4yx5{grid-template-columns:1fr}.theme-cards.svelte-18q4yx5{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.header-top.svelte-18q4yx5{flex-direction:column;gap:.5rem}.header-top.svelte-18q4yx5 h1:where(.svelte-18q4yx5){font-size:1.8rem}.theme-list.svelte-18q4yx5{padding-left:1rem}.theme-list.svelte-18q4yx5 li:where(.svelte-18q4yx5){grid-template-columns:140px 20px 1fr}.theme-list.svelte-18q4yx5 code:where(.svelte-18q4yx5){font-size:.75rem}.copy-icon-btn.svelte-18q4yx5{width:1.75rem;height:1.75rem;font-size:1rem;top:.25rem;right:.25rem;background:#9ca3af}.copy-icon-btn.svelte-18q4yx5:hover{background:#6b7280}.container.dark.svelte-18q4yx5 .copy-icon-btn:where(.svelte-18q4yx5){background:#475569}.container.dark.svelte-18q4yx5 .copy-icon-btn:where(.svelte-18q4yx5):hover{background:#64748b}}@media (max-width: 480px){.container.svelte-18q4yx5{padding:.75rem}.result-section.svelte-18q4yx5{padding:.75rem;margin:1rem 0}.svg-container.svelte-18q4yx5{padding:.5rem;min-height:180px;overflow:visible}.theme-info.svelte-18q4yx5{margin-left:0;margin-right:0;padding:.75rem}.actions.svelte-18q4yx5{padding:0 .5rem}.actions.svelte-18q4yx5 button:where(.svelte-18q4yx5){width:100%;margin-bottom:.5rem}.svg-container.svelte-18q4yx5 svg{max-width:100%!important;width:100%!important;height:auto!important}.theme-cards.svelte-18q4yx5{grid-template-columns:1fr}.score-info.svelte-18q4yx5 ul:where(.svelte-18q4yx5){padding-left:1rem}}@media (max-width: 360px){.svg-container.svelte-18q4yx5{min-height:150px;overflow:visible}.svg-container.svelte-18q4yx5 svg{max-width:100%!important;width:100%!important;height:auto!important}}