.el-drawer__header {
	margin-bottom: 0;
}

/* 面板基础布局 */
.panel-content {
	padding: 12px;
	height: auto;
	background: #fff;
}

.panel-section {
	border: 1px solid #e4e7ed;
	border-radius: 4px;
	padding: 0.5rem;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.panel-header {
	padding-bottom: 0.5rem;
	padding-left: 0.2rem;
	border-bottom: 1px solid #e4e7ed;
	font-weight: bold;
}

/* 输入组样式 */
.input-group {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.input-group label {
	font-size: 13px;
	color: #606266;
	font-weight: 500;
}

/* 表单控件样式 */
.form-input,
.form-select,
.form-textarea {
	width: 100%;
	padding: 0 10px;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	color: #333;
	border: none;
	background-color: rgb(242, 244, 247);
	font-size: 13px;
	transition: all 0.2s;
}

.form-textarea {
	min-height: 120px;
	resize: vertical;
	font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
	line-height: 1.5;
}

.form-input:hover,
.form-select:hover,
.form-textarea:hover {
	border-color: #c0c4cc;
}

.form-input:focus,
.form-select:focus,
.form-textarea:focus {
	outline: none;
	border-color: #409eff;
	box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.1);
}

.form-input::placeholder,
.form-select::placeholder,
.form-textarea::placeholder {
	color: #c0c4cc;
}

/* 参数区域样式 */
.section-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}

.section-title {
	font-size: 13px;
	color: #606266;
	font-weight: bold;
}

.params-list {
	display: flex;
	flex-direction: column;
	/**gap: 6px;**/
	border-radius: 3px;
}

.param-item {
	border: 1px solid #e4e7ed;
	border-radius: 4px;
	padding: 0.5rem;
	background-color: #f5f7fa;
}

.param-item-margin {
	margin-bottom: 0.5rem;
}

/* 删除按钮样式 */
.delete-btn {
	padding: 4px !important;
	height: 28px !important;
	width: 28px !important;
	min-width: 28px !important;
	flex-shrink: 0 !important;
	border-radius: 3px !important;
}

/* 添加按钮样式 */
.add-btn {
	padding: 6px 12px;
	background: #1890ff;
	border: none;
	border-radius: 4px;
	color: white;
	font-size: 12px;
	cursor: pointer;
}

.add-btn:hover {
	background: #40a9ff;
}

/* 输入包装器样式 */
.input-wrapper {
	position: relative;
	flex: 1;
	overflow: hidden;
	min-width: 0; /* 防止内容溢出 */
}

.input-wrapper.type-wrapper {
	flex: 0.5;
}

/* 模型配置样式 */
.model-config {
	background: #f8fafc;
	border: 1px solid #e5e7eb;
	border-radius: 6px;
	padding: 16px;
}

.model-config .param-item {
	margin-bottom: 12px;
	background: transparent;
}

.model-config label {
	display: block;
	margin-bottom: 4px;
	font-size: 12px;
	color: #64748b;
}

/* 下拉框组样式 */
.form-select optgroup {
	font-weight: 500;
	color: #606266;
	padding: 4px 0;
}

.form-select option {
	padding: 6px;
	color: #606266;
}

/* 只读输出样式 */
.param-item span.form-input,
.param-item span.form-select {
	padding: 2px 10px;
	background: #f8f9fb;
	color: #606266;
	font-size: 12px;
}

/* 错误状态 */
.form-input.error,
.form-select.error {
	border-color: #f56c6c;
	background-color: #fef0f0;
}

.error-message {
	font-size: 12px;
	color: #f56c6c;
	margin-top: 4px;
}

/* 禁用状态 */
.form-input:disabled,
.form-select:disabled,
.form-textarea:disabled {
	cursor: not-allowed;
	opacity: 0.7;
}

/* 模板相关样式 */
.template-select {
	display: flex;
	gap: 10px;
}

.template-params {
	padding: 1rem;
	background-color: #f5f7fa;
	border-radius: 4px;
}

/* 拖拽相关样式 */
.cursor-move {
	cursor: move;
}

/* 滚动条样式 */
.panel-content::-webkit-scrollbar {
	width: 4px;
}

.panel-content::-webkit-scrollbar-track {
	background: #f8f9fb;
	border-radius: 2px;
}

.panel-content::-webkit-scrollbar-thumb {
	background: #dcdfe6;
	border-radius: 2px;
}

.panel-content::-webkit-scrollbar-thumb:hover {
	background: #c0c4cc;
}
