.css-formatter-container[data-v-e31fd71d]{max-width:1200px;margin:0 auto;padding:20px}.formatter-header[data-v-e31fd71d]{text-align:center;margin-bottom:30px}.formatter-header h2[data-v-e31fd71d]{font-size:28px;color:#333;margin:0 0 8px}.subtitle[data-v-e31fd71d]{font-size:14px;color:#666;margin:0}.formatter-layout[data-v-e31fd71d]{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:24px}.input-section[data-v-e31fd71d],.output-section[data-v-e31fd71d]{background:var(--em-bg-card);border-radius:8px;padding:20px;box-shadow:0 2px 8px #00000014}.section-header[data-v-e31fd71d]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title[data-v-e31fd71d]{font-size:16px;font-weight:600;color:#333}.section-actions[data-v-e31fd71d]{display:flex;gap:8px}.code-input[data-v-e31fd71d]{width:100%;min-height:300px;padding:16px;font-family:Monaco,Menlo,Courier New,monospace;font-size:14px;line-height:1.6;border:1px solid #e8e8e8;border-radius:8px;resize:vertical;background:#f8f9fa}.code-input[data-v-e31fd71d]:focus{outline:none;border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.action-buttons[data-v-e31fd71d]{display:flex;gap:12px;justify-content:center}.code-output[data-v-e31fd71d]{min-height:300px;background:#f8f9fa;border:1px solid #e8e8e8;border-radius:8px;overflow:auto}.output-content[data-v-e31fd71d]{padding:16px;font-family:Monaco,Menlo,Courier New,monospace;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-all}.output-placeholder[data-v-e31fd71d]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#999}.output-placeholder .el-icon[data-v-e31fd71d]{margin-bottom:12px;color:#d9d9d9}.output-placeholder p[data-v-e31fd71d]{margin:0;font-size:14px}.options-section[data-v-e31fd71d]{background:var(--em-bg-card);border-radius:8px;padding:20px;box-shadow:0 2px 8px #00000014}.options-section h3[data-v-e31fd71d]{font-size:18px;color:#333;margin:0 0 16px}.options-grid[data-v-e31fd71d]{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.indent-size-control[data-v-e31fd71d]{display:flex;align-items:center;gap:12px}@media (max-width: 768px){.css-formatter-container[data-v-e31fd71d]{padding:16px}.formatter-header h2[data-v-e31fd71d]{font-size:24px}.code-input[data-v-e31fd71d],.code-output[data-v-e31fd71d]{min-height:200px}.action-buttons[data-v-e31fd71d]{flex-direction:column}.options-grid[data-v-e31fd71d],.indent-size-control[data-v-e31fd71d]{flex-direction:column;align-items:flex-start}}