.file-box-uploader-container{margin:8px 23px 10px 10px}.file-box-uploader-area{width:100%;height:200px;border:2px dashed #ccd0d5;border-radius:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;background-color:#fafbfc;margin:0 auto}.file-box-uploader-area:hover{border-color:#4f8bf9;background-color:#f0f5ff}.file-box-uploader-area.drag-over{border-color:#4f8bf9;background-color:#f0f5ff;border-style:solid}.file-box-uploader-icon{margin-bottom:15px;width:48px;height:48px;color:#4f8bf9}.file-box-uploader-text{color:#606770;text-align:center;padding:0 15px;line-height:1.5;font-size:14px}.file-box-uploader-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-box-file-display-area{width:100%;height:200px;border:2px solid #e1e8f0;border-radius:6px;background-color:#f0f5ff;margin:0 auto;display:none;flex-direction:column;overflow:hidden;position:relative}.file-box-file-display-area.active{display:flex}.file-box-file-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#4f8bf9;color:#fff}.file-box-file-header-title{font-weight:600;font-size:14px}.file-box-file-actions{display:flex;align-items:center}.file-box-add-more-button{background-color:#4f8bf9;color:#fff;border:1px solid #fff;padding:4px 8px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s;font-size:12px;margin-right:8px;display:flex;align-items:center;z-index:10}.file-box-add-more-button:hover{background-color:#3a78e7}.file-box-add-more-button svg{width:14px;height:14px;margin-right:4px}.file-box-clear-button{background-color:#f56565;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s;font-size:13px;z-index:10}.file-box-clear-button:hover{background-color:#e53e3e}.file-box-mode-switch{display:flex;justify-content:center;margin-bottom:15px}.file-box-switch-label{display:flex;align-items:center;margin:0 10px;cursor:pointer}.file-box-switch-input{margin-right:5px}.file-box-file-list{list-style:none;flex:1;overflow-y:auto;padding:8px;max-height:calc(100% - 50px)}.file-box-file-item{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #e1e8f0;background-color:#fff;border-radius:4px;margin-bottom:6px}.file-box-file-item:last-child{margin-bottom:0}.file-box-file-details{flex:1;overflow:hidden}.file-box-file-name{font-weight:600;color:#1a1a1a;margin-bottom:5px;word-break:break-all;font-size:13px}.file-box-file-size{color:#606770;font-size:12px}.file-box-file-remove{background:none;border:none;color:#f56565;cursor:pointer;margin-left:10px;font-size:16px;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:background-color .2s}.file-box-file-remove:hover{background-color:#fee2e2}.file-box-file-remove svg{width:16px;height:16px;stroke:#f56565}.file-box-single-file-info{padding:8px;background-color:#fff;border-radius:4px;margin:8px}.file-box-output-html-box{margin:8px 20px 10px 10px}.file-box-click-select-file-title{color:#006cbf;cursor:pointer;text-decoration:none;transition:color .3s}