.monaco-editor-wrapper[data-v-7fb0d028]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.editor-toolbar[data-v-7fb0d028]{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;min-height:52px;padding:12px 16px}.language-badge[data-v-7fb0d028]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:6px;padding:4px 10px}.language-icon[data-v-7fb0d028]{font-size:14px}.language-text[data-v-7fb0d028]{color:#475569;font-size:12px;font-weight:600}.toolbar-buttons[data-v-7fb0d028]{align-items:center;display:flex;gap:4px}.toolbar-btn[data-v-7fb0d028]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff9!important;border:none!important;border-radius:6px!important;transition:all .2s ease!important}.toolbar-btn[data-v-7fb0d028]:hover{background:#ffffffe6!important;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.editor-status[data-v-7fb0d028]{align-items:center;display:flex}.status-text[data-v-7fb0d028]{background:#fff9;border:1px solid rgba(226,232,240,.6);border-radius:10px;color:#64748b;font-family:Courier New,monospace;font-size:11px;padding:2px 8px}.monaco-editor-container[data-v-7fb0d028]{background:#fff;border-radius:0 0 8px 8px;overflow:hidden;position:relative}.fullscreen-mode[data-v-7fb0d028]{border-radius:0!important;height:100vh!important;left:0!important;position:fixed!important;top:0!important;width:100vw!important;z-index:9999!important}.editor-loading[data-v-7fb0d028]{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:0 0 8px 8px;display:flex;justify-content:center}.loading-content[data-v-7fb0d028]{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:12px}.loading-spinner[data-v-7fb0d028]{animation:spin-7fb0d028 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:24px;width:24px}.loading-text[data-v-7fb0d028]{color:#64748b;font-size:13px}@keyframes spin-7fb0d028{0%{transform:rotate(0)}to{transform:rotate(1turn)}}[data-v-7fb0d028] .monaco-editor{border-radius:0 0 8px 8px;font-family:Fira Code,JetBrains Mono,Consolas,Monaco,Courier New,monospace!important}[data-v-7fb0d028] .monaco-editor .overflow-guard,[data-v-7fb0d028] .monaco-editor .monaco-scrollable-element{border-radius:0 0 8px 8px}[data-v-7fb0d028] .monaco-editor .margin{background:#fafbfc;border-right:1px solid #e2e8f0}[data-v-7fb0d028] .monaco-editor .line-numbers{color:#94a3b8!important;font-weight:400}[data-v-7fb0d028] .monaco-editor .cursor{background:#3b82f6!important;border-left-color:#3b82f6!important}[data-v-7fb0d028] .monaco-editor .selected-text{background:#3b82f633!important}[data-v-7fb0d028] .monaco-editor .current-line{background:#3b82f60d!important;border:none!important}[data-v-7fb0d028] .monaco-editor .monaco-scrollable-element .scrollbar{background:#0000000d}[data-v-7fb0d028] .monaco-editor .monaco-scrollable-element .slider{background:#0003;border-radius:3px}[data-v-7fb0d028] .monaco-editor .monaco-scrollable-element .slider:hover{background:#0000004d}[data-v-7fb0d028] .monaco-editor .token.string{color:#10b981!important}[data-v-7fb0d028] .monaco-editor .token.number{color:#f59e0b!important}[data-v-7fb0d028] .monaco-editor .token.keyword{color:#3b82f6!important;font-weight:600}[data-v-7fb0d028] .monaco-editor .token.comment{color:#6b7280!important;font-style:italic}@media (max-width:768px){.editor-toolbar[data-v-7fb0d028]{flex-wrap:wrap;gap:8px;padding:8px 12px}.language-badge[data-v-7fb0d028]{font-size:11px}.toolbar-buttons[data-v-7fb0d028]{gap:2px}.status-text[data-v-7fb0d028]{font-size:10px}}.create-ui-modal[data-v-2cadc96d] .arco-modal{border-radius:12px}.create-ui-modal[data-v-2cadc96d] .arco-modal-header{border-bottom:1px solid #f0f0f0;padding:20px 24px 16px}.create-ui-modal[data-v-2cadc96d] .arco-modal-body{padding:24px}.create-ui-modal[data-v-2cadc96d] .arco-modal-footer{border-top:1px solid #f0f0f0;padding:16px 24px 20px}.preview-container[data-v-2cadc96d] iframe{border:none;border-radius:8px;width:100%}.ai-generate-btn[data-v-2cadc96d]{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important;font-size:12px;transition:all .3s ease}.ai-generate-btn[data-v-2cadc96d]:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.ai-generate-btn[data-v-2cadc96d]:disabled{cursor:not-allowed;opacity:.6}.component-main-tabs[data-v-2cadc96d] .arco-tabs-nav{margin-bottom:16px}.code-tabs[data-v-2cadc96d] .arco-tabs-nav{margin-bottom:12px}.editor-container[data-v-2cadc96d]{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden}.space-y-2[data-v-2cadc96d]{gap:8px}.code-tabs[data-v-2cadc96d] .arco-tabs-tab{font-weight:500}.code-tabs[data-v-2cadc96d] .arco-tabs-tab-active{color:#3b82f6}.preview-container[data-v-2cadc96d]{border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden}.preview-container iframe[data-v-2cadc96d]{border-radius:8px}.ui-components-grid[data-v-e83db1a9]{display:grid;gap:1.5rem;grid-auto-rows:max-content;grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.ui-components-grid[data-v-e83db1a9]{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.ui-components-grid[data-v-e83db1a9]{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.ui-components-grid[data-v-e83db1a9]{grid-template-columns:repeat(3,1fr)}}