.create-page { padding-top: 44rpx; }
.credit-link, .library-link { color: #315bea; font-size: 23rpx; }
.workspace-bar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18rpx; }
.bar-label { color: #70788b; font-size: 23rpx; }
.mode-tabs { display: flex; padding: 6rpx; gap: 4rpx; background: #e9ebf1; border-radius: 14rpx; }
.mode-tab { padding: 14rpx 18rpx; color: #737a8b; border-radius: 10rpx; font-size: 22rpx; }
.mode-tab.active { color: #ffffff; background: #202a47; box-shadow: 0 4rpx 10rpx rgba(32,42,71,.12); }
.batch-tip { margin-top: 16rpx; padding: 18rpx 20rpx; color: #6b5a2c; background: #fff8e8; border: 1rpx solid #f5e7bd; border-radius: 14rpx; font-size: 22rpx; line-height: 1.5; }
.composer, .reference-panel, .settings-panel { margin-top: 18rpx; padding: 26rpx; }
.composer-header, .section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16rpx; margin-bottom: 18rpx; }
.section-kicker { display: block; color: #315bea; font-size: 18rpx; font-weight: 800; letter-spacing: 1rpx; }
.composer-title, .section-title { display: block; margin-top: 8rpx; color: #252b3b; font-size: 30rpx; font-weight: 750; }
.protocol-tag { padding: 8rpx 12rpx; color: #2f7e58; background: #e7f5ec; border-radius: 8rpx; font-size: 19rpx; }
.field { margin-bottom: 28rpx; }
.field-row { display: flex; gap: 18rpx; }
.half { flex: 1; min-width: 0; }
.field-label { display: block; margin-bottom: 12rpx; color: #4b5263; font-size: 24rpx; font-weight: 700; }
.picker-value { height: 82rpx; padding: 0 18rpx; color: #343b4c; background: #f6f7fa; border-radius: 14rpx; line-height: 82rpx; font-size: 22rpx; }
.mapped-size { color: #1f817a; background: #e8f2ed; font-weight: 700; }
.picker-arrow { float: right; color: #8a90a2; font-size: 28rpx; }
.prompt-input { width: 100%; min-height: 260rpx; padding: 20rpx; color: #343b4c; background: #f6f7fa; border: 1rpx solid #edf0f5; border-radius: 12rpx; font-size: 26rpx; line-height: 1.55; }
.prompt-footer { display: flex; justify-content: space-between; gap: 12rpx; }
.field-hint { display: block; margin-top: 10rpx; color: #989eae; font-size: 21rpx; line-height: 1.5; }
.prompt-count { margin-top: 10rpx; color: #a0a5b3; font-size: 20rpx; white-space: nowrap; }
.upload-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 220rpx; color: #596175; background: #f6f7fa; border: 2rpx dashed #d8dce7; border-radius: 16rpx; font-size: 25rpx; }
.upload-icon { color: #315bea; font-size: 48rpx; line-height: 1; }
.upload-subtitle { margin-top: 8rpx; color: #9aa0af; font-size: 21rpx; }
.image-strip { display: flex; flex-wrap: wrap; gap: 14rpx; }
.selected-image, .add-image { position: relative; width: 148rpx; height: 148rpx; border-radius: 14rpx; overflow: hidden; }
.selected-image image { width: 100%; height: 100%; }
.remove-image { position: absolute; top: 4rpx; right: 8rpx; width: 36rpx; height: 36rpx; color: #ffffff; background: rgba(0,0,0,.55); border-radius: 50%; text-align: center; line-height: 32rpx; font-size: 30rpx; }
.add-image { color: #315bea; background: #edf1ff; border: 2rpx dashed #9eaff4; text-align: center; line-height: 148rpx; font-size: 42rpx; }
.model-note { display: flex; flex-direction: column; gap: 6rpx; margin-top: -8rpx; color: #8d93a3; font-size: 21rpx; line-height: 1.5; }
.model-note-title { color: #4b5263; font-size: 22rpx; font-weight: 700; }
.form-message { margin-top: 18rpx; padding: 16rpx; color: #b06036; background: #fff4eb; border-radius: 12rpx; font-size: 23rpx; line-height: 1.5; }
.submit-button { width: 100%; margin-top: 20rpx; }
.button-arrow { margin-left: 12rpx; font-size: 32rpx; }