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