.container.svelte-18i1tfs{width:100%;max-width:600px;margin:0 auto;padding:20px;font-family:Arial,sans-serif;color:#333}.title.svelte-18i1tfs{text-align:center;color:#333;font-size:2em}.form-container.svelte-18i1tfs{background-color:#f7f7f7;padding:20px;border-radius:8px;box-shadow:0 2px 5px #00000026}.input-area.svelte-18i1tfs{width:100%;padding:10px;margin-bottom:15px;border-radius:4px;border:1px solid #ddd;box-sizing:border-box}.input-container.svelte-18i1tfs{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.input-label.svelte-18i1tfs{margin-right:10px}.input-field.svelte-18i1tfs{width:84%;padding:10px;border-radius:4px;border:1px solid #ddd;box-sizing:border-box}.buttons-container.svelte-18i1tfs{display:flex;justify-content:space-between;margin-bottom:20px}.submit-button.svelte-18i1tfs{padding:10px 20px;border-radius:4px;border:none;color:#fff;cursor:pointer;transition:background-color .2s ease}.encode.svelte-18i1tfs{background-color:#008cba}.encode.svelte-18i1tfs:hover{background-color:#007b9a}.decode.svelte-18i1tfs{background-color:#4caf50}.decode.svelte-18i1tfs:hover{background-color:#409c40}.result-container.svelte-18i1tfs{margin-top:20px}.result-label.svelte-18i1tfs{margin-bottom:5px}.result-image.svelte-18i1tfs{max-width:100%}.result-textarea.svelte-18i1tfs{width:100%;padding:10px;margin-bottom:15px;border-radius:4px;border:1px solid #ddd;box-sizing:border-box}
