.base-encoder-container[data-v-7a942ecc]{padding:20px}.tool-card[data-v-7a942ecc] .el-card__body{padding:30px}.card-header[data-v-7a942ecc]{font-size:18px;font-weight:600;color:#333}.control-panel[data-v-7a942ecc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.control-group[data-v-7a942ecc]{display:flex;flex-direction:column;gap:8px}.control-group label[data-v-7a942ecc]{font-weight:600;color:#333;font-size:14px}.full-width[data-v-7a942ecc]{width:100%}.action-buttons[data-v-7a942ecc]{display:flex;gap:10px;margin:20px 0}.encode-decode-area[data-v-7a942ecc]{margin:20px 0}.mode-section[data-v-7a942ecc]{display:flex;flex-direction:column;gap:20px}.input-section[data-v-7a942ecc],.output-section[data-v-7a942ecc]{display:flex;flex-direction:column;gap:10px}.input-section label[data-v-7a942ecc],.output-section label[data-v-7a942ecc]{font-weight:600;color:#333;font-size:14px}.input-section[data-v-7a942ecc] .el-textarea,.output-section[data-v-7a942ecc] .el-textarea{font-family:Courier New,monospace;font-size:12px}.mono-input[data-v-7a942ecc]{font-family:Courier New,monospace!important;font-size:12px!important}.button-group[data-v-7a942ecc]{display:flex;gap:10px;justify-content:center}.info-panel[data-v-7a942ecc]{background:#f5f7fa;padding:15px;border-radius:4px}.info-panel h4[data-v-7a942ecc]{margin:0 0 15px;color:#333}.info-panel .info-row[data-v-7a942ecc]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e0e0e0}.info-panel .info-row[data-v-7a942ecc]:last-child{border-bottom:none}.info-panel .info-row span[data-v-7a942ecc]{color:#666}.info-panel .info-row strong[data-v-7a942ecc]{color:#667eea;font-weight:600}@media (max-width: 768px){.control-panel[data-v-7a942ecc]{grid-template-columns:1fr}.action-buttons[data-v-7a942ecc]{flex-direction:column}}