.yaml-viewer[data-v-fadfc928]{width:100%;height:100vh;margin:0;padding:20px;box-sizing:border-box;display:flex;flex-direction:column}.viewer-content[data-v-fadfc928]{display:grid;grid-template-columns:1fr 1fr;gap:0;flex:1;min-height:0}.input-section[data-v-fadfc928],.output-section[data-v-fadfc928]{background:var(--el-bg-color);border:1px solid var(--el-border-color-light);overflow:hidden;box-shadow:0 2px 8px #0000000f;transition:box-shadow .3s ease}.input-section[data-v-fadfc928]{border-radius:8px 0 0 8px;border-right:none}.output-section[data-v-fadfc928]{border-radius:0 8px 8px 0}.input-section[data-v-fadfc928]:hover,.output-section[data-v-fadfc928]:hover{box-shadow:0 4px 16px #0000001a}.section-header[data-v-fadfc928]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,var(--el-color-primary-light-9),var(--el-color-primary-light-8));border-bottom:1px solid var(--el-border-color-light)}.section-header h3[data-v-fadfc928]{margin:0;font-size:16px;font-weight:600;color:var(--el-color-primary)}.header-buttons[data-v-fadfc928]{display:flex;align-items:center;gap:8px}.paste-btn[data-v-fadfc928],.copy-btn[data-v-fadfc928],.clear-btn[data-v-fadfc928],.download-btn[data-v-fadfc928],.format-btn[data-v-fadfc928],.validate-btn[data-v-fadfc928]{display:flex;align-items:center;gap:4px;color:var(--el-color-primary);transition:all .3s ease}.paste-btn[data-v-fadfc928]:hover,.copy-btn[data-v-fadfc928]:hover,.clear-btn[data-v-fadfc928]:hover,.format-btn[data-v-fadfc928]:hover,.download-btn[data-v-fadfc928]:hover,.validate-btn[data-v-fadfc928]:hover{color:var(--el-color-primary-dark-2);transform:scale(1.05)}.editor-wrapper[data-v-fadfc928]{margin:0 20px 20px;height:calc(100% - 20px);border-radius:0 0 8px 8px;overflow:hidden}.codemirror-container[data-v-fadfc928]{height:100%;border-radius:4px;overflow:hidden;border:1px solid var(--el-border-color-light)}.codemirror-container[data-v-fadfc928] .cm-editor{height:100%}.codemirror-container[data-v-fadfc928] .cm-scroller{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5}.codemirror-container[data-v-fadfc928] .cm-focused{outline:none}.config-item[data-v-fadfc928]{display:flex;align-items:center;gap:12px}.config-label[data-v-fadfc928]{font-size:14px;color:var(--el-color-primary);white-space:nowrap;font-weight:500}.config-input[data-v-fadfc928]{width:80px}@media (max-width: 768px){.yaml-viewer[data-v-fadfc928]{padding:16px}.viewer-content[data-v-fadfc928]{grid-template-columns:1fr;gap:16px}.input-section[data-v-fadfc928],.output-section[data-v-fadfc928]{border-radius:8px;border:1px solid var(--el-border-color-light)}.section-header[data-v-fadfc928]{padding:12px 16px}.section-header h3[data-v-fadfc928]{font-size:14px}.editor-wrapper[data-v-fadfc928]{margin:0 16px 16px;height:300px}}@media (max-width: 480px){.yaml-viewer[data-v-fadfc928]{padding:8px}.header-buttons[data-v-fadfc928]{flex-wrap:wrap;gap:4px}.header-buttons .el-button[data-v-fadfc928]{font-size:12px;padding:4px 8px}.editor-wrapper[data-v-fadfc928]{margin:0 8px 8px;height:250px}}@media (prefers-color-scheme: dark){.codemirror-container[data-v-fadfc928]{border-color:var(--el-border-color-darker)}}.viewer-content[data-v-fadfc928]{animation:fadeInUp-fadfc928 .6s ease-out}@keyframes fadeInUp-fadfc928{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.output-section.success[data-v-fadfc928]{border-color:var(--el-color-success-light-5)}.output-section.success .section-header[data-v-fadfc928]{background:linear-gradient(135deg,var(--el-color-success-light-9),var(--el-color-success-light-8))}.output-section.error[data-v-fadfc928]{border-color:var(--el-color-error-light-5)}.output-section.error .section-header[data-v-fadfc928]{background:linear-gradient(135deg,var(--el-color-error-light-9),var(--el-color-error-light-8))}.sr-only[data-v-fadfc928]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}