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