.fields-panel[data-v-d77a25f2]{overflow:auto;min-height:500px;max-height:610px}.result-panel[data-v-d77a25f2]{overflow:auto;min-height:370px;max-height:470px}.field-chip[data-v-d77a25f2]{height:auto!important;min-height:42px;max-width:100%;white-space:normal}.chip-two-line[data-v-d77a25f2]{line-height:1.05;max-width:240px;overflow:hidden}.chip-name[data-v-d77a25f2]{font-size:11px;font-weight:600;color:#333}.chip-name[data-v-d77a25f2],.chip-title[data-v-d77a25f2]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-title[data-v-d77a25f2]{font-size:10px;color:#777}.result-panel[data-v-d77a25f2] .dndrop-container{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;width:100%}.result-panel[data-v-d77a25f2] .dndrop-draggable-wrapper{min-width:0;width:100%}.result-panel[data-v-d77a25f2] .dndrop-draggable-wrapper:has(.selected-field-wrap[data-size="1"]){grid-column:span 1}.result-panel[data-v-d77a25f2] .dndrop-draggable-wrapper:has(.selected-field-wrap[data-size="2"]){grid-column:span 2}.result-panel[data-v-d77a25f2] .dndrop-draggable-wrapper:has(.selected-field-wrap[data-size="3"]){grid-column:span 3}.result-panel[data-v-d77a25f2] .dndrop-draggable-wrapper:has(.selected-field-wrap[data-size="4"]){grid-column:span 4}.result-panel[data-v-d77a25f2] .dndrop-draggable-wrapper:has(.selected-field-wrap[data-size="6"]){grid-column:span 6}.result-panel[data-v-d77a25f2] .dndrop-draggable-wrapper:has(.selected-field-wrap[data-size="8"]){grid-column:span 8}.result-panel[data-v-d77a25f2] .dndrop-draggable-wrapper:has(.selected-field-wrap[data-size="12"]){grid-column:span 12}.selected-field-wrap[data-v-d77a25f2]{width:100%;box-sizing:border-box}.selected-field-card[data-v-d77a25f2]{padding:4px 6px;min-height:42px;overflow:hidden}.selected-field-row[data-v-d77a25f2]{display:flex;align-items:center;width:100%;min-width:0;overflow:hidden}.selected-field-text[data-v-d77a25f2]{flex:1 1 auto;min-width:0;overflow:hidden;line-height:1.05}.selected-field-text .chip-name[data-v-d77a25f2]{display:block;font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.selected-field-text .chip-title[data-v-d77a25f2]{display:block;font-size:10px;color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.selected-size-btn[data-v-d77a25f2]{min-width:34px!important;width:34px!important;padding:0!important}.drag-handle[data-v-d77a25f2]{cursor:grab;color:#888;font-size:14px!important}.drag-handle[data-v-d77a25f2]:active{cursor:grabbing}.result-panel[data-v-d77a25f2] .dndrop-draggable-wrapper:has(.selected-field-wrap[data-size="1"]) .chip-title,.result-panel[data-v-d77a25f2] .dndrop-draggable-wrapper:has(.selected-field-wrap[data-size="2"]) .chip-title,.result-panel[data-v-d77a25f2] .dndrop-draggable-wrapper:has(.selected-field-wrap[data-size="3"]) .chip-title{display:none}.result-panel[data-v-d77a25f2] .dndrop-draggable-wrapper:has(.selected-field-wrap[data-size="1"]) .chip-name,.result-panel[data-v-d77a25f2] .dndrop-draggable-wrapper:has(.selected-field-wrap[data-size="2"]) .chip-name{font-size:10px}.result-panel[data-v-d77a25f2] .drop-preview{border:1px dashed #1976d2;background:rgba(25,118,210,.08);border-radius:4px;min-height:42px}.selected-size-btn[data-v-d77a25f2]{min-width:46px!important;width:46px!important;height:24px!important;padding:0 4px!important;font-size:11px!important}