.picture-component{min-width:348px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:var(--kq-bg-color);border-radius:4px;overflow:hidden;height:100%}.picture-component .kq-tab-pane,.picture-component .kq-tabs,.picture-component .kq-tabs__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;overflow:hidden}.picture-component .kq-tabs__header{margin:0 0 8px;-ms-flex-negative:0;flex-shrink:0}.picture-component .picture-preview-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:8px;background-color:var(--kq-bg-color);border:1px solid var(--kq-border-color);border-radius:4px;gap:8px;margin:0;height:auto}.picture-component .picture-preview-header{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.picture-component .picture-preview-title{font-size:14px;font-weight:600;color:#333}.picture-component .review-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px}.picture-component .preview-image{width:100%;max-width:342px;height:180px;-o-object-fit:contain;object-fit:contain;background-color:var(--kq-bg-color);border:1px solid var(--kq-border-color);border-radius:4px}.picture-component .svg-edit-box{margin-top:8px;margin-bottom:8px;padding:8px;border:1px solid #e0e0e0;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;overflow:hidden}.picture-component .svg-edit-header{margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.picture-component .svg-edit-title{font-size:14px;font-weight:600;color:#333}.picture-component .svg-edit-content{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.picture-component .svg-edit-content div.svg-edit-textarea,.picture-component .svg-edit-content textarea.svg-edit-textarea{width:calc(100% - 16px);-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;padding:8px;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.5;border:1px solid #d0d0d0;border-radius:4px;color:#333;resize:none;background-color:#f9f9f9;overflow:auto;white-space:pre-wrap;word-wrap:break-word}.picture-component .svg-edit-content div.svg-edit-textarea[contenteditable=true]:empty:before{content:attr(data-placeholder);color:#999;pointer-events:none}.picture-component .svg-edit-textarea:focus{outline:none;border-color:#409eff;-webkit-box-shadow:0 0 0 2px rgba(64,158,255,.2);box-shadow:0 0 0 2px rgba(64,158,255,.2)}.picture-component .svg-validation-error{margin-bottom:8px;padding:8px 12px;font-size:12px;color:#f56c6c;background-color:#fef0f0;border:1px solid #fde2e2;border-radius:4px}.picture-component .svg-edit-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.picture-component .svg-text-fields-box{margin-bottom:8px;border:1px solid #e4e7ed;border-radius:4px;padding:8px;background-color:#f5f7fa;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.picture-component .svg-text-fields-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:8px}.picture-component .svg-text-fields-title{font-weight:700;font-size:13px;color:#606266;white-space:nowrap}.picture-component .svg-text-fields-count{font-size:12px;color:#909399;white-space:nowrap}.picture-component .svg-text-fields-container{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.picture-component .svg-text-field-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:4px 0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.picture-component .svg-text-field-label{font-size:12px;color:#606266;min-width:70px;max-width:70px;-ms-flex-negative:0;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picture-component .svg-text-field-item :deep(.kq-input){-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}