.container.svelte-g07ima{min-width:1200px;max-width:1400px;margin:0 auto;padding:0 1rem}.page-header.svelte-g07ima{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.header-content.svelte-g07ima h1:where(.svelte-g07ima){font-size:2.5rem;color:#333;margin:0 0 .5rem;font-weight:700}.header-content.svelte-g07ima p:where(.svelte-g07ima){font-size:1.1rem;color:#666;margin:0}.back-link.svelte-g07ima{color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.back-link.svelte-g07ima:hover{color:#5a6fd8;text-decoration:underline}.tool-content.svelte-g07ima{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e5e7eb}.control-panel.svelte-g07ima{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.action-buttons.svelte-g07ima{display:flex;gap:.5rem}.action-btn.svelte-g07ima{padding:.5rem 1rem;border:1px solid #e5e7eb;background:#fff;color:#666;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-size:.875rem}.action-btn.svelte-g07ima:hover:not(:disabled){background:#f3f4f6;border-color:#667eea;color:#667eea}.action-btn.svelte-g07ima:disabled{opacity:.5;cursor:not-allowed}.validation-status.svelte-g07ima{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500}.validation-status.valid.svelte-g07ima{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}.validation-status.invalid.svelte-g07ima{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.status-icon.svelte-g07ima{font-size:1rem}.input-output-grid.svelte-g07ima{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.input-section.svelte-g07ima,.output-section.svelte-g07ima{display:flex;flex-direction:column;gap:.5rem}label.svelte-g07ima{font-weight:600;color:#333;font-size:.875rem}textarea.svelte-g07ima{width:100%;padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;resize:vertical;transition:border-color .2s ease}textarea.svelte-g07ima:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}textarea.error.svelte-g07ima{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}textarea[readonly].svelte-g07ima{background:#f8f9fa;color:#666}.info-section.svelte-g07ima{border-top:1px solid #e5e7eb;padding-top:2rem}.info-section.svelte-g07ima h3:where(.svelte-g07ima){font-size:1.25rem;color:#333;margin-bottom:1rem}.info-grid.svelte-g07ima{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item.svelte-g07ima{background:#f8f9fa;padding:1.5rem;border-radius:.5rem;border-left:4px solid #667eea}.info-item.svelte-g07ima h4:where(.svelte-g07ima){font-size:1rem;color:#333;margin:0 0 .5rem;font-weight:600}.info-item.svelte-g07ima p:where(.svelte-g07ima){color:#666;margin:0 0 1rem;line-height:1.5}.info-item.svelte-g07ima code:where(.svelte-g07ima){background:#e5e7eb;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;color:#333;font-family:Monaco,Menlo,Ubuntu Mono,monospace;display:block;margin-top:.5rem}.example-btn.svelte-g07ima{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;transition:background-color .2s ease}.example-btn.svelte-g07ima:hover{background:#5a6fd8}@media (max-width: 1400px){.container.svelte-g07ima{min-width:1000px;max-width:1200px}}@media (max-width: 1024px){.container.svelte-g07ima{min-width:auto;max-width:100%}.page-header.svelte-g07ima{flex-direction:column;align-items:flex-start;gap:1rem}.header-content.svelte-g07ima h1:where(.svelte-g07ima){font-size:2rem}.input-output-grid.svelte-g07ima{grid-template-columns:1fr;gap:1.5rem}.info-grid.svelte-g07ima{grid-template-columns:1fr;gap:1rem}}@media (max-width: 768px){.container.svelte-g07ima{padding:0 .5rem}.header-content.svelte-g07ima h1:where(.svelte-g07ima){font-size:1.75rem}.tool-content.svelte-g07ima{padding:1.5rem}.control-panel.svelte-g07ima{flex-direction:column;align-items:stretch;gap:1rem}.action-buttons.svelte-g07ima,.validation-status.svelte-g07ima{justify-content:center}textarea.svelte-g07ima{font-size:.8rem}}@media (max-width: 480px){.header-content.svelte-g07ima h1:where(.svelte-g07ima){font-size:1.5rem}.tool-content.svelte-g07ima,.info-item.svelte-g07ima{padding:1rem}}