.input-card[data-v-1632c4da],.output-card[data-v-1632c4da],.config-card[data-v-1632c4da]{margin-bottom:20px;border-radius:8px;transition:all .3s ease}.input-card[data-v-1632c4da]:hover,.output-card[data-v-1632c4da]:hover,.config-card[data-v-1632c4da]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.card-header[data-v-1632c4da]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.card-title[data-v-1632c4da]{font-weight:600;font-size:16px;color:var(--el-text-color-primary)}.header-actions[data-v-1632c4da]{display:flex;gap:8px;flex-wrap:wrap}.input-textarea[data-v-1632c4da],.output-textarea[data-v-1632c4da]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5}.output-textarea[data-v-1632c4da]{background-color:var(--el-fill-color-light);color:var(--el-color-success);font-weight:500}.example-section[data-v-1632c4da]{margin-top:16px;padding-top:16px;border-top:1px solid var(--el-border-color-lighter)}.example-buttons[data-v-1632c4da]{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.example-btn[data-v-1632c4da]{font-size:12px;padding:4px 8px;border-radius:4px;transition:all .2s ease}.example-btn[data-v-1632c4da]:hover{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary)}.output-info[data-v-1632c4da]{margin-top:12px;padding-top:12px;border-top:1px solid var(--el-border-color-lighter);text-align:right;height:62px}.config-card .el-form-item[data-v-1632c4da]{margin-bottom:0}.config-card[data-v-1632c4da] .el-form-item__label{font-size:13px;font-weight:500}@media (max-width: 768px){.card-header[data-v-1632c4da]{flex-direction:column;align-items:flex-start}.header-actions[data-v-1632c4da]{width:100%;justify-content:flex-end}.example-buttons[data-v-1632c4da]{justify-content:center}}.dark .input-card[data-v-1632c4da],.dark .output-card[data-v-1632c4da],.dark .config-card[data-v-1632c4da]{background-color:var(--el-bg-color-page)}.dark .input-card[data-v-1632c4da]:hover,.dark .output-card[data-v-1632c4da]:hover,.dark .config-card[data-v-1632c4da]:hover{box-shadow:0 8px 25px #ffffff1a}