.article-styles-container[data-v-3a8e9c8c]{padding:20px;background:#f9fafb;height:calc(100vh - 64px);box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}.article-styles-container[data-v-3a8e9c8c] .el-card{flex:1;min-height:0;display:flex;flex-direction:column}.article-styles-container[data-v-3a8e9c8c] .el-card__header{flex-shrink:0}.article-styles-container[data-v-3a8e9c8c] .el-card__body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.styles-card .card-header[data-v-3a8e9c8c]{display:flex;align-items:center;justify-content:space-between}.styles-card .card-header .header-left h3[data-v-3a8e9c8c]{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px 0}.styles-card .card-header .header-left p[data-v-3a8e9c8c]{font-size:14px;color:#6b7280;margin:0}.styles-card .card-header .header-actions[data-v-3a8e9c8c]{display:flex;align-items:center;gap:8px}.styles-content[data-v-3a8e9c8c]{flex:1;min-height:0;overflow-y:auto;padding-right:4px}.styles-content .empty-state[data-v-3a8e9c8c]{text-align:center;padding:48px 24px}.styles-content .empty-state p[data-v-3a8e9c8c]{font-size:16px;color:#6b7280;margin:0 0 8px 0}.styles-content .empty-state p.hint[data-v-3a8e9c8c]{font-size:14px;color:#9ca3af}.styles-content .styles-grid[data-v-3a8e9c8c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px}.styles-content .style-card[data-v-3a8e9c8c]{border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .2s;position:relative}.styles-content .style-card[data-v-3a8e9c8c]:hover{border-color:#6366f1}.styles-content .style-card .style-header[data-v-3a8e9c8c]{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.styles-content .style-card .style-header .style-title[data-v-3a8e9c8c]{display:flex;align-items:center;gap:8px}.styles-content .style-card .style-header .style-title h4[data-v-3a8e9c8c]{font-size:16px;font-weight:600;color:#111827;margin:0}.styles-content .style-card .style-header .style-actions[data-v-3a8e9c8c]{display:flex;align-items:center;gap:8px;flex-shrink:0}.styles-content .style-card .style-header .delete-btn[data-v-3a8e9c8c]{color:#9ca3af}.styles-content .style-card .style-header .delete-btn[data-v-3a8e9c8c]:hover{color:#ef4444}.styles-content .style-card .style-prompt[data-v-3a8e9c8c]{font-size:14px;color:#6b7280;line-height:1.6;margin:0 0 16px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.style-tabs[data-v-3a8e9c8c]{flex-shrink:0;margin-bottom:12px}