.options-card.svelte-1uf0n1u{background:var(--color-surface);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-xl);padding:1.25rem 1.5rem;margin-bottom:1.25rem;box-shadow:0 1px 4px #0000000a}.options-label.svelte-1uf0n1u{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:var(--color-outline);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}.options-label.svelte-1uf0n1u .material-symbols-rounded:where(.svelte-1uf0n1u){font-size:1rem}.options-grid.svelte-1uf0n1u{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem 1.5rem}@media(max-width:720px){.options-grid.svelte-1uf0n1u{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.options-grid.svelte-1uf0n1u{grid-template-columns:1fr}}.toggle-row.svelte-1uf0n1u{display:flex;align-items:flex-start;gap:.625rem;cursor:pointer;padding:.375rem 0;-webkit-user-select:none;user-select:none}.toggle-wrap.svelte-1uf0n1u{position:relative;flex-shrink:0;margin-top:.125rem}.toggle-input.svelte-1uf0n1u{position:absolute;opacity:0;width:0;height:0}.toggle-track.svelte-1uf0n1u{display:block;width:2.25rem;height:1.25rem;background:var(--color-surface-container-high);border-radius:var(--radius-full);transition:background .2s;position:relative}.toggle-thumb.svelte-1uf0n1u{position:absolute;top:.1875rem;left:.1875rem;width:.875rem;height:.875rem;background:#fff;border-radius:var(--radius-full);transition:transform .2s,background .2s;box-shadow:0 1px 3px #0003}.toggle-input.svelte-1uf0n1u:checked+.toggle-track:where(.svelte-1uf0n1u){background:var(--color-primary)}.toggle-input.svelte-1uf0n1u:checked+.toggle-track:where(.svelte-1uf0n1u) .toggle-thumb:where(.svelte-1uf0n1u){transform:translate(1rem)}.toggle-input.svelte-1uf0n1u:focus-visible+.toggle-track:where(.svelte-1uf0n1u){outline:2px solid var(--color-primary);outline-offset:2px}.toggle-text.svelte-1uf0n1u{display:flex;flex-direction:column;gap:.125rem}.toggle-name.svelte-1uf0n1u{font-size:.875rem;font-weight:600;color:var(--color-on-surface);line-height:1.3}.toggle-hint.svelte-1uf0n1u{font-size:.75rem;color:var(--color-outline);line-height:1.4}.stats-bar.svelte-60740l{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:1rem}.stat-pill.svelte-60740l{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--color-surface);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-full);font-size:.8125rem;color:var(--color-on-surface-variant);transition:border-color .2s,background .2s}.stat-pill--active.svelte-60740l{background:#e8f0fe;border-color:#0058c340;color:var(--color-primary)}.stat-pill--active.svelte-60740l strong:where(.svelte-60740l){color:var(--color-primary)}.stat-icon.svelte-60740l{font-size:.9375rem;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20}.panes.svelte-nwqgav{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch;min-height:340px}@media(max-width:640px){.panes.svelte-nwqgav{grid-template-columns:1fr}}.pane.svelte-nwqgav{background:var(--color-surface);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 1px 4px #0000000a;transition:border-color .15s,box-shadow .15s}.pane.svelte-nwqgav:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #0058c314,0 1px 4px #0000000a}.pane--output.svelte-nwqgav{border-style:dashed}.pane--output.svelte-nwqgav:focus-within{border-style:solid}.pane-header.svelte-nwqgav{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;border-bottom:1px solid var(--color-outline-variant);background:var(--color-surface-container);gap:.5rem;flex-shrink:0}.pane-label.svelte-nwqgav{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:var(--color-outline)}.pane-icon.svelte-nwqgav{font-size:1rem;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20}.pane-action.svelte-nwqgav{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;background:transparent;color:var(--color-outline);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.pane-action.svelte-nwqgav:hover{background:var(--color-surface-container-high);color:var(--color-on-surface);border-color:var(--color-outline)}.pane-action.svelte-nwqgav .material-symbols-rounded:where(.svelte-nwqgav){font-size:.875rem}.pane-action--copy.svelte-nwqgav:hover{background:#e8f0fe;color:var(--color-primary);border-color:var(--color-primary)}.pane-textarea.svelte-nwqgav{flex:1;resize:none;border:none;outline:none;padding:.875rem;font-family:var(--font-mono);font-size:.8125rem;line-height:1.65;color:var(--color-on-surface);background:transparent;min-height:260px;tab-size:2}.pane-textarea.svelte-nwqgav::placeholder{color:var(--color-outline-variant)}.pane-textarea--readonly.svelte-nwqgav{color:var(--color-on-surface-variant);cursor:default}.pane-footer.svelte-nwqgav{padding:.375rem .875rem;font-size:.6875rem;color:var(--color-outline);border-top:1px solid var(--color-outline-variant);background:var(--color-surface-container);flex-shrink:0}.panes-divider.svelte-nwqgav{display:flex;align-items:center;justify-content:center;padding:0 .625rem}@media(max-width:640px){.panes-divider.svelte-nwqgav{padding:.375rem 0;transform:rotate(90deg)}}.divider-arrow.svelte-nwqgav{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--color-surface-container);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-full);color:var(--color-outline)}.divider-arrow.svelte-nwqgav .material-symbols-rounded:where(.svelte-nwqgav){font-size:1.125rem}.empty-state.svelte-nwqgav{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem;gap:.625rem;text-align:center}.empty-icon-wrap.svelte-nwqgav{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:var(--color-surface-container);border-radius:var(--radius-xl);margin-bottom:.25rem}.empty-icon.svelte-nwqgav{font-size:1.5rem;color:var(--color-outline-variant);font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}.empty-title.svelte-nwqgav{font-size:.9375rem;font-weight:600;color:var(--color-on-surface-variant)}.empty-hint.svelte-nwqgav{font-size:.8125rem;color:var(--color-outline);line-height:1.5}.section.svelte-1vkt6g4{padding:2.5rem 0;border-top:1px solid var(--color-outline-variant)}.content-section.svelte-1vkt6g4{max-width:720px;margin:0 auto}.content-title.svelte-1vkt6g4{font-size:1.25rem;font-weight:700;color:var(--color-on-surface);margin-bottom:1.25rem}.how-to-steps.svelte-1vkt6g4{display:flex;flex-direction:column;gap:1rem;padding-left:1.25rem}.how-to-steps.svelte-1vkt6g4 li:where(.svelte-1vkt6g4){font-size:.9375rem;line-height:1.6;color:var(--color-on-surface-variant)}.how-to-steps.svelte-1vkt6g4 li:where(.svelte-1vkt6g4) strong:where(.svelte-1vkt6g4){color:var(--color-on-surface)}.section.svelte-14zexl9{padding:2.5rem 0;border-top:1px solid var(--color-outline-variant)}.section--muted.svelte-14zexl9{background:var(--color-surface-container)}.content-section.svelte-14zexl9{max-width:720px;margin:0 auto}.content-title.svelte-14zexl9{font-size:1.25rem;font-weight:700;color:var(--color-on-surface);margin-bottom:1.25rem}.use-cases-grid.svelte-14zexl9{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.use-case.svelte-14zexl9{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.use-case-icon.svelte-14zexl9{font-size:1.5rem;color:var(--color-primary);font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.use-case-name.svelte-14zexl9{font-size:.9375rem;font-weight:600;color:var(--color-on-surface)}.use-case-description.svelte-14zexl9{font-size:.8125rem;color:var(--color-on-surface-variant);line-height:1.55}.breadcrumb-wrap.svelte-6zywli{padding:.75rem 0;border-bottom:1px solid var(--color-outline-variant);background:var(--color-surface)}.breadcrumb.svelte-6zywli{display:flex;align-items:center;gap:.25rem}.breadcrumb-link.svelte-6zywli{font-size:.8125rem;color:var(--color-outline);text-decoration:none;transition:color .15s}.breadcrumb-link.svelte-6zywli:hover{color:var(--color-primary)}.breadcrumb-sep.svelte-6zywli{font-size:1rem;color:var(--color-outline-variant)}.breadcrumb-current.svelte-6zywli{font-size:.8125rem;color:var(--color-on-surface);font-weight:500}.page-header.svelte-6zywli{position:relative;padding:2.5rem 0 2rem;overflow:hidden;background:var(--color-surface);border-bottom:1px solid var(--color-outline-variant)}.page-header-inner.svelte-6zywli{display:flex;align-items:center;gap:1.25rem;position:relative;z-index:1}.page-icon-wrap.svelte-6zywli{display:flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;background:linear-gradient(135deg,#e8f0fe,#dde8ff);border-radius:var(--radius-xl);flex-shrink:0;box-shadow:0 2px 8px #0058c31f}.page-icon.svelte-6zywli{font-size:1.75rem;color:var(--color-primary);font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.page-title.svelte-6zywli{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;letter-spacing:-.02em;color:var(--color-on-surface);line-height:1.15}.page-description.svelte-6zywli{margin-top:.375rem;font-size:.9375rem;color:var(--color-on-surface-variant);line-height:1.55}.header-glow.svelte-6zywli{position:absolute;top:-60px;right:-80px;width:380px;height:380px;background:radial-gradient(circle,rgba(0,88,195,.06) 0%,transparent 70%);pointer-events:none}.tool-section.svelte-6zywli{padding:2rem 0 3rem}.faq-section.svelte-6zywli{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-outline-variant)}.faq-title.svelte-6zywli{font-size:1.25rem;font-weight:700;color:var(--color-on-surface);margin-bottom:1rem}.faq-item.svelte-6zywli{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);margin-bottom:.5rem;overflow:hidden}.faq-question.svelte-6zywli{padding:1rem 1.25rem;font-weight:600;cursor:pointer;color:var(--color-on-surface);font-size:.9375rem}.faq-question.svelte-6zywli:hover{background:var(--color-surface-container)}.faq-answer.svelte-6zywli{padding:0 1.25rem 1rem;color:var(--color-on-surface-variant);font-size:.875rem;line-height:1.6}