.container.svelte-1s2atb9{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.card.svelte-1s2atb9{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header.svelte-1s2atb9{padding:var(--spacing-lg);border-bottom:1px solid var(--border-primary)}.card-header.svelte-1s2atb9 h1:where(.svelte-1s2atb9){color:var(--text-primary);font-size:var(--font-size-2xl);margin:0 0 var(--spacing-sm) 0}.card-header.svelte-1s2atb9 p:where(.svelte-1s2atb9){color:var(--text-secondary);margin:0}.main-grid.svelte-1s2atb9{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);padding:var(--spacing-lg)}@media (max-width: 768px){.main-grid.svelte-1s2atb9{grid-template-columns:1fr}}.input-section.svelte-1s2atb9,.output-section.svelte-1s2atb9{display:flex;flex-direction:column;gap:var(--spacing-md)}.sub-card.svelte-1s2atb9{padding:var(--spacing-md)}.section-title.svelte-1s2atb9{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-primary);font-size:var(--font-size-lg);margin:0 0 var(--spacing-md) 0}.service-grid.svelte-1s2atb9{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.input-group.svelte-1s2atb9{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-group.svelte-1s2atb9 label:where(.svelte-1s2atb9){color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600}.input-group.svelte-1s2atb9 input:where(.svelte-1s2atb9),.input-group.svelte-1s2atb9 select:where(.svelte-1s2atb9),.input-group.svelte-1s2atb9 textarea:where(.svelte-1s2atb9){padding:var(--spacing-sm);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm)}.input-group.svelte-1s2atb9 input:where(.svelte-1s2atb9):focus,.input-group.svelte-1s2atb9 select:where(.svelte-1s2atb9):focus,.input-group.svelte-1s2atb9 textarea:where(.svelte-1s2atb9):focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.input-group.svelte-1s2atb9 textarea:where(.svelte-1s2atb9){resize:vertical;min-height:80px}.description.svelte-1s2atb9{font-size:var(--font-size-xs);color:var(--text-secondary);font-style:italic;margin-top:var(--spacing-xs)}.radio-group.svelte-1s2atb9{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}@media (max-width: 768px){.radio-group.svelte-1s2atb9{flex-direction:column;gap:var(--spacing-sm)}}.radio-option.svelte-1s2atb9{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.radio-option.svelte-1s2atb9:hover{background:var(--surface-hover)}.radio-option.svelte-1s2atb9 input[type=radio]:where(.svelte-1s2atb9){width:16px;height:16px}.radio-option.svelte-1s2atb9 span:where(.svelte-1s2atb9){font-size:var(--font-size-sm);color:var(--text-primary)}.btn.svelte-1s2atb9{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-normal);text-decoration:none}.btn.svelte-1s2atb9:disabled{opacity:.5;cursor:not-allowed}.btn-primary.svelte-1s2atb9{background:var(--color-primary);color:var(--bg-primary)}.btn-primary.svelte-1s2atb9:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary.svelte-1s2atb9{background:var(--color-info);color:var(--bg-primary)}.btn-secondary.svelte-1s2atb9:hover:not(:disabled){background:var(--color-info-light)}.btn-success.svelte-1s2atb9{background:var(--color-success);color:var(--bg-primary)}.btn-success.svelte-1s2atb9:hover:not(:disabled){background:var(--color-success-light)}.btn.success.svelte-1s2atb9{background:var(--color-success)!important;transform:scale(1.05)}.card-header-with-actions.svelte-1s2atb9{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-primary)}.card-header-with-actions.svelte-1s2atb9 h3:where(.svelte-1s2atb9){color:var(--text-primary);font-size:var(--font-size-lg);margin:0}.actions.svelte-1s2atb9{display:flex;gap:var(--spacing-sm)}.code-block.svelte-1s2atb9{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-md)}.code-block.svelte-1s2atb9 code:where(.svelte-1s2atb9){font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-primary);word-break:break-all}.breakdown.svelte-1s2atb9{padding:var(--spacing-md)}.breakdown.svelte-1s2atb9 h4:where(.svelte-1s2atb9){color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-sm) 0}.breakdown-grid.svelte-1s2atb9{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm)}@media (max-width: 768px){.breakdown-grid.svelte-1s2atb9{grid-template-columns:1fr}}.breakdown-item.svelte-1s2atb9{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.breakdown-item.svelte-1s2atb9 strong:where(.svelte-1s2atb9){color:var(--color-primary)}.status-center.svelte-1s2atb9{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.status-item.svelte-1s2atb9{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.status-item.svelte-1s2atb9 span:where(.svelte-1s2atb9):first-child{font-size:var(--font-size-sm);color:var(--text-secondary)}.status.svelte-1s2atb9{font-weight:600;font-family:var(--font-mono)}.status.valid.svelte-1s2atb9{color:var(--color-success)}.status.invalid.svelte-1s2atb9{color:var(--color-error)}.message.svelte-1s2atb9{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.message.svelte-1s2atb9:last-child{margin-bottom:0}.message.success.svelte-1s2atb9{background:color-mix(in srgb,var(--color-success) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-success) 30%,transparent);color:var(--color-success)}.message.warning.svelte-1s2atb9{background:color-mix(in srgb,var(--color-warning) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-warning) 30%,transparent);color:var(--color-warning)}.message.error.svelte-1s2atb9{background:color-mix(in srgb,var(--color-error) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 30%,transparent);color:var(--color-error)}.message.svelte-1s2atb9 div:where(.svelte-1s2atb9){font-size:var(--font-size-sm)}.tips-list.svelte-1s2atb9{margin:0;padding-left:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm)}.tips-list.svelte-1s2atb9 li:where(.svelte-1s2atb9){margin-bottom:var(--spacing-sm);line-height:1.5}.tips-list.svelte-1s2atb9 li:where(.svelte-1s2atb9):last-child{margin-bottom:0}.examples-card.svelte-1s2atb9{margin-top:var(--spacing-lg)}.examples-summary.svelte-1s2atb9{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;color:var(--text-primary);font-weight:600;padding:var(--spacing-md)}.examples-summary.svelte-1s2atb9:hover{color:var(--color-primary)}.chevron.svelte-1s2atb9{margin-left:auto;transform:rotate(0);transition:transform var(--transition-normal)}details[open].svelte-1s2atb9 .chevron:where(.svelte-1s2atb9){transform:rotate(180deg)}.examples-grid.svelte-1s2atb9{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);padding:0 var(--spacing-md) var(--spacing-md)}@media (max-width: 768px){.examples-grid.svelte-1s2atb9{grid-template-columns:1fr}}.example-card.svelte-1s2atb9{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:left}.example-card.svelte-1s2atb9:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.example-card.selected.svelte-1s2atb9{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.example-name.svelte-1s2atb9{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600}.example-description.svelte-1s2atb9{margin:0;font-size:var(--font-size-xs);color:var(--text-secondary)}.example-config.svelte-1s2atb9{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary)}.example-config.svelte-1s2atb9 code:where(.svelte-1s2atb9){font-family:var(--font-mono);background:var(--bg-primary);padding:2px var(--spacing-xs);border-radius:var(--radius-xs);color:var(--color-primary)}