.url-encoder[data-v-220b6963]{width:100%;max-width:1200px;margin:0 auto}.converter-card[data-v-220b6963]{border-radius:12px;overflow:hidden;transition:box-shadow .3s ease}.tab-content[data-v-220b6963]{padding:20px 0}.input-section[data-v-220b6963],.output-section[data-v-220b6963]{margin-bottom:24px}.section-header[data-v-220b6963]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px}.section-title[data-v-220b6963]{margin:0;font-size:16px;font-weight:600;color:var(--el-text-color-primary);display:flex;align-items:center;gap:8px}.section-title[data-v-220b6963]:before{content:"";width:4px;height:16px;background:linear-gradient(135deg,var(--el-color-primary),var(--el-color-primary-light-3));border-radius:2px}.input-stats[data-v-220b6963],.output-stats[data-v-220b6963]{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--el-text-color-regular)}.char-count[data-v-220b6963]{padding:2px 8px;background:var(--el-fill-color-light);border-radius:12px;font-weight:500}.size-info[data-v-220b6963]{padding:2px 8px;background:var(--el-color-success-light-9);color:var(--el-color-success);border-radius:12px;font-weight:500}.converter-textarea[data-v-220b6963]{border-radius:8px;transition:all .3s ease}.converter-textarea[data-v-220b6963] .el-textarea__inner{border-radius:8px;border:2px solid var(--el-border-color-light);transition:all .3s ease;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;resize:vertical}.converter-textarea[data-v-220b6963] .el-textarea__inner:focus{border-color:var(--el-color-primary)}.output-textarea[data-v-220b6963] .el-textarea__inner{background-color:var(--el-fill-color-extra-light);color:var(--el-text-color-primary)}.button-row[data-v-220b6963]{display:flex;justify-content:space-between;align-items:center;margin:24px 0;padding:16px;background:var(--el-fill-color-extra-light);border-radius:12px;border:1px solid var(--el-border-color-lighter)}.convert-button[data-v-220b6963]{padding:12px 24px;font-size:16px;font-weight:600;border-radius:8px;background:linear-gradient(135deg,var(--el-color-primary),var(--el-color-primary-light-3));border:none;transition:all .3s ease}.convert-button[data-v-220b6963]:hover{transform:translateY(-2px)}.convert-button[data-v-220b6963]:active{transform:translateY(0)}.action-buttons[data-v-220b6963]{display:flex;gap:8px;align-items:center}.action-buttons .el-button[data-v-220b6963]{border-radius:6px;transition:all .3s ease}.action-buttons .el-button[data-v-220b6963]:hover{transform:translateY(-1px)}.action-buttons .el-button[disabled][data-v-220b6963]{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.tab-content[data-v-220b6963]{padding:16px 0}.section-header[data-v-220b6963]{flex-direction:column;align-items:flex-start;gap:8px}.input-stats[data-v-220b6963],.output-stats[data-v-220b6963]{align-self:flex-end}.button-row[data-v-220b6963]{flex-direction:column;gap:16px;align-items:stretch}.action-buttons[data-v-220b6963]{justify-content:center;flex-wrap:wrap}.convert-button[data-v-220b6963]{width:100%;justify-content:center}}@media (max-width: 480px){.action-buttons[data-v-220b6963]{flex-direction:column;width:100%}.action-buttons .el-button[data-v-220b6963]{width:100%}}@keyframes fadeInUp-220b6963{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tab-content[data-v-220b6963]{animation:fadeInUp-220b6963 .3s ease-out}.converter-textarea[data-v-220b6963] .el-textarea__inner::-webkit-scrollbar{width:8px}.converter-textarea[data-v-220b6963] .el-textarea__inner::-webkit-scrollbar-track{background:var(--el-fill-color-light);border-radius:4px}.converter-textarea[data-v-220b6963] .el-textarea__inner::-webkit-scrollbar-thumb{background:var(--el-border-color);border-radius:4px}.converter-textarea[data-v-220b6963] .el-textarea__inner::-webkit-scrollbar-thumb:hover{background:var(--el-border-color-dark)}