.ui-card[data-v-6be5c7a7]{background:#fff;border:1px solid #e5e7eb;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.ui-card[data-v-6be5c7a7]:hover{border-color:#d1d5db;box-shadow:0 12px 40px #0000001f;transform:translateY(-4px)}.ui-card-preview[data-v-6be5c7a7]{background:linear-gradient(145deg,#f8fafc,#f1f5f9);height:450px;overflow:hidden;position:relative}.preview-iframe[data-v-6be5c7a7]{background:#fff;border:none;height:100%;width:100%}.preview-empty[data-v-6be5c7a7]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.ui-card-content[data-v-6be5c7a7]{cursor:pointer;display:flex;flex:1;flex-direction:column;padding:20px}.ui-card-tags[data-v-6be5c7a7]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tag[data-v-6be5c7a7]{background:#f0f9ff;border-radius:6px;color:#0369a1;font-size:12px;font-weight:500;padding:4px 10px}.ui-card-title[data-v-6be5c7a7]{color:#1f2937;display:-webkit-box;font-size:18px;font-weight:600;-webkit-line-clamp:2;line-height:1.4;margin:0 0 8px;-webkit-box-orient:vertical;overflow:hidden}.ui-card:hover .ui-card-title[data-v-6be5c7a7]{color:#2563eb}.ui-card-desc[data-v-6be5c7a7]{color:#6b7280;display:-webkit-box;font-size:14px;-webkit-line-clamp:2;line-height:1.6;margin:0 0 16px;-webkit-box-orient:vertical;flex:1;overflow:hidden}.ui-card-footer[data-v-6be5c7a7]{align-items:center;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-top:auto;padding-top:16px}.ui-card-author[data-v-6be5c7a7]{align-items:center;display:flex;gap:10px}.author-avatar[data-v-6be5c7a7]{border-radius:50%;height:32px;-o-object-fit:cover;object-fit:cover;width:32px}.author-avatar-default[data-v-6be5c7a7]{align-items:center;background:#e5e7eb;color:#9ca3af;display:flex;justify-content:center}.author-name[data-v-6be5c7a7]{color:#4b5563;font-size:14px;font-weight:500}.ui-card-stats[data-v-6be5c7a7]{gap:16px}.stat-btn[data-v-6be5c7a7],.ui-card-stats[data-v-6be5c7a7]{align-items:center;display:flex}.stat-btn[data-v-6be5c7a7]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:13px;gap:4px;padding:6px 12px;transition:all .2s ease}.stat-btn[data-v-6be5c7a7]:hover{background:#fee2e2;border-color:#fca5a5;color:#ef4444}.stat-date[data-v-6be5c7a7]{color:#9ca3af;font-size:13px}.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-grid[data-v-4ced50fe]{display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.ui-grid[data-v-4ced50fe]{gap:16px;grid-template-columns:1fr}}