.converter-card[data-v-7689a7bc]{max-width:800px;margin:0 auto}.converter-form[data-v-7689a7bc]{padding:0}.input-section[data-v-7689a7bc]{margin-bottom:24px}.input-field[data-v-7689a7bc]{font-size:16px}.input-actions[data-v-7689a7bc]{margin-top:12px;display:flex;justify-content:flex-end}.section-divider[data-v-7689a7bc]{margin:32px 0;color:var(--el-color-primary)}.output-section[data-v-7689a7bc]{margin-top:24px}.output-grid[data-v-7689a7bc]{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 768px){.output-grid[data-v-7689a7bc]{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.output-grid[data-v-7689a7bc]{grid-template-columns:repeat(3,1fr)}}.output-item[data-v-7689a7bc]{border:1px solid var(--el-border-color-light);border-radius:8px;padding:16px;background:var(--el-bg-color-page);transition:all .3s ease}.output-item[data-v-7689a7bc]:hover{border-color:var(--el-color-primary-light-7);box-shadow:0 2px 8px #0000001a}.output-item--copied[data-v-7689a7bc]{border-color:var(--el-color-success);background:var(--el-color-success-light-9)}.output-item--error[data-v-7689a7bc]{border-color:var(--el-color-error);background:var(--el-color-error-light-9)}.output-header[data-v-7689a7bc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.output-label[data-v-7689a7bc]{font-weight:500;color:var(--el-text-color-primary);display:flex;align-items:center;gap:6px;font-size:14px}.output-icon[data-v-7689a7bc]{font-size:16px;color:var(--el-color-primary)}.copy-btn[data-v-7689a7bc]{width:32px;height:32px;min-height:32px}.output-field[data-v-7689a7bc]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px}.output-field--empty[data-v-7689a7bc]{color:var(--el-text-color-placeholder)}.output-field--error[data-v-7689a7bc]{color:var(--el-color-error)}@media (max-width: 767px){.converter-card[data-v-7689a7bc]{margin:0 -16px;border-radius:0}.output-item[data-v-7689a7bc]{padding:12px}.output-label[data-v-7689a7bc]{font-size:13px}.copy-btn[data-v-7689a7bc]{width:28px;height:28px;min-height:28px}}@media (prefers-color-scheme: dark){.output-item[data-v-7689a7bc]{background:var(--el-bg-color)}.output-item[data-v-7689a7bc]:hover{box-shadow:0 2px 8px #ffffff1a}}.output-item[data-v-7689a7bc]{animation:fadeInUp-7689a7bc .3s ease-out}@keyframes fadeInUp-7689a7bc{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.copy-btn.is-loading[data-v-7689a7bc]{pointer-events:none}.input-field[data-v-7689a7bc]:focus-within{box-shadow:0 0 0 2px var(--el-color-primary-light-8)}.output-field[data-v-7689a7bc]:focus{box-shadow:0 0 0 2px var(--el-color-primary-light-8)}