.docker-converter[data-v-f9738f6f]{width:100%;height:100vh;margin:0;padding:20px;box-sizing:border-box;display:flex;flex-direction:column}.converter-header[data-v-f9738f6f]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:16px;background:var(--el-bg-color-page);border-radius:8px;border:1px solid var(--el-border-color-light);box-shadow:0 2px 4px #0000000f}.action-btn[data-v-f9738f6f]{display:flex;align-items:center;gap:6px;transition:all .3s ease}.action-btn[data-v-f9738f6f]:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001f}.converter-content[data-v-f9738f6f]{display:grid;grid-template-columns:1fr 1fr;gap:0;flex:1;min-height:0}.input-section[data-v-f9738f6f],.output-section[data-v-f9738f6f]{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-f9738f6f]{border-radius:8px 0 0 8px;border-right:none}.output-section[data-v-f9738f6f]{border-radius:0 8px 8px 0}.input-section[data-v-f9738f6f]:hover,.output-section[data-v-f9738f6f]:hover{box-shadow:0 4px 16px #0000001a}.section-header[data-v-f9738f6f]{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-f9738f6f]{margin:0;font-size:16px;font-weight:600;color:var(--el-color-primary)}.header-buttons[data-v-f9738f6f]{display:flex;align-items:center;gap:8px}.paste-btn[data-v-f9738f6f],.copy-btn[data-v-f9738f6f],.fold-btn[data-v-f9738f6f],.clear-btn[data-v-f9738f6f],.download-btn[data-v-f9738f6f]{display:flex;align-items:center;gap:4px;color:var(--el-color-primary);transition:all .3s ease}.paste-btn[data-v-f9738f6f]:hover,.copy-btn[data-v-f9738f6f]:hover,.fold-btn[data-v-f9738f6f]:hover,.clear-btn[data-v-f9738f6f]:hover,.convert-btn[data-v-f9738f6f],.download-btn[data-v-f9738f6f]:hover{color:var(--el-color-primary-dark-2);transform:scale(1.05)}.editor-wrapper[data-v-f9738f6f]{margin:0 20px 20px;height:100%;border-radius:0 0 8px 8px;overflow:hidden}.textarea-with-lines[data-v-f9738f6f]{display:flex;height:100%;background:var(--el-bg-color);border-radius:4px;overflow:hidden}.line-numbers[data-v-f9738f6f]{width:50px;background:var(--el-bg-color-page);color:var(--el-text-color-placeholder);font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:22px;padding:12px 8px;text-align:right;border-right:1px solid var(--el-border-color-light);-webkit-user-select:none;user-select:none;white-space:pre;overflow:hidden}.codemirror-container[data-v-f9738f6f]{height:100%;border-radius:4px;overflow:hidden}.codemirror-container[data-v-f9738f6f] .cm-editor{height:100%;background:var(--el-bg-color);border:1px solid var(--el-border-color-light);border-radius:4px}.codemirror-container[data-v-f9738f6f] .cm-content{color:var(--el-text-color-primary)}.codemirror-container[data-v-f9738f6f] .cm-focused{outline:none;border-color:var(--el-color-primary)}.codemirror-container[data-v-f9738f6f] .cm-foldGutter{background:var(--el-bg-color-page);border-right:1px solid var(--el-border-color-light)}.codemirror-container[data-v-f9738f6f] .cm-gutters{background:var(--el-bg-color-page);border-right:1px solid var(--el-border-color-light);color:var(--el-text-color-placeholder)}.codemirror-container[data-v-f9738f6f] .cm-lineNumbers .cm-gutterElement{color:var(--el-text-color-placeholder)}.codemirror-container[data-v-f9738f6f] .cm-scroller{font-family:Consolas,Monaco,Courier New,monospace}.docker-input[data-v-f9738f6f],.docker-output[data-v-f9738f6f]{flex:1;border:none;outline:none;resize:none;padding:12px 16px;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:22px;background:var(--el-bg-color);color:var(--el-text-color-primary);overflow-y:auto;white-space:pre;word-wrap:break-word}.docker-input[data-v-f9738f6f]::placeholder,.docker-output[data-v-f9738f6f]::placeholder{color:var(--el-text-color-placeholder);font-style:italic}@media (max-width: 768px){.docker-converter[data-v-f9738f6f]{padding:10px;height:100vh}.converter-content[data-v-f9738f6f]{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:10px}.input-section[data-v-f9738f6f]{border-radius:8px 8px 0 0}.output-section[data-v-f9738f6f]{border-radius:0 0 8px 8px}.editor-wrapper[data-v-f9738f6f]{margin:0 10px 10px}.converter-header[data-v-f9738f6f]{margin-bottom:12px;padding:12px}}@media (max-width: 480px){.docker-converter[data-v-f9738f6f]{padding:5px;height:100vh}.converter-content[data-v-f9738f6f]{gap:5px}.editor-wrapper[data-v-f9738f6f]{margin:0 5px 5px}.line-numbers[data-v-f9738f6f]{width:40px;padding:8px 4px;font-size:12px}.docker-input[data-v-f9738f6f],.docker-output[data-v-f9738f6f]{padding:8px 12px;font-size:12px;line-height:18px}}.docker-output[data-v-f9738f6f]{background:var(--el-bg-color-page);cursor:default}.help-section[data-v-f9738f6f]{margin-top:24px}.help-section[data-v-f9738f6f] .el-collapse{border:1px solid var(--el-border-color-light);border-radius:8px;overflow:hidden}.help-section[data-v-f9738f6f] .el-collapse-item__header{background:var(--el-bg-color-page);padding:16px 20px;font-weight:600}.example-content[data-v-f9738f6f]{padding:20px}.example-content p[data-v-f9738f6f]{margin:16px 0 8px;font-weight:600;color:var(--el-text-color-primary)}.example-code[data-v-f9738f6f]{display:block;padding:12px 16px;background:var(--el-fill-color-light);border:1px solid var(--el-border-color);border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;color:var(--el-color-primary);word-break:break-all;margin:8px 0 16px}.example-output[data-v-f9738f6f]{background:var(--el-fill-color-darker);border:1px solid var(--el-border-color);border-radius:6px;padding:16px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.6;color:var(--el-text-color-primary);margin:8px 0;overflow-x:auto}@media (max-width: 768px){.docker-converter[data-v-f9738f6f]{padding:16px}.converter-header[data-v-f9738f6f]{padding:12px}.converter-content[data-v-f9738f6f]{grid-template-columns:1fr;gap:16px}.action-btn[data-v-f9738f6f]{font-size:12px;padding:6px 12px}.section-header[data-v-f9738f6f]{padding:12px 16px}.section-header h3[data-v-f9738f6f]{font-size:14px}.docker-input[data-v-f9738f6f],.docker-output[data-v-f9738f6f]{margin:0 16px 16px}.docker-input[data-v-f9738f6f] .el-textarea__inner,.docker-output[data-v-f9738f6f] .el-textarea__inner{font-size:13px;min-height:200px}}@media (max-width: 480px){.converter-header[data-v-f9738f6f]{flex-direction:column;align-items:stretch}.action-btn[data-v-f9738f6f]{justify-content:center}}@media (prefers-color-scheme: dark){.example-code[data-v-f9738f6f]{background:var(--el-bg-color-overlay);color:var(--el-color-primary-light-3)}.example-output[data-v-f9738f6f]{background:var(--el-bg-color-overlay)}}.converter-content[data-v-f9738f6f]{animation:fadeInUp-f9738f6f .6s ease-out}@keyframes fadeInUp-f9738f6f{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.docker-input[data-v-f9738f6f] .el-textarea__inner:disabled,.docker-output[data-v-f9738f6f] .el-textarea__inner:disabled{opacity:.6;cursor:not-allowed}.output-section.success[data-v-f9738f6f]{border-color:var(--el-color-success-light-5)}.output-section.success .section-header[data-v-f9738f6f]{background:linear-gradient(135deg,var(--el-color-success-light-9),var(--el-color-success-light-8))}